API tools faq
paste
Advertisement
tok124

theme FCMS Fix

tok124
Oct 30th, 2017
200
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 39.89 KB
Copied copy raw download clone embed print report
  1. @charset "utf-8";
  2.  
  3. /*
  4.  * TODO: RUN THROUGH PREFIXR
  5.  */
  6.  
  7.  
  8. /* =========== Fonts =========== */
  9. @font-face {
  10.     font-family:'MuseoSans';
  11.     src:url('../../../fonts/MuseoSans_500-webfont.eot');
  12.     src:url('../../../fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
  13.         url('../../../fonts/MuseoSans_500-webfont.woff') format('woff'),
  14.         url('../../../fonts/MuseoSans_500-webfont.ttf') format('truetype'),
  15.         url('../../../fonts/MuseoSans_500-webfont.svg#MuseoSans500') format('svg');
  16.     font-weight:normal;
  17.     font-style:normal;
  18. }
  19.  
  20. @font-face {
  21.     font-family:'MuseoSlab';
  22.     src:url('../../../fonts/Museo_Slab_500-webfont.eot');
  23.     src:url('../../../fonts/Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'),
  24.         url('../../../fonts/Museo_Slab_500-webfont.woff') format('woff'),
  25.         url('../../../fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
  26.         url('../../../fonts/Museo_Slab_500-webfont.svg#Museo_Slab500') format('svg');
  27.     font-weight:normal;
  28.     font-style:normal;
  29. }
  30.  
  31. @font-face {
  32.     font-family:corbelb;
  33.     font-weight: normal;
  34.     src: url(../fonts/CORBELB.TTF);
  35. }
  36.  
  37. @font-face {
  38.     font-family:calibrib;
  39.     font-weight: normal;
  40.     src: url(../fonts/CALIBRIB.TTF);
  41. }
  42.  
  43. @font-face {
  44.     font-family:franklin;
  45.     font-weight: normal;
  46.     src: url(../fonts/framd.ttf);
  47. }
  48.  
  49.  
  50. /* =========== General =========== */
  51. body {
  52.     font-family: Verdana, Geneva, sans-serif;
  53.     font-size:12px;
  54.     color:#4d5154;
  55.     background: url(../images/background.png)no-repeat;
  56.    
  57.     background-color: #110F0D;
  58.     background-position: center top;
  59. }
  60.  
  61. *, ul, li, h1, h2, p, b {
  62.     font-weight:normal;
  63.     margin:0px;
  64.     padding:0px;
  65.     list-style:none;
  66.     line-height:1.5;
  67. }
  68.  
  69. .realm-st dev,
  70. .niddle_background,
  71. #right,
  72. #right article,
  73. #left (
  74.     position: relative;
  75.     )
  76.  
  77.  
  78.  
  79. *:focus {
  80.     outline:none;
  81. }
  82.  
  83. .clear {
  84.     clear:both;
  85. }
  86.  
  87. input, select, textarea {
  88.     box-sizing:content-box;
  89.     -ms-box-sizing:content-box;
  90.     -moz-box-sizing:content-box;
  91.     -webkit-box-sizing:content-box;
  92.     }
  93.  
  94. a {text-decoration:none; color:#bd8421;}
  95. a:hover {color:#ffc437;}
  96.  
  97. a img {border:none;}
  98.  
  99. #left #left_menu li a, #top_menu li a, footer #logo {
  100.     transition:0.3s all;
  101.     -webkit-transition:0.3s all;
  102.     -moz-transition:0.3s all;
  103.     -ms-transition:0.3s all;
  104.     -o-transition:0.3s all;
  105. }
  106.  
  107. /* =========== Main =========== */
  108.  
  109. #left section.type-status .body,
  110. #left section.realmlist-info .body {
  111.     border: none !important;
  112. }
  113.  
  114. #left section .realmlist {
  115.     padding: 5px;
  116.     text-align: center;
  117. }
  118.  
  119. #wrapper {
  120.     width:1024px;
  121.     margin:0 auto 0 auto;
  122.     position:relative;
  123. }
  124.  
  125. #header {
  126.     width:100%; height:500px;
  127.     }
  128.     .top_container {
  129.     width: 100%;
  130.     height: 127px;
  131.     margin: 3px 0px 0px -1073px;
  132. }
  133.  
  134. #main {
  135.     width: 1021px;
  136. height: auto;
  137. min-height: 1000px;
  138. background: #141414;
  139. position: relative;
  140. z-index: 5;
  141. border-radius: 5px;
  142. padding: 2px 2px 2px 1px;
  143. box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px #000 inset, 0px 0px 0px 2px #000 inset, 0px 0px 0px 3px rgba(255, 255, 255, 0.05) inset;
  144. margin: 30px 0px 0px 3px;
  145.     }
  146.  
  147. a#server_logo {
  148.     position:absolute;
  149.     display:block;
  150.     width: 275px;
  151. height: 181px;
  152.     z-index:20;
  153.         margin: -115px 0px 0px 10px;
  154.     }
  155.     a#server_logo p { display: none;}
  156.    
  157. .top_border {
  158.     position:relative;
  159.     width:1010px; height:20px;
  160.     background:url(../images/top_border.png) no-repeat;
  161.     margin:0 0 0 6px;
  162.     z-index:2;
  163.     }
  164.  
  165. /* =========== Top login & Account Info =========== */
  166. .login_box_top {
  167.     width: 1020px;
  168. height: 50px;
  169. z-index: 1;
  170. margin: -3px 0px 0px -0px;
  171.     }
  172.     .actions_cont {
  173.         width: 573px;height:50px;
  174.         margin: 0px 0px 0px 554px;
  175.         }
  176.        
  177.         .actions_cont .login_form_top {}
  178.            
  179.             .actions_cont .login_form_top input[type="text"],
  180.             .actions_cont .login_form_top input[type="password"],
  181.             .actions_cont .login_form_top input[type="submit"] {
  182.             display:inline-block;
  183.             vertical-align: top;
  184.             }
  185.             .actions_cont .login_form_top input[type="text"],
  186.             .actions_cont .login_form_top input[type="password"] {
  187.             width:154px !important;
  188.             margin:10px 0 0 10px;
  189.             }
  190.             .actions_cont .login_form_top input[type="submit"] {
  191.                 padding:5px 15px 8px 15px;
  192.                 margin:9px 0 0 10px;
  193.                 text-transform:uppercase;
  194.                
  195.                 }
  196.        
  197.         .actions_cont .account_info {}
  198.            
  199.             .avatar_top {
  200.                 float: left;
  201. width: 49px;
  202. margin: 3px 0px 0px 5px;
  203. border-radius: 3px;
  204. height: 49px;
  205. overflow: hidden;
  206. box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px #513F22 inset, 0px 0px 0px 2px #000 inset, 0px 0px 0px 3px rgba(255, 255, 255, 0.05) inset;
  207. position: relative;
  208.                 }
  209.                 .avatar_top img { position:absolute; z-index:1; top:-1px; left:-1px;}
  210.                 .avatar_top span {
  211.                     display: block;
  212. width: 49px;
  213. height: 49px;
  214. position: absolute;
  215. top: 0px;
  216. left: 0px;
  217. z-index: 2;
  218. border-radius: 3px;
  219. box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px #513F22 inset, 0px 0px 0px 2px #000 inset, 0px 0px 0px 3px rgba(255, 255, 255, 0.05) inset;
  220.                     }
  221.            
  222.             .actions_cont .account_info .left {
  223.                 float:left;
  224.                 width:auto; height:50px;
  225.                 margin:0 0 0 10px;
  226.                 }
  227.                 .account_info .left p {
  228.                     display:block;
  229.                     margin:5px 0 0 0;
  230.                     color:#66747b;
  231.                     font-family:calibrib;
  232.                     font-size:14px;
  233.                     }
  234.                     .account_info .left p span { font-weight: bold; color:#BD8421;}
  235.                
  236.                 .account_info .left .vpdp {font-size:12px; color:#6e6c68; font-family:calibrib;background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.35);
  237. box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8) inset, 0px 1px 0px rgba(255, 255, 255, 0.04);}
  238.                     .account_info .left .vpdp .vp, .account_info .left .vpdp .dp { display:inline-block; margin:0 15px 0 0;}
  239.                     .account_info .left .vpdp .vp span, .account_info .left .vpdp .dp span {color: !important; font-weight: bold;}
  240.                     .account_info .left .vpdp img { position:relative; margin:-2px 0 0 0;}
  241.                
  242.             .actions_cont .account_info .right {
  243.                
  244.                 width:auto; height:50px;
  245.                 }
  246.                
  247.                 .account_info .right a.nice_button {
  248.                     position:relative;
  249.                     display:inline-block;
  250.                     padding:7px 8px 7px 8px;
  251.                     text-transform: uppercase;
  252.                     font-size:12px;
  253.                     margin:9px 4px 0 0;
  254.                    
  255.                     }
  256.                    
  257.                     .account_info .right a.nice_button:last-child { margin:9px 8px 0 0;}
  258.  
  259. /* =========== Top menu =========== */
  260. #wrapper #top_menu {
  261. width: 723px;
  262. height: 74px;
  263. background-image: url('');
  264. margin: -2px 0px 257px 300px;
  265. text-align: center;
  266. overflow: hidden;
  267. }
  268.  
  269. .cf-paypal-buttons {
  270.     display:none !important;
  271. }
  272.  
  273. #top_menu li {
  274.     float: left;
  275. }
  276.  
  277. #top_menu li a {
  278.     display:block;
  279.     font-family:MuseoSlab;
  280.     font-size:15px;
  281.     color:#cf9139;
  282.     padding:22px 16px;
  283.     border-right:1px solid rgba(24,34,32,0.5);
  284.     border-left:1px solid rgba(10,10,10,0.5);
  285. }
  286.  
  287. #top_menu li a:hover {
  288.     color:#ffddad;
  289.     background-color:;
  290. }
  291.  
  292. /* We don't want half borders on the first and last ones */
  293. #top_menu li:first-child a {
  294.     border-left:none;
  295. }
  296.  
  297. #top_menu li:last-child a {
  298.     border-right:none;
  299. }
  300.  
  301. /* Move the first link away from the panda's hand */
  302. #top_menu li:first-child {
  303.    
  304. }
  305.  
  306.  
  307. /* =========== Left =========== */     
  308.  
  309.  
  310. /* =========== Left =========== */
  311. #left {
  312.     width:284px;
  313.     float:right;
  314. }
  315.  
  316. #left article {
  317.     margin:0 0 3px 0;
  318.     }
  319.  
  320.     #left article:last-child {}
  321.  
  322.     #left article .top {}
  323.     #left article .top p {}
  324.  
  325.     #left article .body {
  326.     padding:10px;
  327.     }
  328.    
  329.    
  330. #left article.sidebox {
  331.     width:282px; height:auto;
  332.     margin:0 0 3px 1px;
  333.     padding:0;
  334.     overflow:hidden;
  335.     background:#141414 url(../images/sidebox.png) no-repeat top;
  336.     border-radius:4px;
  337.     box-shadow: 0px 0px 6px #000, 0px 0px 0px 1px rgba(255, 255, 255, 0.016) inset, 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
  338.     }
  339.    
  340.     #left article.sidebox .top {
  341.         width:100%; height:42px;
  342.         font-family:calibrib;
  343.         font-size:14px;
  344.         color:#848177;
  345.         box-shadow: 0px 0px 6px #000, 0px 0px 0px 1px rgba(255, 255, 255, 0.016) inset, 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
  346.         }
  347.         #left article.sidebox .top p { padding:11px 0 0 13px;}
  348.    
  349. /* Left Menu */
  350. #left #left_menu {
  351.     position:relative;
  352.     }
  353.     #left #left_menu li { display:block; position:relative;}
  354.     #left #left_menu li a {
  355.     position:relative;
  356.     display:block;
  357.     font-family:calibrib;
  358.     padding:13px 13px 14px 13px;
  359.     font-size:14px;
  360.     color:#4e5253;
  361.     padding-left:12px;
  362.     background:url(../images/sidebar-menu.png) no-repeat;
  363.     z-index:3;
  364.     text-align:left;
  365.     }
  366.     #left #left_menu li a img {margin-right:10px; opacity:.7; position:relative; top:3px; z-index:2;}
  367.    
  368.     #left #left_menu li p {
  369.         display:block;
  370.         width:97%; height:38px;
  371.         position:absolute;
  372.         top:0; left:0;
  373.         background:rgba(255,255,255,.03);
  374.         z-index:1;
  375.         margin:5px 0 0 5px;
  376.         box-shadow:0 0 6px rgba(255,255,255,.1);
  377.         opacity:0;
  378.         }
  379.         #left #left_menu li:hover p { opacity:1;}
  380.  
  381.     #left #left_menu li a:hover {
  382.     color:#d0a53d;
  383.     padding-left:28px;
  384.     background:url(../images/sidebar-menu.png) no-repeat rgba(0,0,0,.25);
  385.     }
  386.     #left #left_menu a:hover img {opacity:1;}
  387.  
  388.  
  389. #left .side_divider {
  390.     position:relative;
  391.     background:url(../images/side_divider.png) no-repeat;
  392.     height:22px;
  393.     width:258px;
  394.     margin:1px 0 0 -5px;
  395.     }
  396.  
  397. /* =========== Right =========== */
  398.  
  399. div.ornament-bar {
  400.     background:url(../images/ornament-bar.jpg) no-repeat;
  401.     width:735px; height:40px;
  402.     }
  403.  
  404. #right {
  405.     width:735px;
  406.     float:left;
  407.     box-shadow: 0px 0px 6px #000, 0px 0px 0px 1px rgba(255, 255, 255, 0.016) inset, 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
  408.     }
  409.  
  410. #right article {
  411.     background:url(../images/page_bg.png) no-repeat top;
  412.     }
  413.  
  414.     #right article:last-child {}
  415.  
  416.     #right article .top {
  417.         height:52px;
  418.         width:710px;
  419.         text-align:left;
  420.         color:#f9b52d;
  421.         font-size:19px;
  422.         text-transform:uppercase;
  423.         font-family:calibrib;
  424.         display:block;
  425.         padding:21px 0 0 25px;
  426.         position:relative;
  427.         box-shadow: 0px 0px 6px #000, 0px 0px 0px 1px rgba(255, 255, 255, 0.016) inset, 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
  428.         text-indent: 10px;
  429.         }
  430.        
  431.         #right article .top div {
  432.             display:block;
  433.             position:absolute;
  434.             top:10px; left:0;
  435.             width:292px; height:35px;
  436.             background:url(../images/title_overlay.png) no-repeat;
  437.             pointer-events: none;
  438.             }
  439.         #right article .top span {
  440.             color:#697a89;
  441.             }
  442.  
  443.     #right article .body {
  444.     padding:12px 15px 15px 15px;
  445.     color:#4d4c4b;
  446.     min-height:600px;
  447.     box-shadow: 0px 0px 6px #000, 0px 0px 0px 1px rgba(255, 255, 255, 0.016) inset, 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
  448.     }
  449.  
  450. #right article .divider {
  451.     background-image:url(../images/divider.png);
  452.     background-position:center;
  453.     height:26px;
  454.     margin-top:15px;
  455. }
  456.  
  457. #right article .news_bottom {
  458.     margin-top:15px;
  459. }
  460.  
  461. #right article .news_bottom a {
  462.     color:#a07332;
  463. }
  464.  
  465. #right article .news_bottom a:hover {
  466.     color:#ffc437;
  467. }
  468.  
  469. #right article .comments_button {
  470.     float:right;
  471.     display:block;
  472. }
  473.  
  474. .avatar {
  475.     float:left;
  476.     position:relative;
  477.     margin:3px 15px 3px 5px;
  478.     border:none;
  479.     box-shadow: 0 0 15px rgba(0,0,0,.5);
  480.     }
  481.     .avatar img { position:relative; display:block;}
  482.    
  483. /* News */
  484.    
  485. h1#news_title {
  486.     display:block;
  487.     margin:17px 0 0 15px;
  488.     padding:0;
  489.     width:99px; height:15px;
  490.     background:url(../images/latest_news.png) no-repeat;
  491.     }
  492.     h1#news_title p { display:none;}
  493.    
  494. #right article.news_row {
  495.     background:url(../images/news-bot-shadow.png) no-repeat bottom, url(../images/news-background.png) no-repeat top;
  496.     }
  497.  
  498. .news_head { height:36px; padding:14px 0 0 14px; position:relative;box-shadow: 0px 0px 6px #000, 0px 0px 0px 1px rgba(255, 255, 255, 0.016) inset, 0px 1px 0px rgba(255, 255, 255, 0.05) inset;}
  499.  
  500.     .news_head a.top {
  501.         padding:0 !important; margin:0 !important;
  502.         font-family:corbelb !important;
  503.         font-size:15px !important;
  504.         color:#969387 !important;
  505.         height:auto !important;
  506.         text-shadow:0 0 6px #000, 1px 1px 0 #000;
  507.         text-transform:none !important;
  508.         }
  509.        
  510. .news_row .body {
  511.     min-height: 0px !important;
  512.     }
  513.        
  514. .news_row .body p img { margin:5px 0 0 0;width: 707px;}
  515.        
  516. .post_info {
  517.     background:url(../images/news_bot_border.png) no-repeat top center;
  518.     padding:16px 0 0 0;
  519.     margin:6px 0 0 0;
  520.     }
  521.     .post_info p {
  522.         color:#525959;
  523.         font-family:calibrib;
  524.         font-size:12px;
  525.         float:left;
  526.         }
  527.         .post_info p a { color:#938f85; text-shadow:1px 1px 0 rgba(0,0,0,1);}
  528.        
  529.     .post_info a.comments_button {
  530.         display:block;
  531.         color:#76736a;
  532.         float:right;
  533.         font-family:calibrib;
  534.         font-size:12px;
  535.         }
  536.         .post_info a.comments_button:hover { color:#e2b038; }
  537.    
  538.     #right article.news_row section {
  539.         font-size:13px;
  540.         font-family:Arial, Helvetica, sans-serif;
  541.         }
  542.  
  543. /* Account Panel & Register */
  544. .accp_register {
  545.     position: absolute;
  546.     width:209px; height:43px;
  547.     z-index:99;
  548.     top:0; right:80px;
  549.     }
  550.     .accp_register #register_button {
  551.         background-image:url(../images/register.jpg);
  552.         background-repeat: no-repeat;
  553.         background-position:0 0;
  554.         display:block;
  555.         width:209px; height:43px;
  556.         }
  557.         .accp_register #register_button h1 { display:none;}
  558.         .accp_register #register_button:hover {background-position:0 -43px;}
  559.    
  560.     .accp_register #accp_button {
  561.         background-image:url(../images/userpanel.jpg);
  562.         background-repeat: no-repeat;
  563.         background-position:0 0;
  564.         display:block;
  565.         width:209px; height:43px;
  566.         }
  567.         .accp_register #accp_button h1 { display:none;}
  568.         .accp_register #accp_button:hover {background-position:0 -43px;}
  569.  
  570. /* =========== Footer =========== */
  571. footer {
  572.     height: 76px;
  573. font-size: 14px;
  574. text-align: right;
  575. margin: -77px 0px 0px;
  576.     }
  577.  
  578.     footer h3 {
  579.         vertical-align: top;
  580. display: inline-block;
  581. color: #434748;
  582. font-size: 13px;
  583. text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4), 1px 1px 0px rgba(0, 0, 0, 0.4);
  584. position: relative;
  585. margin: -12px 260px 0px 0px;
  586. text-align: left;
  587.         }
  588.        
  589.     footer a#evil-logo {
  590.         vertical-align:top;
  591.         position:relative;
  592.         display:inline-block;
  593.         width:37px; height:37px;
  594.         padding:0;
  595.         background-image:url(../images/evil-logo.png);
  596.         margin: -9px 10px 0px 0px;
  597.         border-radius:4px;
  598.         box-shadow:0 0 8px rgba(0,0,0,.5), 0 1px 1px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.04);
  599.         }
  600.         footer a#evil-logo span {display: none;}
  601.        
  602.     footer a#fcms-logo {
  603.         vertical-align:top;
  604.         position:relative;
  605.         display:inline-block;
  606.         width:140px; height:37px;
  607.         padding:0;
  608.         background-image:url(../images/fusion-cms-logo.png);
  609.         margin: -9px 30px 0px 0px;
  610.         border-radius:4px;
  611.         box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px #BD8421 inset, 0px 0px 0px 2px #000 inset, 0px 0px 0px 3px rgba(255, 255, 255, 0.05) inset;
  612.         }
  613.         footer a#fcms-logo span {display: none; width:140px; height:37px;}
  614.        
  615.     footer a#evil-logo:hover, footer a#fcms-logo:hover {
  616.         background-color:rgba(255,255,255,.04);
  617.         transition:all 800ms;-webkit-transition:all 800ms;-moz-transition:all 800ms;-ms-transition:all 800ms;-o-transition:all 800ms;
  618.         box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px #BD8421 inset, 0px 0px 0px 2px #000 inset, 0px 0px 0px 3px rgba(255, 255, 255, 0.05) inset;
  619.         }
  620.  
  621. /* =========== CMS: general =========== */
  622. #slider_bg {
  623.     width:734px;
  624.     height:204px;
  625.     position:relative;
  626.     padding:0 0 50px 0;
  627.     z-index:2;
  628.     margin:0 0 0 1px;
  629.     background:url(../images/slider_bot.png) no-repeat bottom;
  630.     overflow:visible !important;
  631.     }
  632.  
  633.     #slider {
  634.         width:734px;
  635.         height:204px;
  636.         border-radius:5px;
  637.          overflow:visible !important;
  638.         }
  639.         #slider .overlay {
  640.             width:735px; height:204px;
  641.             position:absolute;
  642.             top:0; left:0;
  643.             background:url(../images/slider_frame.png) no-repeat;
  644.             z-index:15;
  645.             }
  646.    
  647.     #slider a#slider_next, #slider a#slider_previous {
  648.         color:#c3b8a6;
  649.         font-weight:bold;
  650.         z-index:100;
  651.         background-image:url(../images/slider_arrows.png);
  652.         background-color: transparent;
  653.         width:23px; height:26px;
  654.         padding:0;
  655.         }
  656.        
  657.         .images {width:734px !important; border-radius:6px;}
  658.        
  659.         #slider a#slider_next {
  660.             display:block;
  661.             position:absolute;
  662.             background-position:-23px 0;
  663.             top:217px !important;
  664.             left:695px !important;
  665.             }
  666.            
  667.             #slider a#slider_next:hover {background-position:-23px -26px;}
  668.            
  669.         #slider a#slider_previous {
  670.             display:block;
  671.             position:absolute;
  672.             background-position: 0 0;
  673.             top:217px !important;
  674.             left:668px !important;
  675.             }
  676.            
  677.             #slider a#slider_previous:hover {background-position: 0 -26px;}
  678.        
  679.  
  680. /* =========== CMS: general =========== */
  681. .nice_button, input[type="submit"] {
  682.     height:auto;
  683.     border-radius:3px;
  684.     text-align:center;
  685.     color:#ac872f;
  686.     font-family:calibrib;
  687.     background-position:middle;
  688.     border:none;
  689.     cursor: pointer;
  690.     transition:all 400ms;-webkit-transition:all 400ms;-moz-transition:all 400ms;-ms-transition:all 400ms;-o-transition:all 400ms;
  691.     text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.2);
  692. box-shadow: 0px 0px 6px #000, 0px 0px 0px 1px rgba(255, 255, 255, 0.016) inset, 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
  693. background: #2C2A26;
  694. padding: 8px 15px;
  695. }
  696.  
  697. .nice_button:hover, .nice_active, input[type="submit"]:hover {
  698.     background-position:0px -34px;
  699. }
  700.  
  701. .nice_button:active, input[type="submit"]:active {
  702.     box-shadow:1px 1px 0px #020508, 0px 2px 5px #000 inset;
  703.     -webkit-box-shadow:1px 1px 0px #020508, 0px 2px 5px #000 inset;
  704.     -moz-box-shadow:1px 1px 0px #020508, 0px 2px 5px #000 inset;
  705.     -ms-box-shadow:1px 1px 0px #020508, 0px 2px 5px #000 inset;
  706.     -o-box-shadow:1px 1px 0px #020508, 0px 2px 5px #000 inset;
  707. }
  708.  
  709.  
  710.    
  711. /* OVERWRITE
  712. ----------------------------------------------*/
  713.         /* Realm */
  714.     .realm-st-holder {
  715.         width: 283px;
  716.         margin: -10px 0 -10px -15px;
  717.     }
  718.    
  719.     .realm-st {
  720.         width: 277px;
  721.         height: 60px;
  722.         padding: 4px 3px;
  723.         border-top: 1px #18222c solid;
  724.         border-bottom: 1px #010101 solid;
  725.         border-radius: 5px;
  726.         -moz-border-radius: 5px;
  727.         -webkit-border-radius: 5px;
  728.         background: rgba(10,10,10,.3) url(../images/realm_border.png) no-repeat top right;
  729.         transition: all 600ms;
  730.         -moz-transition: all 600ms;
  731.         -webkit-transition: all 600ms;
  732.         -o-transition: all 600ms;
  733.     }
  734.    
  735.     .realm-st:hover {
  736.         background: rgba(0,0,0,.1) url(../images/realm_border.png) no-repeat top right;
  737.     }
  738.    
  739.     .realm-st:first-child {
  740.         border-top: none;
  741.     }
  742.    
  743.     .realm-st:last-child {
  744.         border-bottom: none;
  745.     }
  746.    
  747.     .realm-info {
  748.         padding: 14px 0 0 60px;
  749.         font-family: calibrib;
  750.     }
  751.    
  752.     .realm-name {
  753.         color: #b2b3b4;
  754.         text-transform: capitalize;
  755.     }
  756.    
  757.     .realm-status {
  758.         color: #424d65;
  759.         display: block;
  760.         text-shadow: 0 1px 0 #000, 0 0 4px #000, 0 0 4px #000;
  761.         text-transform: uppercase;
  762.     }
  763.    
  764.     /* 3.3.5 */
  765.     .realm-trinity_ra,
  766.     .realm-trinity_soap,
  767.     .realm-trinity_rbac_ra,
  768.     .realm-trinity_rbac_soap,
  769.     .realm-mangos_ra,
  770.     .realm-mangos_soap,
  771.     .realm-mangosr2_ra,
  772.     .realm-mangosr2_soap,
  773.     .realm-arcemu {
  774.         height: 64px;
  775.         display: block;
  776.         border-radius: 5px;
  777.         -moz-border-radius: 5px;
  778.         -webkit-border-radius: 5px;
  779.         background: url(../images/realm_bg_wotlk.png) no-repeat top right;
  780.     }
  781.    
  782.     /* 4.0.6 & 4.3.4 */
  783.     .realm-skyfire_ra,
  784.     .realm-skyfire_soap,
  785.     .realm-arkcore_ra,
  786.     .realm-arkcore_soap,
  787.     .realm-trinity_rbac_cata_ra,
  788.     .realm-trinity_rbac_cata_soap {
  789.         height: 64px;
  790.         display: block;
  791.         border-radius: 5px;
  792.         -moz-border-radius: 5px;
  793.         -webkit-border-radius: 5px;
  794.         background: url(../images/realm_bg_cata.png) no-repeat top right;
  795.     }
  796.    
  797.            
  798.         /* Comments */
  799.        
  800.         .comment, .message_box {
  801.         background-color:#131316 !important;
  802.         border: none !important;
  803.         box-shadow: 0 0 5px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,204,0,.01) !important;
  804.         }
  805.        
  806.        
  807.         /* Account Panel */
  808.        
  809.         .item_group {
  810.             background:rgba(0,0,0,.2);
  811.             }
  812.            
  813.         .location {
  814.             background:rgba(0,0,0,.8);
  815.             transition:all 700ms;-webkit-transition:all 700ms;-moz-transition:all 700ms;-ms-transition:all 700ms;-o-transition:all 700ms;
  816.             }
  817.             .location:hover {background:rgba(0,0,0,.7); box-shadow:0 0 3px 1px rgba(0,0,0,.8), 0 0 25px rgba(255,204,0,.4);}
  818.        
  819.         #sidebox_login { text-align:left;}
  820.         #sidebox_login input[type="text"], #sidebox_login input[type=password] { width:90%;}
  821.         #sidebox_login input[type="submit"] {margin:8px 0 0 5px;}
  822.        
  823.         #shoutbox {}
  824.        
  825.         .shout_characters_remaining {
  826.             position:relative;
  827.             position:relative;
  828.             left:75px; top:4px;
  829.             }
  830.        
  831.         #shoutbox form input[type="submit"] {
  832.             position:relative;
  833.             margin:7px 4px 0 0 !important;
  834.             float:right;
  835.             padding:7px 8px 9px 8px !important;
  836.             }
  837.        
  838.         #shoutbox form textarea { display:block; position:relative; overflow: hidden; height:17px !important; max-width:92%; min-width:92%; max-height:17px; min-height:17px;}
  839.         #shoutbox form textarea:focus {height:70px !important; max-height:70px; min-height:70px;}
  840.        
  841.         #left #the_shouts .shout {
  842.             position:relative;
  843.             border: none !important;
  844.             background:url(../images/shout_sep.png) no-repeat center bottom;
  845.             padding: 8px;
  846.             }
  847.             #left #the_shouts .shout:last-child { background: none !important; margin:0 !important; padding:8px 8px 4px 8px !important;}
  848.             #left #the_shouts .shout:first-child { padding:0 8px 8px 8px !important; margin:-4px 0 0 0 !important;}
  849.            
  850.         .shout_author {
  851.             font-family:calibrib;
  852.             font-size:13px;
  853.             }
  854.            
  855.         .shout_date {
  856.             font-family:Arial, Helvetica, sans-serif;
  857.             font-size:11px;
  858.             color:#323437;
  859.             }
  860.             .shout_date a { position:relative; top:-1px;}
  861.             .shout_date a img { width:11px; height:11px;}
  862.            
  863.     .nice_active {
  864.         position:relative;
  865.        
  866.         transition:background 400ms;-webkit-transition:background 400ms;-moz-transition:background 400ms;-ms-transition:background 400ms;-o-transition:background 400ms;
  867.         }
  868.    
  869.     #cart_items .store_item {
  870.         border-radius:5px;
  871.         box-shadow:inset 0 0 8px rgba(255,255,255,.04), 0 0 5px rgba(0,0,0,.5);
  872.         border:none !important;
  873.         margin:0 0 8px 0;
  874.         position:relative;
  875.         }
  876.        
  877.     .store_item {
  878.         border-radius:5px;
  879.         border:none !important;
  880.         background:rgba(255,255,255,.01);
  881.         margin:0 0 8px 0;
  882.         box-shadow:inset 0 0 8px rgba(255,255,255,.04), 0 0 5px rgba(0,0,0,.5);
  883.         }
  884.         .store_item .nice_button {
  885.             position:relative;
  886.             top:-5px;
  887.             }
  888.        
  889.         /* Item Store LONG NAME item hover fix */
  890.        
  891.             #cart_items .store_item {
  892.             height:auto;
  893.             }
  894.            
  895.             #cart .store_item:hover .item_name, #cart .store_item:hover .item_realm {
  896.             margin-left:0 !important;
  897.             }
  898.            
  899.             #cart .delete_item {
  900.             float:right;
  901.             display:block;
  902.             width:17px !important;
  903.             opacity:0;
  904.             overflow:hidden;
  905.             position:absolute;
  906.             bottom:8px; right:-2px;
  907.             -webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;transition:0.5s all;
  908.             }
  909.            
  910.             #cart .store_item .item_name {
  911.             font-size:11px !important;
  912.             line-height:1px !important;
  913.             float:none !important;
  914.             }
  915.             #cart .store_item .item_realm {
  916.             float:none !important;
  917.             }
  918.            
  919.             #cart .store_item:hover .delete_item {
  920.             width:17px;
  921.             opacity:1;
  922.             }
  923.            
  924.         /* Teleporter */
  925.        
  926.             .select_character { margin:0 0 8px 0 !important;}
  927.             .character { margin:0 !important;}
  928.             #select_character .item_group { border-radius:5px; margin:0 0 8px 0 !important;}
  929.        
  930.         /* UCP Menu */
  931.        
  932.         #ucp_buttons a {border: none !important;}
  933.            
  934.         #ucp_buttons a:hover { background-position:0 -93px !important;}
  935.  
  936.  
  937.  
  938.  
  939. /* Banners */
  940. a#vote_banner {
  941.     width:284px; height:111px;
  942.     display:block;
  943.     position:relative;
  944.     margin:-24px 0 0 1px;
  945.     background-image:url(../images/vote_banner.png);
  946.     background-color: transparent;
  947.     }
  948.     a#vote_banner p { display: none;}
  949.     a#vote_banner:hover {background-position:0 -111px;}
  950.  
  951. a#register_banner {
  952.     width:284px; height:123px;
  953.     display:block;
  954.     position:relative;
  955.     margin:-36px 0 0 1px;
  956.     background-image:url(../images/register_banner.png);
  957.     background-color: transparent;
  958.     }
  959.     a#register_banner p {display:none;}
  960.     a#register_banner:hover { background-position:0 -123px;}   
  961.            
  962.        
  963. .header {
  964. width:100px;
  965. }
  966. #IndexTextFader {
  967.     width: 717px;
  968.     height: 152px;
  969.     position: absolute;
  970.     left: 320px;
  971.     top: 155px;
  972.     z-index: ;
  973. }
  974.  
  975.             .main_b_holder {
  976.     width: 1910px;
  977. height: auto;
  978. min-height: 100px;
  979. background: url('../images/body_top.png') no-repeat scroll center top transparent;
  980. margin: 10px 0px 0px -442px;
  981. font-size: 12px;
  982.    
  983. }
  984. a.important_notice {
  985.         display: block;
  986. width: 996px;
  987. height: 47px;
  988. margin: 22px 0px 0px 5px;
  989. background: url('../images/important_bar.png') no-repeat scroll 0% 0% transparent;
  990. color: #7C715E;
  991. font-family: Arial,Helvetica,sans-serif;
  992. font-size: 14px;
  993. text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8), 0px 0px 4px rgba(0, 0, 0, 0.3);
  994. border-radius: 5px;
  995. transition: all 400ms ease 0s;
  996. }
  997. a.important_notice p {
  998.     display: block;
  999.     padding: 14px 0px 0px 53px;
  1000.     transition: all 400ms ease 0s;
  1001.     text-align: left;
  1002. }
  1003. a.important_notice {
  1004.     color: #7C715E;
  1005.     font-family: Arial,Helvetica,sans-serif;
  1006.     font-size: 14px;
  1007.     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8), 0px 0px 4px rgba(0, 0, 0, 0.3);
  1008. }
  1009. .membership-holder {
  1010.     width: 100%;
  1011.     height: 66px;
  1012.     background: url('../images/membership_bar.png') no-repeat scroll center center transparent;
  1013.     z-index: 999;
  1014.     top: -27px;
  1015.     overflow: hidden;
  1016. }
  1017. .membership-bar {
  1018.     width: 1010px;
  1019.     height: 57px;
  1020.     margin-top: 7px;
  1021.     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
  1022. }
  1023. .member-side-left {
  1024.     width: 704px;
  1025.     height: 57px;
  1026.     float: left;
  1027. }
  1028. ul.not-logged-menu {
  1029.     height: 54px;
  1030.     float: left;
  1031.     margin: 4px 0px 0px 4px;
  1032. }
  1033. ul.not-logged-menu li {
  1034.     display: block;
  1035.     float: left;
  1036. }
  1037. ul.not-logged-menu li.login-home a {
  1038.     width: 214px;
  1039. }
  1040. ul.not-logged-menu li a {
  1041.     display: block;
  1042.     height: 54px;
  1043. }
  1044. ul.not-logged-menu li.login-home a p {
  1045.     width: 214px;
  1046.     background-position: -2px -331px;
  1047. }
  1048. ul.not-logged-menu li a p {
  1049.     display: block;
  1050.     height: 54px;
  1051.     position: absolute;
  1052.     top: 0px;
  1053.     left: 0px;
  1054.     visibility: hidden;
  1055.     opacity: 0;
  1056.     transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s;
  1057.     pointer-events: none;
  1058.     z-index: 2;
  1059. }
  1060. .membership-bar .search input[type="submit"], .title_latest_news, .realmst_head .online, .realmst_head .offline, .realmst_head .more_rinfo, .error_icons, #footer .left-side a.evil-logo, #footer .left-side a.dmca, #footer td a.dmca, a.back-to-top, .logged_in_bar .acc-menu li a span, .logged_in_bar .acc-menu li a p, .logged_in_bar .avatar span, .logged_in_bar .info .coints span#gold_c div, .logged_in_bar .info .coints span#silver_c div, .logged_in_bar .info .messages a span.icon, .g-coin, .s-coin, .store-complete .items-list li p.success-i em, .store-complete .items-list li p.fail-i em, li.login-home a span, li.login-home a p, li.register-home a span, li.register-home a p, .new-design-left-part p.icon, .new-design-count-cont p.arrow, .logged_in_bar .info .won-a-charcater-ico a span#icon, .logged_in_bar .info .won-a-charcater-ico a p#icon, .recruit-link a, .tele-back-btn a, #TpTooltip .tp-tooltip-inner #arrow, .vote-now-ico a span#icon, .vote-now-ico a p#icon {
  1061.     background-image: url('../images/misc_main.png');
  1062.     background-repeat: no-repeat;
  1063.     background-color: transparent;
  1064. }
  1065. ul.not-logged-menu li.login-home a span {
  1066.     width: 214px;
  1067.     background-position: -2px -279px;
  1068. }
  1069. ul.not-logged-menu li a span {
  1070.     display: block;
  1071.     height: 54px;
  1072.     z-index: 1;
  1073. }
  1074. .membership-bar .search input[type="submit"], .title_latest_news, .realmst_head .online, .realmst_head .offline, .realmst_head .more_rinfo, .error_icons, #footer .left-side a.evil-logo, #footer .left-side a.dmca, #footer td a.dmca, a.back-to-top, .logged_in_bar .acc-menu li a span, .logged_in_bar .acc-menu li a p, .logged_in_bar .avatar span, .logged_in_bar .info .coints span#gold_c div, .logged_in_bar .info .coints span#silver_c div, .logged_in_bar .info .messages a span.icon, .g-coin, .s-coin, .store-complete .items-list li p.success-i em, .store-complete .items-list li p.fail-i em, li.login-home a span, li.login-home a p, li.register-home a span, li.register-home a p, .new-design-left-part p.icon, .new-design-count-cont p.arrow, .logged_in_bar .info .won-a-charcater-ico a span#icon, .logged_in_bar .info .won-a-charcater-ico a p#icon, .recruit-link a, .tele-back-btn a, #TpTooltip .tp-tooltip-inner #arrow, .vote-now-ico a span#icon, .vote-now-ico a p#icon {
  1075.     background-image: url('../images/misc_main.png');
  1076.     background-repeat: no-repeat;
  1077.     background-color: transparent;
  1078. }
  1079. ul.not-logged-menu li.login-home a {
  1080.     width: 214px;
  1081. }
  1082. ul.not-logged-menu li a {
  1083.     display: block;
  1084.     height: 54px;
  1085. }
  1086. ul.not-logged-menu li.login-home a p {
  1087.     width: 214px;
  1088.     background-position: -2px -331px;
  1089. }
  1090. ul.not-logged-menu li a p {
  1091.     display: block;
  1092.     height: 54px;
  1093.     position: absolute;
  1094.     top: 0px;
  1095.     left: 0px;
  1096.     visibility: hidden;
  1097.     opacity: 0;
  1098.     transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s;
  1099.     pointer-events: none;
  1100.     z-index: 2;
  1101. }
  1102. .membership-bar .search input[type="submit"], .title_latest_news, .realmst_head .online, .realmst_head .offline, .realmst_head .more_rinfo, .error_icons, #footer .left-side a.evil-logo, #footer .left-side a.dmca, #footer td a.dmca, a.back-to-top, .logged_in_bar .acc-menu li a span, .logged_in_bar .acc-menu li a p, .logged_in_bar .avatar span, .logged_in_bar .info .coints span#gold_c div, .logged_in_bar .info .coints span#silver_c div, .logged_in_bar .info .messages a span.icon, .g-coin, .s-coin, .store-complete .items-list li p.success-i em, .store-complete .items-list li p.fail-i em, li.login-home a span, li.login-home a p, li.register-home a span, li.register-home a p, .new-design-left-part p.icon, .new-design-count-cont p.arrow, .logged_in_bar .info .won-a-charcater-ico a span#icon, .logged_in_bar .info .won-a-charcater-ico a p#icon, .recruit-link a, .tele-back-btn a, #TpTooltip .tp-tooltip-inner #arrow, .vote-now-ico a span#icon, .vote-now-ico a p#icon {
  1103.     background-image: url('../images/misc_main.png');
  1104.     background-repeat: no-repeat;
  1105.     background-color: transparent;
  1106. }
  1107. ul.not-logged-menu li.register-home a {
  1108.     width: 241px;
  1109. }
  1110. ul.not-logged-menu li.register-home a p {
  1111.     width: 241px;
  1112.     background-position: -215px -331px;
  1113. }
  1114. ul.not-logged-menu li.register-home a span {
  1115.     width: 241px;
  1116.     background-position: -215px -279px;
  1117. }
  1118. .bonus-m-links {
  1119.     width: 213px;
  1120.     height: 48px;
  1121.     float: left;
  1122.     text-align: left;
  1123.     padding: 9px 0px 0px 5px;
  1124. }
  1125. .bonus-m-links a {
  1126.     display: block;
  1127.     font-size: 13px;
  1128.     color: #E4D19F;
  1129.     text-shadow: 0px 0px 4px #000, 0px 0px 6px #000, 0px 1px 0px #000, 0px 1px 1px #000;
  1130.     line-height: 165%;
  1131. }
  1132. .membership-bar .search {
  1133.     width: 306px;
  1134.     height: 57px;
  1135.     float: right;
  1136. }
  1137. .membership-bar .search input[type="text"] {
  1138.     width: 211px;
  1139.     height: 43px;
  1140.     box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px #513F22 inset, 0px 0px 0px 2px #000 inset, 0px 0px 0px 3px rgba(255, 255, 255, 0.05) inset;
  1141.     padding: 0px 50px 0px 15px;
  1142.     margin: 8px 0px 0px;
  1143.     background: none repeat scroll 0% 0% transparent;
  1144.     color: #D08D34;
  1145.     text-shadow: 0px 0px 4px #000, 0px 0px 6px #000;
  1146.     font-size: 13px;
  1147.     right: 0px;
  1148. }
  1149. .membership-bar .search input[type="submit"] {
  1150.     width: 36px;
  1151.     height: 31px;
  1152.     background-position: -623px 0px;
  1153.     box-shadow: none;
  1154.     border: medium none;
  1155.     position: absolute;
  1156.     top: 12px;
  1157.     right: 20px;
  1158.     z-index: 99;
  1159.     padding: 0px;
  1160. }
  1161. .membership-bar .search input[type="submit"], .title_latest_news, .realmst_head .online, .realmst_head .offline, .realmst_head .more_rinfo, .error_icons, #footer .left-side a.evil-logo, #footer .left-side a.dmca, #footer td a.dmca, a.back-to-top, .logged_in_bar .acc-menu li a span, .logged_in_bar .acc-menu li a p, .logged_in_bar .avatar span, .logged_in_bar .info .coints span#gold_c div, .logged_in_bar .info .coints span#silver_c div, .logged_in_bar .info .messages a span.icon, .g-coin, .s-coin, .store-complete .items-list li p.success-i em, .store-complete .items-list li p.fail-i em, li.login-home a span, li.login-home a p, li.register-home a span, li.register-home a p, .new-design-left-part p.icon, .new-design-count-cont p.arrow, .logged_in_bar .info .won-a-charcater-ico a span#icon, .logged_in_bar .info .won-a-charcater-ico a p#icon, .recruit-link a, .tele-back-btn a, #TpTooltip .tp-tooltip-inner #arrow, .vote-now-ico a span#icon, .vote-now-ico a p#icon {
  1162.     background-image: url('../images/misc_main.png');
  1163.     background-repeat: no-repeat;
  1164.     background-color: transparent;
  1165. }
  1166. #cssmenu {
  1167.   border: none;
  1168.   border: 0px;
  1169.   margin: 19px 0px 0px;
  1170.   padding: 0px;
  1171.   font-family: verdana, geneva, arial, helvetica, sans-serif;
  1172.   font-size: 14px;
  1173.   font-weight: bold;
  1174.   color: #8e8e8e;
  1175.   width: auto;
  1176. }
  1177. #cssmenu > ul {
  1178.   margin-top: 6px !important;
  1179. }
  1180. #cssmenu ul {
  1181.  
  1182.   height: 27px;
  1183.   list-style: none;
  1184.   margin: 0;
  1185.   padding: 0;
  1186. }
  1187. #cssmenu ul ul {
  1188.   border-top: 6px ;
  1189.   -webkit-box-shadow: none;
  1190.   -moz-box-shadow: none;
  1191.   box-shadow: 0px 2px 0px #373532 inset, 0px 0px 0px 1px #2B2A28 inset, 0px 0px 27px rgba(0, 0, 0, 0.4), 0px 0px 15px 5px rgba(0, 0, 0, 0.4), 0px 14px 25px rgba(0, 0, 0, 0.5);
  1192. }
  1193. #cssmenu ul ul a {
  1194.   line-height: 43px;
  1195. }
  1196. #cssmenu ul ul ul {
  1197.   left: 100%;
  1198.   top: 0;
  1199. }
  1200. #cssmenu li {
  1201.   float: left;
  1202.   padding: 0px 8px 0px 8px;
  1203. }
  1204. #cssmenu li a {
  1205.  
  1206.   display: block;
  1207.   font-weight: bold;
  1208.   line-height: 30px;
  1209.   padding: 0px 25px;
  1210.   text-align: center;
  1211.   text-decoration: none;
  1212. }
  1213. #cssmenu li a:hover {
  1214.  
  1215.   text-decoration: none;
  1216. }
  1217. #cssmenu li ul {
  1218.   background: #262523;
  1219.   border-left: 2px solid #000000;
  1220.   border-right: 2px solid #000000;
  1221.   border-bottom: 2px solid #000000;
  1222.   display: none;
  1223.   height: auto;
  1224.   filter: alpha(opacity=95);
  1225.   opacity: 0.95;
  1226.   position: absolute;
  1227.   width: 125px;
  1228.   z-index: 200;
  1229.   /*top:1em;
  1230.         /*left:0;*/
  1231.  
  1232. }
  1233. #cssmenu li:hover > ul {
  1234.   display: block;
  1235. }
  1236. #cssmenu li li {
  1237.   display: block;
  1238.   float: none;
  1239.   padding: 0px;
  1240.   position: relative;
  1241.   width: 225px;
  1242. }
  1243. #cssmenu li ul a {
  1244.   display: block;
  1245.   font-size: 12px;
  1246.   font-style: normal;
  1247.   padding: 0px 10px 0px 15px;
  1248.   text-align: left;
  1249.   width:102px;
  1250. }
  1251. #cssmenu li ul a:hover {
  1252.   background: #449479;
  1253.  
  1254.   opacity: 1.0;
  1255.   filter: alpha(opacity=100);
  1256. }
  1257. #cssmenu p {
  1258.   clear: left;
  1259. }
  1260. #cssmenu .active > a {
  1261.   background: #a80329;
  1262.   -webkit-box-shadow: 0 -4px 0 #a80329, 0 -5px 0 #b81c40, 0 -6px 0 #a80329;
  1263.   -moz-box-shadow: 0 -4px 0 #a80329, 0 -5px 0 #b81c40, 0 -6px 0 #a80329;
  1264.   box-shadow: 0 -4px 0 #a80329, 0 -5px 0 #b81c40, 0 -6px 0 #a80329;
  1265.   color: #ffffff;
  1266. }
  1267. #cssmenu .active > a:hover {
  1268.   color: white;
  1269. }
  1270. #IndexTextFader {
  1271.     width: 717px;
  1272.     height: 152px;
  1273.     position: absolute;
  1274.     margin: -11px 0px 0px -425px;
  1275. }
  1276. .actions_cont .login_form_top .submit {
  1277.     padding: 8px 15px 8px;
  1278.     margin: 9px 0px 0px 10px;
  1279.     text-transform: uppercase;
  1280.     display: inline-block;
  1281. vertical-align: top;
  1282. text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.2);
  1283. box-shadow: 0px 0px 6px #000, 0px 0px 0px 1px rgba(255, 255, 255, 0.016) inset, 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
  1284. background: none repeat scroll 0% 0% #2C2A26;
  1285. height:auto;
  1286. height: auto;
  1287. border-radius: 3px;
  1288. text-align: center;
  1289. color: #AC872F;
  1290. font-family: calibrib;
  1291. border: medium none;
  1292. cursor: pointer;
  1293. transition: all 400ms ease 0s;
  1294. text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.2);
  1295. box-shadow: 0px 0px 6px #000, 0px 0px 0px 1px rgba(255, 255, 255, 0.016) inset, 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
  1296. background: none repeat scroll 0% 0% #2C2A26;
  1297.  
  1298. }      
  1299.        
  1300. #foot {
  1301. width: 1910px;
  1302. height: auto;
  1303. min-height: 162px;
  1304. margin: 45px 0px 0px -440px;
  1305. background: url('../images/footie1.png') no-repeat scroll center center transparent;
  1306. }  
  1307.  
  1308. .submited,.approved,.information{
  1309.     text-align: center;
  1310.     text-shadow: 0 0 5px rgba(0,0,0,.4);
  1311.  
  1312.     border-radius: 5px;
  1313.    
  1314.     transition-duration: 1.5s;
  1315.    
  1316. }
  1317. .submited:hover,.approved:hover,.submit:hover{
  1318.     opacity: 0.7;
  1319.     cursor:pointer;
  1320.     text-shadow: none;
  1321. }
  1322. .information:hover{
  1323.     text-shadow: none;
  1324.     cursor:pointer;
  1325.     opacity: 0.9;
  1326. }
  1327. .approved,.information{
  1328. box-shadow: 0 0 8px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.2), inset 0 0 0 1px rgba(255,255,255,.015), inset 0 0 15px rgba(0,0,0,.015), inset 0 0 15px rgba(0,255,0,.05), inset 0 0 0 1px rgba(0,255,0,.05);
  1329. }
  1330. .submited,.submit{
  1331. box-shadow: 0 0 8px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.2), inset 0 0 0 1px rgba(255,255,255,.015), inset 0 0 15px rgba(0,0,0,.015);
  1332. }
  1333. .submited{
  1334.     float:left;
  1335.     font-size: 25px;
  1336.     color: white;
  1337.     padding-top: 30px;
  1338.         width: 350px;
  1339.     height: 150px;
  1340. }
  1341. .approved{
  1342.     float: right;
  1343.     font-size: 25px;
  1344.     color: white;
  1345.     padding-top: 30px;
  1346.     width: 350px;
  1347.     height: 150px;
  1348. }
  1349. .information{
  1350.     line-height: 300%;
  1351.     padding-left: 15px;
  1352.     padding-bottom: 10px;
  1353.     margin-top:5px;
  1354.     float:left;
  1355.     color: white;
  1356.     width: 98%;
  1357.     height:auto;
  1358.     border-radius: 5px;
  1359.     text-align: left;
  1360. }
  1361. #submit{
  1362.     width: 340px;
  1363.     height: 30px;
  1364.     color:white;
  1365.     font-size: 15px;
  1366.     cursor: pointer;
  1367. }
  1368. /*************************************************************************
  1369. *************************** Style Of form.tpl ****************************
  1370. *************************************************************************/
  1371. .label{
  1372.     font-size: 15px;
  1373.     text-align: center;
  1374.     font-color:white;
  1375.     text-shadow: 0px 0px 5px;
  1376.     transition-property: text-shadow;
  1377.     transition-duration: 1.5s;
  1378. }
  1379. #priority{
  1380.     margin-top: 10px;
  1381.     width: 100%;
  1382.     margin-left: -10px;
  1383. }
  1384. .bug_explain{
  1385.     margin-top: 5px;
  1386.     width:100%;
  1387.     height:100px;
  1388.     margin-left: -10px;
  1389. }
  1390. #submit_form{
  1391.     width: 100%;
  1392.     height: 30px;
  1393.     font-size: 15px;
  1394.     cursor: pointer;
  1395.     text-shadow: 0px 0px 10px;
  1396.     margin-left: -10px;
  1397. }
  1398. #submit_form:hover,.label:hover{
  1399.     text-shadow: none;
  1400. }
  1401. #submit_form,#priority{
  1402.     transition-property: text-shadow;
  1403.     transition-duration: 1.5s;
  1404. }
  1405. #title{
  1406.     width: 100%;
  1407.     margin-left: -10px;
  1408. }
  1409. /*************************************************************************
  1410. ************************** Style Of submit.tpl ***************************
  1411. *************************************************************************/
  1412. .notification{
  1413. background-color: #0F8200;
  1414. border-color: #d4ebaf;
  1415. color: white;
  1416. border-radius: 5px;
  1417. width: 100%;
  1418. height: auto;
  1419. border-width: 1px;
  1420. border-style: solid;
  1421. text-align: center;
  1422. font-size: 15px;
  1423. line-height: 350%;
  1424. text-shadow: 0px 0px 3px;
  1425. transition-property: text-shadow,background-color;
  1426. transition-duration: 1.5s;
  1427. }
  1428. .notification:hover{
  1429.     text-shadow: none;
  1430.     background-color: #0C6B00;
  1431. }
  1432. /*************************************************************************
  1433. ************************** Style Of notdev.tpl ***************************
  1434. *************************************************************************/
  1435. #notif{
  1436. background-color: #C20000;
  1437. border-color: #570000;
  1438. color: white;
  1439. border-radius: 5px;
  1440. width: 100%;
  1441. height: auto;
  1442. border-width: 1px;
  1443. border-style: solid;
  1444. text-align: center;
  1445. font-size: 15px;
  1446. line-height: 350%;
  1447. text-shadow: 0px 0px 3px;
  1448. transition-property: text-shadow,background-color;
  1449. transition-duration: 1.5s;
  1450. }
  1451. #notif:hover{
  1452.     text-shadow: none;
  1453.     background-color: #7A0000;
  1454. }
  1455. /*************************************************************************
  1456. ************************** Style Of admin.tpl  ***************************
  1457. *************************************************************************/
  1458. .result{
  1459.     margin-top: 15px;
  1460.     background-color: #C20000;
  1461.     border-color: #570000;
  1462.     color: white;
  1463.     border-radius: 5px;
  1464.     width: 100%;
  1465.     height: 100%;
  1466.     border-width: 1px;
  1467.     border-style: solid;
  1468.     padding-left: 20px;
  1469.     padding-top: 10px;
  1470.     padding-bottom: 5px;
  1471.     margin-left: -10px;
  1472.     font-size: 15px;
  1473.     text-shadow: 0px 0px 3px;
  1474.     transition-property: text-shadow,background-color;
  1475.     transition-duration: 1.5s;
  1476. }
  1477. .result:hover{
  1478.     text-shadow: none;
  1479.     background-color: #7A0000;
  1480. }
  1481. #bug_fix{
  1482.     margin-left: -10px;
  1483.     width: 100%;
  1484. }
  1485. #bug_submit{
  1486.     margin-left: -10px;
  1487.     width: 100%;
  1488.     font-size: 15px;
  1489. }
  1490. .result_fix{
  1491.     margin-top: 15px;
  1492.     background-color: #0F8200;
  1493.     border-color: #0A7D00;
  1494.     color: white;
  1495.     border-radius: 5px;
  1496.     width: 100%;
  1497.     height: 100%;
  1498.     border-width: 1px;
  1499.     border-style: solid;
  1500.     padding-left: 20px;
  1501.     padding-top: 10px;
  1502.     padding-bottom: 5px;
  1503.     margin-left: -10px;
  1504.     font-size: 15px;
  1505.     text-shadow: 0px 0px 3px;
  1506.     transition-property: text-shadow,background-color;
  1507.     transition-duration: 1.5s;
  1508. }
  1509. .result_fix:hover{
  1510.     text-shadow: none;
  1511.     background-color: #0C6B00;
  1512. }
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!