CSS   51

screen css

Guest on 21st June 2022 05:46:33 PM

  1. html, body { height: 100%; }
  2. body {
  3.     background:url('/assets/images/menu-back.png')
  4.         repeat-y
  5.         left
  6.         top
  7.         #e5e5e5;
  8.     font-size: 0.625em;
  9.     font-family: 'Arial', sans-serif;
  10. }
  11.  
  12.  
  13. h1 { margin: 0 0 0.75em 0; font-size: 2em; font-weight: normal; }
  14. h2 { margin: 0 0 1em 0; font-size: 1.4em; font-weight: normal; }
  15. h3 { margin: 0 0 1em 0; font-size: 1.2em; font-weight: normal; }
  16.  
  17. .content p {
  18.     font-size: 1.2em;
  19.     line-height: 1.5;
  20. }
  21. .content li {
  22.         margin: 0 0 1em 0;
  23.         /*list-style: disc;*/
  24.         font-size: 1.2em;
  25. }
  26.  
  27.  
  28. /* Form styles */
  29. label, input, textarea, select {
  30.         font-family: 'Arial', sans-serif;
  31.         font-size: 1.2em;
  32. }
  33. label {
  34.         float: left;
  35.         width: 12em;
  36.         font-size: 1.2em
  37. }
  38. form li, .content form li {
  39.         margin: 0 0 1em 0;
  40.         list-style: none;
  41. }
  42. input, textarea, select {
  43.         width: 22em;
  44.         padding: 6px 8px;
  45.         border: 1px solid #a6a6a6;
  46.         background: #d5d5d5;
  47.         font-size: 1.2em;
  48. }
  49. select { width: 23.5em; }
  50. #sitepicker { width: 220px; }
  51. textarea {
  52.         height: 10em;
  53. }
  54.  
  55. form .buttons { padding-left: 25px; margin: 0 0 0 14.4em; overflow: hidden; }
  56. form .buttons li { float: left; margin: 0 1em 0 0; }
  57.  
  58. .checkbox { width: 15px !important; }
  59.  
  60.  
  61.  
  62. /* Standard CTA button */
  63. button::-moz-focus-inner {
  64.     padding: 0;
  65.     border: 0;
  66. }
  67.  
  68. .button {
  69.         display: block;
  70.         width: auto;
  71.         padding: 0;
  72.         border: 0 solid;
  73.         background: url('../images/bg-btn-l.png') 0 0 no-repeat;
  74.         color: #fff;
  75.         text-shadow: 0 1px 2px rgba(0,0,0,0.25);
  76.         text-decoration: none;
  77.         cursor: pointer;
  78.         font-size: 1.2em;
  79. }
  80. .button span {
  81.         display: block;
  82.         width: auto; height: 12px;
  83.         padding: 3px 12px 10px 12px;
  84.         background: url('../images/bg-btn-r.png') 100% 0 no-repeat;
  85. }
  86. .button:hover, .button:focus { background-position: 0 100%; }
  87. .button:hover span, .button:focus span { background-position: 100% 100%; }
  88.  
  89. a {
  90.     text-decoration: none;
  91. }
  92.  
  93. /* Navigation */
  94. #nav {
  95.         float: left;
  96.     width: 220px; min-height: 100%;
  97.     background: #16161b;
  98. }
  99. #nav #logo {
  100.         display: block;
  101.         padding: 26px 48px;
  102. }
  103. #nav li a {
  104.     display: block;
  105.     padding: 10px;
  106.     border-top: 1px solid #808080;
  107.     background: #16161b url('../images/bg-arrow2.gif') -999px -999px no-repeat; color: #808080;
  108.     font-size: 1.2em;
  109.     text-decoration: none;
  110.     color: #fff;
  111. }
  112. #nav li a:hover {
  113.     background-position: 95% 50%;
  114.     background-color: #1a1a1a;
  115.     color: #a0a0a0;
  116. }
  117.  
  118. /* Sub-nav heads */
  119. #nav li.sub {  
  120.     background: url('../images/bg-menu-sub.gif') 0 0 repeat-x;
  121. }
  122. #nav li.sub a {
  123.     border-top: 1px solid #1a1a1a;
  124.     background: transparent url('../images/bg-arrow1.gif') 95% 50% no-repeat;;
  125.     color: #fff;
  126.     font-weight: bold;
  127. }
  128. #nav li.open a {
  129.     background-image: url('../images/bg-arrow1a.gif');
  130. }
  131. #nav li.sub li a {
  132.     background: #262525 url('../images/bg-arrow2.gif') -999px -999px no-repeat;
  133.     font-weight: normal;
  134. }
  135. #nav li.sub li a:hover {
  136.     background-color: #353333;
  137.     background-position: 95% 50%;
  138. }
  139.  
  140. /* Accordion styles */
  141. .js #nav li.sub {
  142.     height: 32px;
  143.     overflow: hidden;
  144. }
  145.  
  146. /* Content area */
  147. #main {
  148.         border-top: 1px solid #e5e5e5;
  149.         min-height: 100%;
  150.         padding: 0 0 0 240px;
  151. }
  152. #main #logo2 { display: block; overflow: hidden; }
  153. #main #logo2 img {
  154.         float: right;
  155.         margin: 2em;
  156. }
  157.  
  158. #content {
  159.         margin: 2em;
  160. }
  161.  
  162. .booples:after {
  163. content: ".";
  164. display: block;
  165. height: 0;
  166. font-size:0;   
  167. clear: both;
  168. visibility:hidden;
  169. text-align:left;
  170. }
  171.  
  172. .booples{display: inline-block;}
  173. .h1-title { margin-top: 15px; }
  174. .formInput {
  175.         font-family:arial, helvetica, sans-serif;
  176.         font-size:11px;
  177.         padding-left:3px;
  178. }
  179. .error {
  180.     padding-left: 171px;
  181. }
  182.  
  183. /* Prev CSS Document */
  184.  
  185. .fullHeight {
  186. height:100%;
  187. }
  188.  
  189. .formInput {
  190.         font-family:arial, helvetica, sans-serif;
  191.         font-size:11px;
  192.         padding-left:3px;
  193. }
  194.  
  195. .leftLinkImage {
  196.         vertical-align:middle;
  197.         border:0;
  198.         margin-right:3px;
  199. }
  200.  
  201. .booples:after {
  202. content: ".";
  203. display: block;
  204. height: 0;
  205. font-size:0;   
  206. clear: both;
  207. visibility:hidden;
  208. text-align:left;
  209. }
  210.  
  211. .booples{display: inline-block;}
  212.  
  213. /* Hides from IE Mac \*/
  214. * html .booples {height: 1%;}
  215.    .booples{display:block;}
  216. /* End Hack */
  217.  
  218.  
  219. .menu-item
  220. {
  221.         margin-bottom: 10px;
  222.         line-height:16px;
  223.         clear:both;
  224.         /*padding-left: 10px;*/
  225. }
  226. .menu-header
  227. {
  228.         margin-bottom: 5px;
  229.         font-weight:bold;
  230. }
  231.  
  232. .absmiddle {
  233.         vertical-align:middle;
  234. }
  235.  
  236. .tableRowTR {
  237.         background-color:#FFFFFF;
  238.         cursor:pointer;
  239. }
  240.  
  241. .tableRowTRHover {
  242.         background-color:#EEFFFF;
  243.         cursor:pointer;
  244. }
  245.  
  246. .tableRow {
  247.         border-bottom: 1px dashed #CCCCCC;
  248. }
  249.  
  250. /*** LOGIN PAGE SPECIFIC CLASSES ***/
  251. .lpTopSpacing {
  252.         text-align:center;
  253.         padding-top:40px;
  254. }
  255.  
  256. .lpMainHolder {
  257.         width:300px;
  258.         margin:auto auto;
  259.         text-align:left;
  260.         border-bottom: 1px solid #CCCCCC;
  261.         padding-bottom:10px;
  262. }
  263.  
  264. .lpMessageHolder {
  265.         margin-bottom:15px;
  266.         border-bottom: 1px solid #CCCCCC;
  267.         padding-bottom:10px;
  268. }
  269. /*** END LOGIN PAGE SPECIFIC CLASSES ***/
  270.  
  271. /*** GROUP PERMISSIONS SPECIFIC CLASSES ***/
  272. .gpGroupHeader {
  273.         font-weight:bold;
  274.         border-left: 1px dotted #CCCCCC;
  275.         text-align:center;
  276. }
  277.  
  278. .gpPermissionName {
  279.         border-top: 1px solid #CCCCCC;
  280. }
  281.  
  282. .gpPermissionStatus {
  283.         border-top: 1px solid #CCCCCC;
  284.         border-left: 1px dotted #CCCCCC;
  285.         text-align:center;
  286. }
  287. /*** END GROUP PERMISSIONS SPECIFIC CLASSES ***/
  288.  
  289. /*** GROUP SPECIFIC CLASSES ***/
  290. .gGroupHolder {
  291.         width:400px;
  292.         margin-bottom:15px;
  293. }
  294.  
  295. .gGroupContent {
  296.         border-left: 2px solid #0080FF;
  297.         border-right: 2px solid #0080FF;
  298.         padding-left:10px;
  299.         padding-right:10px;
  300. }
  301.  
  302. .gGroupContentGreen {
  303.         border-left: 2px solid #017F01;
  304.         border-right: 2px solid #017F01;
  305.         padding-left:10px;
  306.         padding-right:10px;
  307. }
  308.  
  309. .gGroupName {
  310.         margin-bottom:10px;
  311.         font-size:14px;
  312.         font-weight:bold;
  313.         color:#0080FF;
  314. }
  315.  
  316. .gGroupNameGreen {
  317.         margin-bottom:10px;
  318.         font-size:14px;
  319.         font-weight:bold;
  320.         color: #017F01;
  321. }
  322.  
  323. .gGroupSideTitle {
  324.         text-decoration:underline;
  325.         margin-bottom: 8px;
  326. }
  327.  
  328. .gGroupRightDiv {
  329.         float: right;
  330.         width: 180px;
  331. }
  332.  
  333. .gGroupLeftDiv {
  334.         width: 180px;
  335. }
  336. /*** END GROUP SPECIFIC CLASSES ***/
  337.  
  338. /*** USERS SPECIFIC CLASSES ***/
  339. .uUserHolder {
  340.         width:400px;
  341.         margin-bottom:15px;
  342. }
  343.  
  344. .uUserContent {
  345.         border-left: 2px solid #0080FF;
  346.         border-right: 2px solid #0080FF;
  347.         padding-left:10px;
  348.         padding-right:10px;
  349. }
  350.  
  351. .uUserContentGreen {
  352.         border-left: 2px solid #017F01;
  353.         border-right: 2px solid #017F01;
  354.         padding-left:10px;
  355.         padding-right:10px;
  356. }
  357.  
  358. .uUserRight {
  359.         float:left;
  360.         padding-left:15px;
  361. }
  362.  
  363. .uUserLeft {
  364.         float:left;
  365.         padding:2px;
  366.         border:1px solid #c0c0c0;
  367. }
  368.  
  369. .uUserName {
  370.         margin-bottom:10px;
  371.         font-size:14px;
  372.         font-weight:bold;
  373.         color:#0080FF;
  374. }
  375.  
  376. .uUserNameGreen {
  377.         margin-bottom:10px;
  378.         font-size:14px;
  379.         font-weight:bold;
  380.         color: #017F01;
  381. }
  382. /*** END USERS SPECIFIC CLASSES ***/
  383.  
  384. /*** HOTEL SPECIFIC CLASSES ***/
  385. .hHotelContainer {
  386.         width:500px;
  387.         margin-bottom:10px;
  388.         /*border: 1px solid #0099FF;*/
  389.         padding:3px;
  390.         padding-top:10px;
  391.         border-top: 1px solid #CCCCCC;
  392. }
  393.  
  394. .hHotelThumb {
  395.         width:115px;
  396.         height:115px;
  397.         /*border: 1px solid #333333;
  398.         background-color:#F3F3F3;*/
  399. }
  400.  
  401. .hHotelName {
  402.         margin-bottom:10px;
  403.         font-size:14px;
  404.         font-weight:bold;
  405. }
  406.  
  407. .hHotelOption {
  408.         width:170px;
  409.         float:left;
  410.         /*border: 1px solid #FF0000;*/
  411.         margin-right:10px;
  412.         margin-bottom:10px;
  413. }
  414.  
  415. .hHotelRight {
  416.         float:right;
  417.         width:380px;
  418. }
  419.  
  420. .hHotelStatusOff {
  421.         float:right;
  422.         font-size:11px;
  423.         font-weight:normal;
  424.         color:#FF0000;
  425. }
  426.  
  427. .hHotelStatusOn {
  428.         float:right;
  429.         font-size:11px;
  430.         font-weight:normal;
  431.         color:#009900;
  432. }
  433. /*** END HOTEL SPECIFIC CLASSES ***/
  434.  
  435. .templateImageHolder {
  436.         float:left;
  437.         margin-right: 15px;
  438.         width:101px;
  439.         text-align:center;
  440.         cursor:pointer;
  441. }
  442.  
  443. .menu_manager_item {
  444.         display:block;
  445.         padding:3px;
  446.         /*background-color:#F2F2F2;*/
  447.         border: 1px solid #999999;
  448.         margin-bottom: 2px;
  449. }
  450.  
  451. .menu_ui {
  452.         width:300px;
  453.         margin-top:0;
  454.         padding:10px;
  455.         background-color:#F4FAFF;
  456. }
  457.  
  458. .menu_manager_text {
  459.         margin-bottom:1px;
  460.         font-weight:bold;
  461. }
  462.  
  463. .menu_manager_header {
  464.         font-weight:bold;
  465.         text-align:left;
  466.         color:#0099FF;
  467.         padding-top:2px;
  468. }
  469.  
  470. .menu_manager_subtext {
  471.         font-size:10px;
  472.         padding-left:15px;
  473.         clear:both;
  474. }
  475.  
  476.  
  477. /*** Image Picker ***/
  478. #headerImageCont {
  479.         cursor:move;   
  480. }
  481.  
  482. .imageFolderParent {
  483.         float:left;
  484.         background-color:#CCCCCC;
  485.         width:100px;
  486.         height:100px;
  487.         cursor:pointer;
  488.         background:url("/images/folder-up-background.png") no-repeat center center;
  489.         margin-right:10px;
  490. }
  491.  
  492. .imageFolderParentHover {
  493.         float:left;
  494.         background-color:#CCCCCC;
  495.         width:100px;
  496.         height:100px;
  497.         border: 1px solid #0099FF;
  498.         cursor:pointer;
  499.         background:url("/images/folder-up-background.png") no-repeat center center;
  500.         margin-right:10px;
  501. }
  502.  
  503. .imageFolder {
  504.         background-color:#CCCCCC;
  505.         margin-right:10px;
  506.         width:100px;
  507.         height:100px;
  508.         cursor:pointer;
  509.         background:url("/images/folder-background.png") no-repeat center center;
  510. }
  511.  
  512. .imageFolderParentMove {
  513.         margin-top:5px;
  514.         margin-right:5px;
  515.         margin-left:5px;
  516.         margin-bottom:5px;
  517.         float:left;
  518.         width:105px;
  519.         position:relative;
  520.         /*height:200px;*/
  521. }
  522.  
  523. .imageFolderMove {
  524.         background-color:#CCCCCC;
  525.         width:100px;
  526.         height:100px;
  527.         border: 1px solid #FFFFFF;
  528.         cursor:pointer;
  529.         background:url("/images/folder-background.png") no-repeat center center;
  530. }
  531.  
  532. .imageFolderNewButton {
  533.         background-color:#CCCCCC;
  534.         width:100px;
  535.         height:100px;
  536.         border: 1px solid #FFFFFF;
  537.         cursor:pointer;
  538.         background:url("/images/folder-new-background.png") no-repeat center center;
  539. }
  540.  
  541. .imageFolderHover {
  542.         float:left;
  543.         background-color:#CCCCCC;
  544.         width:100px;
  545.         height:100px;
  546.         border: 1px solid #0099FF;
  547.         cursor:pointer;
  548.         background:url("/images/folder-background.png") no-repeat center center;
  549. }
  550.  
  551. .imageHolder {
  552.         float:left;
  553.         background-color:#FFFFFF;
  554.         width:132px;
  555.         height:160px;
  556.         margin-top: 15px;
  557.         margin-left: 15px;
  558.         cursor:pointer;
  559. }
  560.  
  561. .imageHolderMove {
  562.         float:left;
  563.         width:132px;
  564.         height: 184px;
  565.         text-align:center;
  566.         border:solid #666666 1px;
  567.         margin-top:5px;
  568.         margin-right:5px;
  569.         margin-left:5px;
  570.         margin-bottom:5px;
  571. }
  572.  
  573. .imageHolderMoveHover { /* Used in the property edit image selector */
  574.         float:left;
  575.         width:132px;
  576.         height: 184px;
  577.         text-align:center;
  578.         border:solid #0080FF 2px;
  579.         margin-top:4px;
  580.         margin-right:4px;
  581.         margin-left:4px;
  582.         margin-bottom:4px;
  583. }
  584.  
  585. /*** Animation Stuff ***/
  586. .animDivRow {
  587.         border-bottom:1px dotted #CCCCCC;
  588.         padding:3px;
  589.         width:680px;
  590.         background-color:#FFFFFF;
  591.         cursor:pointer;
  592.         padding-left:15px;
  593. }
  594.  
  595. .animDivRowHover {
  596.         border-bottom:1px dotted #CCCCCC;
  597.         padding:3px;
  598.         width:680px;
  599.         background-color:#EEFFFF;
  600.         cursor:pointer;
  601.         padding-left:15px;
  602. }
  603.  
  604. .animImageRow {
  605.         padding-bottom:5px;
  606.         margin-bottom:5px;
  607.         clear:right;
  608. }
  609.  
  610. .animImageRowEdit {
  611.         padding-bottom:5px;
  612.         margin-bottom:5px;
  613.         clear:right;
  614.         background-color:#FBFAEE;
  615.        
  616.         padding-left:10px;     
  617.         padding-bottom:15px;
  618. }
  619.  
  620. .animImageHolder {
  621.         float:left;
  622.         width:92px;
  623.         height:65px;
  624.         padding-bottom:5px;
  625. }
  626.  
  627. /*
  628. .animImageHolderEdit {
  629.         float:left;
  630.         width:92px;
  631.         height:65px;
  632.         padding-top:15px;
  633.         padding-left:10px;
  634.         cursor:move;
  635. }
  636. */
  637.  
  638. .animImageHolderEdit {
  639.         float:left;
  640.         width:92px;
  641.         height:65px;
  642.         padding-top:15px;
  643.         padding-left:10px;
  644.         cursor:move;
  645.         display:block;
  646. }
  647.  
  648. .animArrowHolder {
  649.         float:left;
  650.         width:20px;
  651.         height:10px;
  652.         padding-top:25px;
  653.         text-align:center;
  654. }
  655.  
  656. .loader {
  657.         text-align:center;
  658.         background-color:#FFFFFF;
  659.         font-size:14px;
  660.         font-weight:bold;
  661.         color:#0099FF;
  662.         border:1px solid #0099FF;
  663.         padding:5px;
  664.         width:250px;
  665.         height:50px;
  666.         position:absolute;
  667.         top:230px;
  668.         left:230px;
  669.         z-index:52;
  670. }
  671.  
  672. .screenHolder {
  673.         background-color:#FFFFFF;
  674.         border:1px solid #0099FF;
  675.         padding:5px;
  676.         width:820px;
  677.         height:550px;
  678.         position:absolute;
  679.         top:0px;
  680.         left:0px;
  681.         z-index:51;
  682.         overflow:auto;
  683. }
  684.  
  685. /*** Page Group ***/
  686. .pgroupSortableUL {
  687.         padding-left:0;
  688.         background-color:#FBFAEE;
  689.         padding:5px;
  690. }
  691.  
  692. .pgroupSortableLI {
  693.         display:block;
  694.         padding:5px;
  695.         border:1px dashed #CCCCCC;
  696.         margin-bottom:5px;
  697.         margin-right:5px;
  698.         width:130px;
  699.         float:left;
  700. }
  701.  
  702.  
  703. .galleryImageHolder {
  704.         width:120px;
  705.         height:140px;
  706.         border:1px solid #CCCCCC;
  707.         float:left;
  708.         margin:2px;
  709.         padding:2px;
  710. }
  711.  
  712.  
  713. .galleryImage {
  714.         width:120px;
  715.         height:120px;
  716.         margin-top:2px;
  717. }
  718.  
  719. .galleryImageArea {
  720.         padding:6px;
  721.         border:1px solid;
  722. }
  723.  
  724. .galleryTableRow {
  725.         height:26px;
  726.         margin-top:4px;
  727. }
  728.  
  729. .galleryTableCell {
  730.         height:25px;
  731.         border-bottom:#CCCCCC 1px dotted;
  732.         float:left;
  733. }
  734.  
  735. .galleryTableHeader {
  736.         height:25px;
  737.         font-weight:bold;
  738.         float:left;
  739. }
  740.  
  741. ul.brochureEditFields {
  742.         list-style:none;
  743.         padding:0px;
  744.         margin:0px 0px 8px 0px;
  745. }
  746.  
  747. ul.brochureEditFields li {
  748.         margin-bottom:6px;     
  749. }
  750.  
  751. ul.brochureEditFields li input {
  752.         margin-left:6px;       
  753. }
  754.  
  755. .imageItem {
  756.         border: 1px solid #000000;
  757.         width: 254px;
  758.         height: 160px;
  759.         padding-top: 3px;
  760.         margin-top: 5px;
  761.         margin-right: 5px;
  762.         float:left;
  763.         font: 13px tahoma, verdana, arial, sans-serif, helvetica, lucida;
  764.         position:relative;
  765. }
  766.  
  767. .imageThumbItem {
  768.         border: 1px solid #000000;
  769.         width: 120px;
  770.         height: 120px;
  771.         padding: 5px;
  772.         margin: 5px;
  773.         /*margin-right: 5px;*/
  774.         float:left;
  775.         font: 13px tahoma, verdana, arial, sans-serif, helvetica, lucida;
  776.         position:relative;
  777. }
  778.  
  779. .imageCropLink {
  780.         position:absolute; left:2px; top:2px;
  781. }
  782.  
  783. .imageDeleteLink {
  784.         position:absolute; right:2px; top:2px;
  785. }
  786.  
  787.  
  788. .imageItemCont {
  789.         height:120px; text-align:center;
  790. }
  791.  
  792. .imageItemTitle {
  793.         text-align:center; font-weight: bold; padding-left:2px;  padding-right:2px; font-size:11px;
  794. }
  795.  
  796. .imageItemTitle input {
  797.         float:left;
  798. }
  799.  
  800. #headerImageCont {
  801.         cursor:move;   
  802. }
  803.  
  804. #rows table {
  805.   border-collapse: collapse;
  806.   border: 1px solid #03476F;
  807.   color: #363636;
  808.   background: #92C428;  
  809.   }
  810. #rows caption {
  811.   text-align: center;
  812.   background: transparent;
  813.   padding:6px 4px 8px 0px;
  814.   color: #03476F;
  815.   text-transform: uppercase;
  816.   }
  817. #rows td, th {
  818.   border: 1px dotted #03476F;
  819.   padding: .9em;
  820.   color: #363636;
  821.   font-size: 1.2em;
  822.   }
  823.  
  824. #rows thead th, tfoot th {
  825.   border: 1px solid #03476F;
  826.   text-align: left;
  827.   background: #4591AD;
  828.   color: #FFFFFF;
  829.   padding-top:3px;
  830.   }
  831. #rows tbody td a {
  832.   background: transparent;
  833.   text-decoration: none;
  834.   color: #363636;
  835.   }
  836. #rows tbody td a:hover {
  837.   /*background: #C2F64D;*/
  838.   color: #363636;
  839.   }
  840. #rows tbody th a {
  841.   background: transparent;
  842.   text-decoration: none;
  843.   font-weight:normal;
  844.   color: #363636;
  845.   }
  846. #rows tbody th a:hover {
  847.   background: transparent;
  848.   color: #363636;
  849.   }
  850. #rows tbody th, tbody td {
  851.   vertical-align: top;
  852.   text-align: left;
  853.   }
  854. #rows tfoot td {
  855.   border: 1px solid #03476F;
  856.   background: #4591AD;
  857.   padding-top:3px;
  858.   color: #FFFFFF;
  859.   }
  860. .odd {
  861.   background: #FFD800;
  862.   }
  863. #rows tbody tr:hover {
  864.   background: #AEE239;
  865.   border: 1px solid #03476F;
  866.   color: #FFFFFF;
  867.   }
  868. #rows tbody tr:hover th,
  869. tbody tr.odd:hover th {
  870.   background: #FFD800;
  871.   color: #FFFFFF;
  872.   }
  873.  
  874.  
  875. .editor-padding {
  876.     padding-left: 170px;
  877. }  
  878.  
  879. .flash {
  880.         padding:7px 7px 7px 27px;
  881.         border:1px solid #CCC;
  882.         margin-bottom:10px;
  883.  
  884. }
  885.  
  886. .flash p {
  887.         margin:0;
  888.     font-size: 110%;
  889.     line-height: 15px;
  890.     color: black;
  891. }
  892.  
  893. .flash-success {
  894.         background:#E3F4E1 url(/assets/images/accept.png) 7px 50% no-repeat;
  895.         border-color:#6FC764;
  896.         color:#6FC764;
  897. }
  898.  
  899. .flash-error {
  900.     /*background:#FDE7E1 url(/assets/images/delete.png) 7px 50% no-repeat;*/
  901.     background:#FDE7E1 url(/assets/images/lightbulb.png) 7px 7px no-repeat;
  902.         border-color:#F8937E;
  903.         color:#F8937E;
  904. }
  905.  
  906. .flash-notice {
  907.     background:#FDF9D6 url(/assets/images/lightbulb.png) 7px 50% no-repeat;
  908.         border-color:#E89015;
  909.         color:#E89015;
  910. }
  911.  
  912. .highlight {
  913.     background-color: #4591AD !important;
  914. }
  915. .jqifade{
  916.         position: absolute;
  917.         background-color: #aaaaaa;
  918. }
  919. div.jqi{
  920.         width: 400px;
  921.         font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  922.         position: absolute;
  923.         background-color: #ffffff;
  924.         font-size: 11px;
  925.         text-align: left;
  926.         border: solid 1px #eeeeee;
  927.         border-radius: 10px;
  928.         -moz-border-radius: 10px;
  929.         -webkit-border-radius: 10px;
  930.         padding: 7px;
  931. }
  932. div.jqi .jqicontainer{
  933.         font-weight: bold;
  934. }
  935. div.jqi .jqiclose{
  936.         position: absolute;
  937.         top: 4px; right: -2px;
  938.         width: 18px;
  939.         cursor: default;
  940.         color: #000000;
  941.         font-weight: bold;
  942. }
  943. div.jqi .jqimessage{
  944.         padding: 10px;
  945.         line-height: 20px;
  946.         color: #444444;
  947. }
  948. div.jqi .jqibuttons{
  949.         text-align: right;
  950.         padding: 5px 0 5px 0;
  951.         border: solid 1px #eeeeee;
  952.         background-color: #f4f4f4;
  953. }
  954. div.jqi button{
  955.         padding: 3px 10px;
  956.         margin: 0 10px;
  957.         background-color: #2F6073;
  958.         border: solid 1px #f4f4f4;
  959.         color: #ffffff;
  960.         font-weight: bold;
  961.         font-size: 12px;
  962. }
  963. div.jqi button:hover{
  964.         background-color: #8D0A0A;
  965. }
  966. div.jqi button.jqidefaultbutton{
  967.         background-color: ##B50000;
  968. }
  969. .jqiwarning .jqi .jqibuttons{
  970.         background-color: ##B50000;
  971. }

Raw Paste


Login or Register to edit or fork this paste. It's free.