API tools faq
paste
TheRaven

AA/FR Original CSS

TheRaven
Nov 29th, 2014
227
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.05 KB | None | 0 0
raw download clone embed print report
  1. /***
  2.  
  3.                    Desert Camo
  4.  
  5.           Customized by GX-67 (Dr_Kens)
  6.  
  7.                       -----
  8.  
  9.                       v1.00
  10.  
  11. ***/
  12.  
  13. /*-------------------------------------------------------------
  14.    GLOBAL
  15. ---------------------------------------------------------------*/
  16.  
  17. p {
  18.     margin: 7px 0;
  19.     line-height: 1.36em;
  20. }
  21. a {
  22.     color: #663300;
  23.     text-decoration: none;
  24. }
  25. a:hover {
  26.     color: #222;
  27.     background-color: transparent;
  28. }
  29.  
  30. h1, h2, h3, h4, h5, h6 {
  31.     color: #222;
  32.     font-weight: normal;
  33.     font-family: Helvetica, Arial, sans-serif;
  34.     line-height: 1.6em;
  35.     margin: 10px 0;
  36. }
  37. h1 {font-size: 270%;}
  38. h2 {font-size: 230%;}
  39. h3 {font-size: 200%;}
  40. h4 {font-size: 170%;}
  41. h5 {font-size: 145%; font-weight: bold;}
  42. h6 {font-size: 125%; font-weight: bold;}
  43.  
  44. input[type=text], textarea {
  45.     padding: 4px;
  46.     margin: 5px 0;
  47.     -webkit-border-radius: 3px;
  48.     -moz-border-radius: 3px;
  49.     border-radius: 3px;
  50. }
  51.  
  52. /*-------------------------------------------------------------
  53.    LAYOUT
  54. ---------------------------------------------------------------*/
  55. html {
  56.     background: #ceb28a url(http://after-action.wdfiles.com/local--files/theme-page/vYoLr.png) repeat 0 0;
  57.     background-position: center;
  58. }
  59. body {
  60.     color: #222;
  61.     font-family: Helvetica, Arial, sans-serif;
  62.     line-height: 1.3em;
  63. }
  64. #container-wrap {
  65.     margin: 0 auto;
  66.     width: 960px;
  67.  
  68. }
  69.  
  70. /*-------------------------------------------------------------
  71.    HEADER
  72. ---------------------------------------------------------------*/
  73.  
  74. #header {
  75.     height: 154px;
  76.     position: relative;
  77.     background: #5e4a2d url(http://after-action.wdfiles.com/local--files/theme-page/tbV1P.png) repeat 0 0;
  78. }
  79. #header h1 {
  80.     position: absolute;
  81.     margin: 30 px;
  82.     top: 28px;
  83. }
  84. #header h1 a {
  85.     color: #cccccc;
  86.     font-size: 40px;
  87.     margin: 30 px;
  88.     padding: 5px 0 0 30px;
  89.     letter-spacing: 1px;
  90.     text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  91. }
  92. #header h1 a:hover {color: #eee;}
  93. #header h2 {
  94.     font-size: 17px;
  95.     color: #cccccc;
  96.     position: absolute;
  97.     top: 73px;
  98.     left: 260px;
  99.     bottom: 20px;
  100. }
  101.  
  102. /*----- LOGIN STATUS ------------------------------------------*/
  103.  
  104. #login-status {
  105.     color: #cccccc;
  106.     position: absolute;
  107.     top: 10px;
  108. }
  109. #login-status .printuser a {
  110.     display: none;
  111. }
  112. a#account-topbutton {
  113.     background: none;
  114.     border: none;
  115. }
  116. #login-status a {
  117.     padding: 0 3px;
  118.     color: #cccccc;
  119.     text-decoration: none;
  120. }
  121. #login-status a:hover {color: #ffffff;}
  122. #account-options {
  123.     width: 140px;
  124.     text-align: center;
  125.     border: none;
  126.     -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
  127.     -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
  128.     box-shadow: 0 0 3px rgba(0,0,0,0.4);
  129.     -webkit-border-radius: 2px;
  130.     -moz-border-radius: 2px;
  131.     border-radius: 2px;
  132. }
  133.  
  134. /*----- SEARCH TOP BOX -----------------------------------------*/
  135.  
  136. #search-top-box {
  137.     position: absolute;
  138.     right: 0px;
  139.     top: 104px;
  140.     height: 48px;
  141.     width: 240px;
  142.     text-align: right;
  143. }
  144. #search-top-box input.text {
  145.     width: 135px;
  146.     margin: 12px 30px 0 0;
  147.     padding-right: 25px;
  148.     background: #e2e2e2;
  149.     border: none;
  150.     -webkit-border-radius: 3px;
  151.     -moz-border-radius: 3px;
  152.     border-radius: 3px;
  153. }
  154. #search-top-box input.text:focus {
  155.     background: #fff;
  156.     outline: none;
  157. }
  158. #search-top-box input.text.empty {
  159.     color: #666;
  160.     font-style: italic;
  161. }
  162. #search-top-box input.button {
  163.     position: absolute;
  164.     top: 9px;
  165.     right: 22px;
  166.     border: none;
  167.     display: block;
  168.     width: 36px;
  169.     height: 28px;
  170.     padding: 0;
  171.     background: transparent url(http://themes.wdfiles.com/local--files/pink-flower/flower-searchButton.png) no-repeat left center;
  172.     color: transparent;
  173.     text-indent: -9999px;
  174.     font-size: 0;
  175.     line-height: 0;
  176.     opacity: 0.7;
  177.  
  178. }
  179. #search-top-box input.button:hover {
  180.     opacity: 1;
  181. }
  182.  
  183. /*----- TOPBAR NAVIGATION ------------------------------------*/
  184.  
  185. #top-bar {
  186.     bottom: 0;
  187.     height: 48px;
  188.     display: block;
  189.     left: 0;
  190.     position: absolute;
  191.     width: 958px;
  192.     z-index: 2;
  193.     background: #3b3b3b url(http://themes.wdfiles.com/local--files/goodnight/goodnight-topbar-bg.png) repeat;
  194.     -webkit-border-radius: 4px 4px 0 0;
  195.     -moz-border-radius: 4px 4px 0 0;
  196.     border-radius: 4px 4px 0 0;
  197.     border: 1px solid #333;
  198. }
  199. #top-bar ul {
  200.     float: left;
  201.     padding: 0;
  202.     height: 48px;
  203.     margin: 0;
  204.     border: none;
  205.     border-right: 1px solid #585858;
  206. }
  207. #top-bar ul li {
  208.     display: inline;
  209.     font-size: 14px;
  210.     padding: 0;
  211.     height: 28px;
  212.     margin: 0;
  213.     position: relative;
  214.  
  215. }
  216. #top-bar ul li:first-child a {
  217.     -webkit-border-radius: 4px 0 0 0;
  218.     -moz-border-radius: 4px 0 0 0;
  219.     border-radius: 4px 0 0 0;
  220. }
  221. #top-bar ul li a {
  222.     display: block;
  223.     color: #eee;
  224.     padding: 15px 26px 5px;
  225.     height: 27px;
  226.     text-shadow: 0px 1px 2px #000;
  227.     border-top: 1px solid #585858;
  228.     border-right: 1px solid #2c2c2c;
  229.     border-left: 1px solid #585858;
  230.     -webkit-transition: background-color 220ms ease;
  231.     -moz-transition: background-color 220ms ease;
  232. }
  233. #top-bar ul li a.current-link {
  234.     color: #48a0ff;
  235. }
  236. #top-bar ul li a:hover,
  237. #top-bar ul li.sfhover a {
  238.     background-color: #4a4a4a;
  239.     background-color: rgba(255,254,255,0.1);
  240.     text-decoration: none;
  241. }
  242. #top-bar ul li ul {
  243.     color: #fff;
  244.     visibility: hidden;
  245.     opacity: 0;
  246.     font-size: 1em;
  247.     left: 0;
  248.     line-height: 1.8em;
  249.     padding: 4px 0;
  250.     position: absolute;
  251.     z-index: 100;
  252.     width: 160px;
  253.     height: auto;
  254.     border: none;
  255.     background: #3b3b3b url(http://themes.wdfiles.com/local--files/goodnight/goodnight-topbar-bg.png) repeat;
  256.     -webkit-border-radius: 0 0 4px 4px;
  257.     -moz-border-radius: 0 0 4px 4px;
  258.     border-radius: 0 0 4px 4px;
  259.     -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6), 0 2px 4px rgba(0,0,0,0.4) inset;
  260.     -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
  261.     box-shadow: 0 1px 4px rgba(0,0,0,0.6);
  262.     -webkit-transition: all 400ms ease-out;
  263.     -moz-transition: all 400ms ease-out;
  264. }
  265. #top-bar ul li:hover ul {
  266.     display: inline-block;
  267.     opacity: 1;
  268. }
  269. #top-bar ul li ul li {
  270.     padding: 0 10px;
  271.     background: none;
  272.     border: none;
  273.     display: inline-block;
  274.     width: auto;
  275.     height: auto;
  276. }
  277. #top-bar ul li ul li a {
  278.     background: none;
  279.     padding: 6px 0;
  280.     text-transform: none;
  281.     line-height: 1;
  282.     height: auto;
  283. }
  284. #top-bar ul li.sfhover ul li a,
  285. #top-bar ul li:hover ul li a {
  286.     background: none;
  287. }
  288. #top-bar ul li ul li a:hover {
  289.     color: #48a0ff;
  290. }
  291. #top-bar ul li ul li ul {
  292.     display: none !important;
  293. }
  294.  
  295. /*-------------------------------------------------------------
  296.    MAIN CONTENT
  297. ---------------------------------------------------------------*/
  298.  
  299. #content-wrap {
  300.     position: relative;
  301.     padding: 0 15px;
  302.     clear: both;
  303.     overflow: hidden;
  304.     background: #bb9b71 url(http://after-action.wdfiles.com/local--files/theme-page/TrZnI.png) repeat 0 0;
  305.     background-position: center;
  306.     -webkit-box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
  307.     -moz-box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
  308.     box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
  309.     -webkit-border-radius: 0 0 4px 4px;
  310.     -moz-border-radius: 0 0 4px 4px;
  311.     border-radius: 0 0 4px 4px;
  312. }
  313. #page-title {
  314.     border: none;
  315.     font-size: 30px;
  316.     font-weight: normal;
  317.     text-decoration: none;
  318.     margin-left: 10px;
  319.     color: #111;
  320.     letter-spacing: -1px;
  321.     padding: 10px 0;
  322. }
  323. #main-content {
  324.     float: right;
  325.     padding: 0;
  326.     width: 680px;
  327.     margin: 0;
  328.     overflow: hidden;
  329. }
  330. #page-content {
  331.     width: 660px;
  332.     margin: 0 auto;
  333. }
  334. #page-content . {
  335.  
  336. }
  337.  
  338. /*----- SIDEBAR -------------------------------------------*/
  339.  
  340. #side-bar{
  341.     float: left;
  342.     padding: 10px;
  343.     width: 220px;
  344.     margin: 0;
  345.     overflow: hidden;
  346.     border-right: 1px solid #5e4a2d;
  347. }
  348. #side-bar a {color: #000000;}
  349. #side-bar a:hover {color: #663300;}
  350. #side-bar ul {
  351.     list-style-type: none;
  352.     padding: 0 5px 0;
  353. }
  354.  
  355. /*----- SIDEBAR ON LEFT -----------------------------------*
  356.  
  357. #page-title {margin-left: 10px;}
  358. #side-bar {float: left;}
  359. #main-content {
  360.     float: right;
  361.     border-right: none;
  362.     border-left: 1px solid #ccc;
  363. }
  364.  
  365. /*----- NO SIDEBAR ---------------------------------------*
  366.  
  367. #side-bar {display: none;}
  368. #main-content {
  369.     width: 100%;
  370.     border: none;
  371. }
  372. #page-content {width: 97%;}
  373.  
  374. /*----- BREADCRUMBS -------------------------------------------*/
  375.  
  376. #breadcrumbs {
  377.     color: #974b00;
  378.     padding: 0 10px;
  379. }
  380. #breadcrumbs a {color: #974b00;}
  381. #breadcrumbs a:hover {color: #663300;}
  382.  
  383. /*-------------------------------------------------------------
  384.    MAIN CONTENT
  385. ---------------------------------------------------------------*/
  386.  
  387. /*-------------------------------------------------------------
  388.    FOOTER
  389. ---------------------------------------------------------------*/
  390. #page-options-container {padding-bottom: 5px;}
  391. #footer {
  392.     background-color: #3b3b3b;
  393.     color: #CCC;
  394.     padding: 12px 10px 0;
  395.     font-size: 0.95em;
  396.     margin-top: 0;
  397. }
  398. #footer .options {font-size: 100%;}
  399. #footer a, #license-area a {
  400.     color: #CCC;
  401.     text-decoration: none;
  402. }
  403. #footer a:hover, #license-area a:hover {color: #333;}
  404. #license-area {
  405.     padding: 5px 10px 10px;
  406.     background: #5e4a2d url(http://i.imgur.com/tbV1P.png) repeat 0 0;
  407.     color: #CCC;
  408.     font-size: 0.95em;
  409. }
  410.  
  411. /*-------------------------------------------------------------
  412.    WIKI ELEMENTS
  413. ---------------------------------------------------------------*/
  414. #action-area {padding: 0 3px;}
  415. #action-area h1 {font-size: 200%;}
  416. .code {
  417.     display: block;
  418.     padding: 10px;
  419.     border: 1px solid #ccc;
  420.     -webkit-border-radius: 3px;
  421.     -moz-border-radius: 3px;
  422.     border-radius: 3px;
  423. }
  424. blockquote {
  425.     background: #e7c697;
  426.     border: none;
  427.     border-top: 2px solid #adadad;
  428.     color: #444;
  429.     font-family: Georgia, “Times New Roman”, Times, serif;
  430.     font-style: italic;
  431.     padding: 3px 10px;
  432. }
  433.  
  434. /*----- INBUILT HOVERTIPS -------------------------------------*/
  435. .hovertip {
  436.     border: none !important;
  437.     -webkit-border-radius: 3px;
  438.     -moz-border-radius: 3px;
  439.     border-radius: 3px;
  440.     max-width: 300px;
  441.     background: none;
  442. }
  443. .hovertip .content {
  444.     background-color: rgba(20,20,20,0.83617);
  445.     -webkit-border-radius: 3px;
  446.     -moz-border-radius: 3px;
  447.     border-radius: 3px;
  448.     padding: 4px 8px;    
  449.     color: #fff;
  450. }
  451. .hovertip .content .footnote .f-content {
  452.     margin: 2px;
  453. }
  454. .hovertip .content .footnote .f-heading, .hovertip .content .footnote .f-footer  {
  455.     display: none !important;
  456. }
  457.  
  458. /*----- COMMENTS ----------------------------------------------*/
  459.  
  460. .comments-box {
  461.     border-top: 2px solid #e7c697;
  462.     margin: 10px 0;
  463. }
  464. .comments-box h1 {
  465.     color: #444;
  466.     font-size: 16px;
  467.     font-weight: bold;
  468.     letter-spacing: 1px;
  469.     padding: 0 10px;
  470.     text-transform: uppercase;
  471. }
  472. .post-container {
  473.     background: #fefefe;
  474.     padding: 0 10px;
  475.     position: relative;
  476.     margin: 15px 0;
  477.     border: 1px solid #bbb;
  478.     -webkit-border-radius: 5px;
  479.     -moz-border-radius: 5px;
  480.     border-radius: 5px;
  481. }
  482. .post-container .post {
  483.     margin: 0;
  484.     padding: 5px 0 2px;
  485. }
  486. .post-container .post.folded .short {background: none;}
  487. .post-container .head .info, .post-container .head {
  488.     margin: 0;
  489.     background: none !important;
  490.     border: none;
  491.     text-transform: none;
  492. }
  493. .post-container .head .info .printuser a {
  494.     color: #000000;
  495.     text-transform: none;
  496.     font-weight: bold;
  497.     font-size: 16px;
  498. }
  499. .post-container .head .info .printuser a:hover {
  500.     background: none;
  501.     color: #444;
  502. }
  503. .post-container .head .info .odate {
  504.     float: right;
  505.     color: #000000;
  506.     font-size: 12px;
  507. }
  508. .post-container .head .options{display: none;}
  509. .post-container .options {
  510.     margin: 5px 0 0;
  511.     padding: 5px 0 0;
  512. }
  513. .post-container .post .options a {
  514.     color: #444;
  515.     padding: 4px 0 0;
  516.     text-decoration: none;
  517.     font-size: 12px;
  518. }
  519. .post-container .post .options a:hover {color: #663300;}
  520.  
  521. /*----- BUTTONS ----------------------------------------------*/
  522.  
  523. div.buttons input, input.button, button, file, a.button,
  524. .button-bar a, #new-post-button, .rate-points, .rateup a,
  525. .ratedown a, .cancel a, .pager a, div.new-post a, .owindow .button-bar a {
  526.     height: auto;
  527.     padding: 4px 6px;
  528.     -webkit-border-radius: 4px;
  529.     -moz-border-radius: 4px;
  530.     border-radius: 4px;
  531.     background: #444;
  532.     border: none;
  533.     color: #fff;
  534.     font-size: 1.1em;
  535.     margin: 0 5px;
  536. }
  537. div.buttons input:hover, input.button:hover, button:hover,
  538. file:hover, a.button:hover, .button-bar a:hover, #new-post-button:hover,
  539. .rateup a:hover, .ratedown a:hover, .cancel a:hover, .pager a:hover,
  540. div.new-post a:hover, .owindow .button-bar a:hover {
  541.     color: #bb9b71;
  542.     background-color: #272727;
  543.     border: none;
  544.     text-decoration: none;
  545.     cursor: pointer;
  546. }
  547. .page-rate-widget-box .rate-points, .pager .current {
  548.     padding: 4px 6px;
  549.     font-size: 1.1em;
  550.     -webkit-border-radius: 4px;
  551.     -moz-border-radius: 4px;
  552.     border-radius: 4px;
  553.     border: none;
  554. }
  555.  
  556. .pager a, .pager a:hover, .pager .current, .page-rate-widget-box a {
  557.     padding: 3px 8px;
  558. }
  559. /*----- OWINDOWS ----------------------------------------------*/
  560. .owindow {
  561.     border: none;
  562.     background-color: #fff;
  563.     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#eef1f1));
  564.     -webkit-border-radius: 6px;
  565.     -moz-border-radius: 6px;
  566.     border-radius: 6px;
  567.     -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  568.     border-top: 1px solid #fff;
  569. }
  570. .owindow .title {
  571.     background: #fdf1df;
  572.     padding: 10px 20px;
  573.     border-bottom: 1px solid #fff;
  574. }
  575. .owindow .content {border-top: 1px solid #ddd;}
  576. .owindow.owait .content, .owindow.osuccess .content {border: none;}
  577. .owindow h1 {font-size: 1.6em;}
  578. .owindow .button-bar {padding-right: 0;}
  579. .owindow .button-bar a {outline: none;}
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!