Advertisement
tok124

theme FCMS Fix

Oct 30th, 2017
200
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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