API tools faq
paste
Advertisement
Guest User

style.css

a guest
Aug 12th, 2021
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.95 KB | None | 0 0
raw download clone embed print report
  1. @import url('https://fonts.googleapis.com/css?family=Patua+One');
  2. body
  3. {
  4.     background: url(img/bg.png) no-repeat center top #171410;
  5.     margin: 0;
  6.     padding: 0;
  7.     font-size: 13px;
  8.     font-family: Tahoma,Verdana,Segoe,sans-serif;
  9.     color: #d3d3d3;
  10. }
  11. a
  12. {
  13.     text-decoration: none;
  14.     color: #c64125;
  15.     transition: color 0.1s linear;
  16.    
  17. }
  18. a:hover
  19. {
  20.     color: #ff5a00;
  21. }
  22. ul {
  23.   margin: 2px 0 0 0;
  24.   padding: 0;
  25. }
  26. textarea{
  27. max-width: 530px !important;
  28. }
  29. ul li {
  30.   list-style-type: none;
  31.   margin: 0 0 6px 0;
  32.   padding: 0 0 4px 5px;
  33.   line-height: 1.5em;
  34. }
  35.  
  36. ol {
  37.   margin: 8px 0 5px 5px;
  38. }
  39.  
  40. ol li {
  41.   margin: 0 0 11px 0;
  42. }
  43.  
  44. .form_settings {
  45.   margin: 15px 0 0 0;
  46. }
  47.  
  48. .form_settings p {
  49.   padding: 0 0 4px 0;
  50. }
  51.  
  52. .form_settings span {
  53.   float: left;
  54.   width: 200px;
  55.   text-align: left;
  56. }
  57.  
  58. .form_settings input, .form_settings textarea {
  59.   padding: 5px;
  60.   width: 299px;
  61.   font: 100% arial;
  62.   border: 1px solid #E5E5DB;
  63.   background: #FFF;
  64.   color: #47433F;
  65.   border-radius: 7px 7px 7px 7px;
  66.   -moz-border-radius: 7px 7px 7px 7px;
  67.   -webkit-border: 7px 7px 7px 7px;  
  68. }
  69.  
  70. .form_settings .submit {
  71.   font: 100% arial;
  72.   border: 0;
  73.   width: 99px;
  74.   margin: 0 0 0 212px;
  75.   height: 33px;
  76.   padding: 2px 0 3px 0;
  77.   cursor: pointer;
  78.   background: #3B3B3B;
  79.   color: #FFF;
  80.   border-radius: 7px 7px 7px 7px;
  81.   -moz-border-radius: 7px 7px 7px 7px;
  82.   -webkit-border: 7px 7px 7px 7px;  
  83. }
  84.  
  85. .form_settings textarea, .form_settings select {
  86.   font: 100% arial;
  87.   width: 299px;
  88. }
  89.  
  90. .form_settings select {
  91.   width: 310px;
  92. }
  93.  
  94. .form_settings .checkbox {
  95.   margin: 4px 0;
  96.   padding: 0;
  97.   width: 14px;
  98.   border: 0;
  99.   background: none;
  100. }
  101.  
  102. .separator {
  103.   width: 100%;
  104.   height: 0;
  105.   border-top: 1px solid #D9D5CF;
  106.   border-bottom: 1px solid #FFF;
  107.   margin: 0 0 20px 0;
  108. }
  109.  
  110. table {
  111.   margin: 10px 0 30px 0;
  112.   width: 100%;
  113.  border-spacing: 1px;
  114.     border-collapse: separate;
  115. }
  116.  
  117. table tr th{
  118.   background: #31261D;
  119.   color: #FFF;
  120.   padding: 7px 4px;
  121.   text-align: left;
  122. }
  123.  
  124. tr.yellow td {
  125.   background: #31261D;
  126.   color: #FFF;
  127.   padding: 7px 4px;
  128.   text-align: left;
  129. }
  130. table tr td {  
  131.   background: #E1D3C4;
  132.   color: #47433F;
  133. }
  134. table.stripped tr:nth-child(even) td {
  135.   background-color: #afa9a0 ;
  136. }
  137. table.stripped tr:nth-child(odd) td{
  138.   background-color: #E1D3C4;
  139. }
  140. table.TableContent tr td , table.Table3 tr td {  
  141.   background: #f1e0c5;
  142. }
  143. table.TableContent tr.LabelH td {  
  144.   background: #E1D3C4;
  145. }
  146. .TableContainer table{
  147.   margin: 0 !important;
  148. }
  149. .TableContainer td {
  150.   padding: 2px 3px !important;
  151. }
  152. table tr td img{
  153.   max-width: 520px;
  154. }
  155. input.hover:hover
  156. {
  157.     cursor: pointer;
  158. }
  159. /* guild war */
  160. tr.special:hover td {
  161.    background: orange;
  162. }
  163.  
  164. tr.special {
  165.     cursor: pointer;
  166. }
  167.  
  168. ul.war_list li {
  169.    font-size:18px;
  170. }
  171.  
  172. .container_main
  173. {
  174.     width: 1170px;
  175.     margin: 350px auto 0 auto;
  176. }
  177. .container_left, .container_right
  178. {
  179.     width: 246px;
  180.     float: left;
  181.     margin: 15px 0 0 0;
  182. }
  183. .container_mid
  184. {
  185.     min-height: 200px;
  186.     width: 648px;
  187.     float: left;
  188.     margin: 0 15px;
  189. }
  190. .left_box, .right_box, .center_box
  191. {
  192.     width: 100%;
  193.     background: url(img/border_left.png) repeat-y left top, url(img/border_right.png) repeat-y right top;
  194.     position: relative;
  195.     margin-bottom: 18px;
  196. }
  197. .corner_lt, .corner_rt, .corner_rb, .corner_lb
  198. {
  199.     z-index: 5;
  200. }
  201. .corner_lt
  202. {
  203.     position: absolute;
  204.     width: 64px;
  205.     height:64px;
  206.     background: url(img/corners.png) no-repeat 0 0;
  207.     left: -7px;
  208.     top: -5px;
  209. }
  210. .corner_rt
  211. {
  212.     position: absolute;
  213.     width: 64px;
  214.     height:64px;
  215.     background: url(img/corners.png) no-repeat -64px 0;
  216.     right: -7px;
  217.     top: -5px;
  218. }
  219. .corner_rb
  220. {
  221.     position: absolute;
  222.     width: 64px;
  223.     height:64px;
  224.     background: url(img/corners.png) no-repeat -64px -64px;
  225.     right: -7px;
  226.     bottom: -5px;
  227. }
  228. .corner_lb
  229. {
  230.     position: absolute;
  231.     width: 64px;
  232.     height:64px;
  233.     background: url(img/corners.png) no-repeat 0 -64px;
  234.     left: -7px;
  235.     bottom: -5px;
  236. }
  237. .left_box .content, .right_box .content
  238. {
  239.     margin: -1px 20px;
  240.     width: 200px;
  241.     padding: 3px 3px;
  242.     background: url(img/widget_bg.png) repeat-y;
  243. }
  244. .center_box .content_bg
  245. {
  246.     width: 608px;
  247.     margin: -1px 20px;
  248.     position: relative;
  249.     background: url(img/mid_bot.png) no-repeat center bottom, url(img/mid_top.png) no-repeat center top, url(img/mid_mid.png) repeat-y center top;
  250.     color: #531e01;
  251. }
  252. .center_box .content_bg .content
  253. {
  254.     padding: 6px 8px;
  255. }
  256.  
  257. .left_box .border_bottom, .right_box .border_bottom,  .center_box .border_bottom
  258. {
  259.     background: url(img/border_bottom.png) repeat-x center bottom;
  260.     width: 100%;
  261.     display: block;
  262.     height: 20px;
  263. }
  264. .left_box .title, .right_box .title,  .center_box .title
  265. {
  266.     background: url(img/border_top.png) repeat-x center top;
  267.     width: 100%;
  268.     height: 45px;
  269.     position: relative;
  270. }
  271. .rise-up-content
  272. {
  273.     position: relative;
  274.     z-index: 10;
  275. }
  276. .left_box ul li a:after
  277. {
  278.     content: "";
  279.     width: 100%;
  280.     background: url(img/line.png) no-repeat center top;
  281.     height: 2px;
  282.     display: block;
  283.     margin-left: -10px;
  284. }
  285.  
  286. .right_box ul li a:after
  287. {
  288.     content: "";
  289.     width: 100%;
  290.     background: url(img/line.png) no-repeat center top;
  291.     height: 2px;
  292.     display: block;
  293.     margin-left: -10px;
  294. }
  295. .title span
  296. {
  297.     width: 100%;
  298.     height: 45px;
  299.     display: block;
  300.     background-position: center center;
  301.     background-repeat: no-repeat;
  302. }
  303. .title img
  304. {
  305.     position: absolute;
  306.     left: 20px;
  307.     top: 6px;
  308.     z-index: 6;
  309. }
  310. .left_box ul
  311. {
  312.     list-style: none;
  313.     padding: 0;
  314.     margin: 0 0 0 8px;
  315. }
  316. .left_box ul li
  317. {
  318.     padding: 1.5px 0 2px 0;
  319.     margin: 0;
  320. }
  321. .left_box ul li a
  322. {
  323.     display: block;
  324.     color: #e7e7e7;
  325.     text-shadow: 1px 1px 0 #000;
  326.     transition: all 0.1s linear;
  327. }
  328. .left_box ul li a:hover
  329. {
  330.     color: orange;
  331.     padding-left: 3px;
  332.    
  333. }
  334. .inputtext
  335. {
  336.     width: 158px;
  337.     height: 33px;
  338.     background: url(img/quicklogin_input.png);
  339.     padding: 0 10px;
  340.     margin: 0 0 4px 11px;
  341.     border: 0 none;
  342.     color: #9c7d54;
  343.     font-size: 12px;
  344.     text-shadow: 1px 1px 0 #000;
  345. }
  346. .loginbtn
  347. {
  348.     width: 83px;
  349.     height: 23px;
  350.     background: url(img/login_btn.png) 0 -23px;
  351.     padding: 0;
  352.     margin: 0 0 4px 12px;
  353.     border: 0 none;
  354.     display: inline-block;
  355.     vertical-align: middle;
  356. }
  357. .loginbtn:hover
  358. {
  359.     cursor: pointer;
  360.     background-position: 0 0;
  361. }
  362. .loginbtn2
  363. {
  364.     width: 83px;
  365.     height: 23px;
  366.     background: url(img/login_btn2.png) 0 -23px;
  367.     padding: 0;
  368.     margin: 0 0 4px 12px;
  369.     border: 0 none;
  370.     display: inline-block;
  371.     vertical-align: middle;
  372. }
  373. .loginbtn2:hover
  374. {
  375.     cursor: pointer;
  376.     background-position: 0 0;
  377. }
  378. .createbtn
  379. {
  380.     vertical-align: middle;
  381.     display: inline-block;
  382.     width: 83px;
  383.     height: 23px;
  384.     background: url(img/register_btn.png) 0 -23px;
  385.     padding: 0;
  386.     margin: 0 0 4px 7px;
  387.     border: 0 none;
  388. }
  389. .createbtn:hover
  390. {
  391.     cursor: pointer;
  392.     background-position: 0 0;
  393. }
  394. .createbtn2
  395. {
  396.     vertical-align: middle;
  397.     display: inline-block;
  398.     width: 83px;
  399.     height: 23px;
  400.     background: url(img/register_btn2.png) 0 -23px;
  401.     padding: 0;
  402.     margin: 0 0 4px 7px;
  403.     border: 0 none;
  404. }
  405. .createbtn:hover
  406. {
  407.     cursor: pointer;
  408.     background-position: 0 0;
  409. }
  410. .download_client
  411. {
  412.     display: block;
  413.     width: 250px;
  414.     height: 59px;
  415.     background: url(img/download_btn.png) no-repeat 0 -59px;
  416.     margin: 0 0 10px -2px;
  417. }
  418. .download_client:hover
  419. {
  420.     background-position: 0 0;
  421. }
  422. .right_box
  423. {
  424.     text-shadow: 0 1px 0 #000;
  425. }
  426. .right_box a
  427. {
  428.     color: #ff9000;
  429.     transition: color 0.1s linear;
  430. }
  431. .right_box a:hover
  432. {
  433.     color: #ff4e00;
  434. }
  435. table.sinfotable
  436. {
  437.     margin: 0 8px;
  438.     font-size: 13px;
  439.     width: 183px;
  440. }
  441. table.sinfotable td
  442. {
  443.     border-bottom: 1px solid #4c4b46;
  444.     border-top: 1px solid #1c1c1a;
  445.     background: none transparent;
  446.     color: #fff;
  447.     padding: 4px 0;
  448. }
  449. ul.toplvl
  450. {
  451.     list-style: none;
  452.     margin: 0 8px;
  453. }
  454. ul.toplvl li
  455. {
  456.     padding: 1px 0;
  457.     margin: 0;
  458. }
  459. .lvl
  460. {
  461.     display: block;
  462.     background: #cc7e0f;
  463.     float: right;
  464.     height: 15px;
  465.     line-height: 14px;
  466.     color: #fff;
  467.     text-shadow: 0 0 5px #000;
  468.     padding: 0px 5px;
  469.     border-radius: 4px;
  470.     box-shadow: 0 1px 0 #101010;
  471.     border-top: 1px solid #ffc36d;
  472. }
  473. .acc_menu
  474. {
  475.     width: 183px;
  476.     margin: 0 8px;
  477. }
  478. .acc_menu a
  479. {
  480.     box-sizing: border-box;
  481.     display: inline-block;
  482.     width: 100%;
  483.     padding: 3px 0;
  484.     font-size: 12px;
  485.     text-align: center;
  486.     background: rgba(0,0,0,0.3);
  487.     border: 1px solid rgba(0,0,0,0.4);
  488.     box-shadow: 0 1px 3px rgba(255,255,255,0.2) inset, 0 -1px 3px rgba(0,0,0,0.5) inset;
  489.     border-radius: 3px;
  490.     color: #fff;
  491.     transition: all 0.1s linear;
  492.     margin: 1px 0;
  493. }
  494. .acc_menu a:hover
  495. {
  496.     background: rgba(0,0,0,0.4);
  497. }
  498. .footer_cnt
  499. {
  500.     width: 1170px;
  501.     float: left;
  502.     margin: 20px 0 70px 0;
  503. }
  504.  
  505.  
  506.  
  507. /* SLIDER */
  508.  
  509. .slider
  510. {
  511.     width: 207px;
  512.     height: 100px;
  513.     margin-left: -3px;
  514.     margin-top: -3px;
  515.     margin-bottom: -2px;
  516. }
  517.  
  518. #slides
  519. {
  520.     display: none;
  521.     width: 207px;
  522.     height: 100px;
  523.     float: left;
  524.     z-index: 90;
  525.     overflow: initial !important;
  526.     position: relative;
  527. }
  528. .slidesjs-pagination
  529. {
  530.     z-index: 999;
  531.     position: absolute;
  532.     bottom: 5px;
  533.     right: 5px;
  534. }
  535. ul.slidesjs-pagination
  536. {
  537.     list-style: none;
  538.     padding: 3px;
  539.     border-radius: 5px;
  540.     margin: 0;
  541.     background: rgba(0,0,0,0.5);
  542. }
  543. .slidesjs-pagination li
  544. {
  545.     float: left;
  546.     margin: 0 3px;
  547.     padding: 0;
  548. }
  549. .slidesjs-pagination li a
  550. {
  551.     background: rgba(255,255,255,0.3);
  552.     display: block;
  553.     width: 10px;
  554.     height: 10px;
  555.     float: left;
  556.     overflow: hidden;
  557.     text-indent: -999999999px;
  558.     line-height: 99px;
  559.     color: rgba(0,0,0,0.6);
  560.     border-radius: 15px;
  561. }
  562. .slidesjs-pagination li a:hover
  563. {
  564.     background: rgba(255,255,255,0.5);
  565. }
  566. .slidesjs-pagination li a.active
  567. {
  568.     background: rgba(255,255,255,0.5);
  569. }
  570. .top-bar
  571. {
  572.     position: fixed;
  573.     z-index: 200;
  574.     top: 0;
  575.     left: 0;
  576.     width: 100%;
  577.     text-align: center;
  578.     font-family: 'Patua One', cursive;
  579.     height: 30px;
  580.     line-height: 30px;
  581.     background: rgba(0,0,0,0.3);
  582.     color: #fff;
  583.     text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 1px 0px 0 #000, -1px 0px 0 #000, -1px 0px 0 #000;
  584.     font-weight: normal;
  585.     font-size: 18px;
  586. }
  587. .top-bar a
  588. {
  589.     color: #f66545;
  590. }
Advertisement
Add Comment
Please, Sign In to add comment
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!