Advertisement
Shieldxx

r/Hattrick test 0.0.5

Jun 3rd, 2016
118
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.90 KB | None | 0 0
  1. /*HEADER BACKGROUND*/
  2.  
  3. #header-bottom-left {
  4.     height: 195px;
  5. }
  6.  
  7. #header {
  8.     height: 220px;
  9.     background: url(%%background%%);
  10.     background-size: cover;
  11.     border: none;
  12.     /*shadow*/
  13. }
  14. /*END HEADER BACKGROUND*/
  15. /*HEADER LOGO*/
  16. #header .pagename a {
  17.     position: absolute;
  18.     top: 60px;
  19.     left: 50%;
  20.     margin-left: -108px;
  21.     background: url(%%htlogo%%);
  22.     background-position: 0 0;
  23.     background-repeat: no-repeat;
  24.     width: 272px;
  25.     height: 68px;
  26.     text-indent:-9999px;
  27.     font-size: 0px;
  28. }
  29. /*END HEADER LOGO*/
  30. /*HEADER*/
  31. *,
  32. :before,
  33. :after {
  34.     -webkit-box-sizing: border-box;
  35.     -moz-box-sizing: border-box;
  36.     box-sizing: border-box;
  37. }
  38. /*END HEADER*/
  39. /*REDDIT ICON*/
  40.  
  41. #header-img.default-header,
  42. #header-img {
  43.     z-index: 99;
  44.     width: 48px;
  45.     padding-left: 48px;
  46.     height: 54px;
  47.     background-image: url(%%redditlogoht%%);
  48.     background-size: cover;
  49.     background-position: center;
  50.     position: relative;
  51. }
  52. #header-img {
  53.     margin-top: 140px;
  54.     margin-left: 20px;
  55. }
  56. /*SUBREDITS LISTA*/
  57.  
  58. #sr-header-area {
  59.     background-color: rgba(0, 0, 0, 0.05);
  60.     border: 0 solid;
  61.     transition: all .15s ease;
  62.     height: 24px;
  63.     line-height: 23px;
  64.     text-transform: uppercase;
  65. }
  66. #sr-header-area .sr-list {
  67.     margin-right: 48px;
  68. }
  69. #sr-header-area .width-clip {
  70.     right: 300px;
  71. }
  72. #sr-more-link {
  73.     background-color: transparent
  74. }
  75. /*RIGHT SIDEBAR*/
  76. .side {
  77.     float: right;
  78.     background-color: white;
  79.     margin: 0px 5px 0 5px;
  80.     width: 300px;
  81.     position: relative;
  82.     top: 0px;
  83. }
  84. body > .content {
  85.     margin: 15px 5px 0;
  86. }
  87.  
  88. /*LOGOUT BAR*/
  89.  
  90. #header-bottom-right {
  91.     position: absolute;
  92.     top: 0;
  93.     right: 0;
  94.     width: auto;
  95.     max-width: 300px;
  96.     height: 24px;
  97.     background-color: transparent;
  98.     font-size: 11px;
  99.     color: rgba(255, 255, 255, 0.45);
  100.     padding: 5px 8px 4px 2px;
  101. }
  102. a {
  103.     text-decoration: none;
  104.     color: black;
  105. }
  106. .separator {
  107.     color: transparent;
  108. }
  109. .user {
  110.     color: black;
  111. }
  112. /*MENU*/
  113. /*MENU TABS DELETE*/
  114.  
  115. .listing-page .tabmenu li:nth-child(3),
  116. .listing-page .tabmenu li:nth-child(4),
  117. .listing-page .tabmenu li:nth-child(5),
  118. .listing-page .tabmenu li:nth-child(6),
  119. .listing-page .tabmenu li:nth-child(8),
  120. .listing-page .tabmenu li:nth-child(9) {
  121.     display: none;
  122. }
  123. #header .tabmenu li {
  124.     margin: 0;
  125. }
  126. #header .tabmenu a {
  127.     margin: 0 3px;
  128. }
  129. /*END MENU TABS DELETE*/
  130. /*MENU BG*/
  131.  
  132. #header .tabmenu:before {
  133.     content: "";
  134.     display: block;
  135.     position: absolute;
  136.     top: 170px;
  137.     left: 0px;
  138.     right: 0px;
  139.     background-color: rgba(0, 0, 0, 0.24);
  140.     height: 42px;
  141.     z-index: -1;
  142. }
  143. /*END MENU BG*/
  144.  
  145. #header .tabmenu li a {
  146.     color: #E6E6E6;
  147.     background-color: transparent;
  148.     border: none;
  149.     transition: color .25s ease,background-color .25s ease;
  150.     padding: 13px;
  151.     font-family: Lato,arial,sans-serif;
  152.     text-transform: uppercase;
  153.     font-weight: normal;
  154.     font-size: 14px;
  155. }
  156. #header .tabmenu .selected a {
  157.     color: white;
  158.     background-color: transparent;
  159.     border-top: 3px solid rgba(18, 129, 77, 0.5)!important;
  160.     background: url(%%tabsimg%%);
  161.     padding: 12px;
  162. }
  163. .tabmenu li {
  164.     margin: 0px 30px;
  165.     display: inline-block;
  166.     top: -25px;
  167. }
  168. #header .tabmenu li a:hover,
  169. .pagename a:hover {
  170.     background-color: rgba(0, 0, 0, 0.12);
  171.     background: url(%%tabsimghover%%);
  172. }
  173. #header .tabmenu li a:hover {
  174.     color: rgba(255, 255, 255, 1);
  175.     background-color: rgba(0, 0, 0, 0.08);
  176. }
  177. /*GAVIN19 MENU MINIMIZED FIX*/
  178.  
  179. #header .tabmenu {
  180.     position: absolute;
  181.     top: 182px;
  182.     left: 0;
  183.     right: 6px;
  184.     line-height: 42px;
  185.     margin: -6px;
  186.     max-height: 42px;
  187.     overflow: hidden;
  188.     padding-left: 70px;
  189.     white-space: normal;
  190.     z-index: 90;
  191.     text-align: center!important
  192. }
  193. #header .tabmenu:before {
  194.     bottom: 0;
  195.     top: auto;
  196. }
  197. #header .tabmenu li {
  198.     margin: 0;
  199.     padding: 2px 2%;
  200.     /*menu offset*/
  201.    
  202.     top: 0;
  203. }
  204. /*END GAVIN19 MENU MINIMIZED FIX*/
  205. /*END MENU*/
  206. /* PRETTY SUBMIT LINKS by /u/RainbowCrash*/
  207.  
  208. .morelink {
  209.     font-weight: normal;
  210.     letter-spacing: 0;
  211.     background: #08B36D;
  212.     border: none;
  213.     -moz-border-radius: 2px;
  214.     -webkit-border-radius: 2px;
  215.     -o-border-radius: 2px;
  216.     -ms-border-radius: 2px;
  217.     -khtml-border-radius: 2px;
  218.     border-radius: 2px;
  219.     height: 30px;
  220.     line-height: 30px;
  221.     overflow: hidden;
  222.     color: white;
  223. }
  224. .morelink:hover {
  225.     background: #078853;
  226.     background-color: #078853;
  227.     border-color: #078853;
  228. }
  229. .morelink .nub {
  230.     display: none;
  231. }
  232. .morelink {
  233.     color: #FFF;
  234.     font-family: Verdana, Arial, sans-serif;
  235.     font-size: 16px;
  236.     width: 145px;
  237. }
  238. .morelink a,
  239. .morelink a:hover {
  240.     color: white;
  241. }
  242. .sidebox.submit-link .morelink::before {
  243.     display: block;
  244.     clear: none;
  245.     content: "Submit a Link";
  246.     font-size: 95%;
  247. }
  248. .sidebox.submit-text .morelink::before {
  249.     display: block;
  250.     clear: none;
  251.     content: "Submit a Self Post";
  252.     font-size: 90%;
  253. }
  254. .sidebox.submit .morelink a {
  255.     position: absolute;
  256.     top: 0;
  257.     padding-left: 1000px;
  258.     font-size: 0px;
  259.     text-align: right;
  260.     color: #56a6f7;
  261. }
  262. .sidebox.submit.submit-link {
  263.     width: 150px;
  264. }
  265. .sidebox.submit.submit-text {
  266.     margin-top: -42px;
  267.     /*Edit this is the buttons aren't parallel*/
  268.    
  269.     margin-left: 153px;
  270. }
  271. .sidebox.create {
  272.     display: none;
  273. }
  274. .sidebox.submit.disabled {
  275.     display: none;
  276. }
  277. /* NIGHTMODE FIXES */
  278.  
  279. .res-nightmode .sidebox.submit.submit-text {
  280.     background: none !important;
  281.     margin-top: -45px;
  282.     margin-left: 153px;
  283. }
  284. .res-nightmode .sidebox {
  285.     padding-left: 0px !important;
  286.     border: 2px solid #151515 !important;
  287. }
  288. .res-nightmode .morelink {
  289.     height: 29px !important;
  290. }
  291. .res-nightmode .morelink {
  292.     background: rgb(39, 63, 87) !important;
  293. }
  294. .res-nightmode .morelink:hover {
  295.     background: #449ef8 !important;
  296.     background-color: #9edbf8 !important;
  297.     border-color: #9edbf8 !important;
  298. }
  299. /* END NIGHTMODE FIX */
  300. /* END PRETTY SUBMIT LINKS */
  301. /*/r/naut buttons*/
  302.  
  303. button,#search input[type="submit"],.wiki-page .wiki-page-content .wiki_button{
  304.     margin:3px 3px 3px -25px;
  305.     padding:0px 8px 1px 8px;
  306.     background-color:#ffffff;
  307.     border:1px solid #d4d4d4;
  308.     border-radius:2px;
  309.     -webkit-box-shadow:0 1px 0 #e2e0e0;
  310.     box-shadow:0 1px 0 #e2e0e0;
  311.     color:#737373!important;
  312.     text-transform:capitalize;
  313.     font-weight:bold;
  314.     line-height:26px;
  315.     cursor:default;
  316. }
  317. button:hover,#search input[type="submit"]:hover,.wiki-page .wiki-page-content .wiki_button:hover {
  318.     padding-bottom:0px;
  319.     border-color:#bababa;
  320.     border-bottom-width:2px;
  321.     color:#333!important;
  322. }
  323. button:active,#search input[type="submit"]:active,.wiki-page .wiki-page-content .wiki_button:active {
  324.     padding-bottom:0px;
  325.     background-color:#e5e5e5;
  326.     border-color:#a7a7a7;
  327.     border-top-width:2px;
  328.     border-bottom-width:1px;
  329.     -webkit-box-shadow:none;
  330.     box-shadow:none;
  331.     color:#333!important;
  332.     line-height:25px;
  333. }
  334. .res .blueButton {
  335.     padding:2px 3px!important;
  336.     background-color:#53a93f!important;
  337.     border:none!important;
  338.     border-radius:0px!important;
  339. }
  340. .RESSubscriptionButton {
  341.     background-color:white!important;
  342.     border:0px solid!important;
  343.     border-radius:0px!important;
  344.     color:#5b92fa!important;
  345. }
  346.  
  347. /* Nightmode buttons*/
  348.  
  349. body.res-nightmode button,body.res-nightmode #search input[type="submit"],body.res-nightmode .wiki-page .wiki-page-content .wiki_button{
  350.     padding: 0px 8px 0px 8px;
  351.     background-color: transparent;
  352.     border: 1px solid #414955;
  353.     border-radius: 0px;
  354.     -webkit-box-shadow: none;
  355.     box-shadow: none;
  356.     color: #e5e5e5!important;
  357.     line-height: 28px;
  358. }
  359. body.res-nightmode button: hover,body.res-nightmode #search input[type="submit"]: hover,body.res-nightmode .wiki-page .wiki-page-content .wiki_button: hover{
  360.     padding-bottom: 0px;
  361.     border-color: #414955;
  362.     border-width: 1px;
  363.     color: #fff!important;
  364.     line-height: 28px;
  365.     background-color: #1C1F26;
  366. }
  367. body.res-nightmode button: active,body.res-nightmode #search input[type="submit"]: active,body.res-nightmode .wiki-page .wiki-page-content .wiki_button: active{
  368.     padding-bottom: 0px;
  369.     background-color: #1C1F26;
  370.     border-color: #414955;
  371.     border-width: 1px;
  372.     -webkit-box-shadow: none;
  373.     box-shadow: none;
  374.     color: #fff!important;
  375.     line-height: 28px;
  376. }
  377. .RESSubscriptionButton { background-color:transparent!important; }
  378. /*end r/naut buttons*/
  379. /*TABS*/
  380. .link, .side,.infobar, .content button,.info-notice, .stylesheet-customize-container .pretty-form, #images, .search-page .raisedbox, .search-page .searchfacets, .linefield, .search-page .searchpane, .nextprev, .roundfield {
  381.     border: 0px;
  382.     border-bottom: 3px solid rgba(8, 179, 109, 0.5)!important;
  383.     background-color: rgba(255, 255, 255, 0.73);
  384. }
  385. .link {
  386.     margin-right: 320px;
  387.     margin-bottom: 8px;
  388.     padding: 8px 10px 6px 10px;
  389.     border-radius: 2px;
  390. }
  391. .link {
  392.     margin: 8px;
  393.     margin-bottom: 15px;
  394.     padding-left: 15px;
  395.     margin-right: 316px;
  396. }
  397. /*SUBMIT TAB*/
  398. .roundfield, .submit-page, .content.submit, content.spacer, {
  399.     padding-right: 10px;
  400.     border: 0px;
  401.     border-bottom: 3px solid #e5e5e5!important;
  402.     background-color: #fff;
  403. }
  404. .roundfield {
  405. width: 520px
  406. }
  407.  
  408. h1 {
  409. margin-top: 25px;
  410. font-size: 0px;
  411. }
  412.  
  413. /*SUBMIT HORNI LISTA*/
  414. .submit-page .tabmenu.formtab .selected a {
  415.     padding: 5px 60px 0px 60px;
  416.     background-color: #08b36d;
  417.     color: #fff;
  418.     font-size: 18px;
  419. }
  420. .submit-page .tabmenu.formtab a {
  421.     padding: 5px 55px 0px 55px;
  422.     width: 100px;
  423.     background-color: white;
  424.     border: 0px solid;
  425.     color: #08B36D;
  426.     text-align: center;
  427.     font-weight: normal;
  428.     font-size: 14px;
  429. }
  430. .tabmenu.formtab .selected a {
  431.     color: white;
  432.     font-size: 130%;
  433.     background-color: #5f99cf;
  434.     border: none;
  435. }
  436. .submit-page .tabmenu li a {
  437.     margin: 0px;
  438. }
  439. .formtabs-content {
  440.     padding-top: 0px;
  441.     border-top: 5px solid #08b36d;
  442. }
  443. ul.tabmenu.formtab {
  444.     padding-left: 100px;
  445. }
  446. /*END SUMBIT HORNI LISTA*/
  447. /*END SUBMIT TAB*/
  448. /*SUBMIT PAGE*/
  449. .commentarea > .usertext {
  450.     background-color: #FAFAFA !important;
  451.     margin: -67px 0 -21px 0;
  452.     padding: 65px 0 5px 20px !important;
  453.     overflow: visible;
  454.     margin-right: 318px;
  455.     margin-left: 10px;
  456.     margin-bottom: 10px;
  457. }
  458. .commentarea .menuarea {
  459.     margin: 0px 310px 10px 35px;
  460.     }
  461. .commentarea .thing {
  462.     margin: 0 0 8px 0;
  463.     padding: 18px 0px 0px 14px;
  464. }
  465. .comment {
  466.     margin-left: 10px;
  467. }
  468. .panestack-title .title {
  469.     margin: 38px 29px;
  470. }
  471. .panestack-title {
  472.     border-bottom: none;
  473. }
  474. /*END SUBMIT PAGE*/
  475. /*END TABS*/
  476. /*MISC*/
  477. .md textarea, .md .-text, .md p, .md pre>code, .md th, .md td, .md li {
  478.     font-size: 1em;
  479.     line-height: 1.4285714285714286em;
  480. }
  481. body {
  482.     background: url(%%bg%%) center center;
  483. }
  484.  
  485. body > .content {
  486.     margin: 15px 5px 0;
  487. }
  488. /*SIDEBAR*/
  489. .side {
  490. background-color: transparent;
  491. }
  492.  
  493. a[href="/sidebar"]:after {
  494.     content: url(%%sidebarpic%%)
  495. }
  496. titlebox form.toggle, .leavemoderator {
  497.     margin: 0;
  498.     padding: 5px 0px;
  499.     font-size: smaller;
  500.     color: #CEF1D0;
  501.     background: #08B36D none no-repeat scroll center left;
  502. }
  503. /*END SIDEBAR*/
  504. /*nvm*/
  505. .redditname,
  506. .score .number {
  507.     font-family: Roboto !important;
  508.     font-weight: bold !important;
  509. }
  510. /*end nvm*/
  511. /*END MISC*/
  512.  
  513. /*FONT COLORS*/
  514. .thing .title { /*title color*/
  515.     color: #18b775;
  516. }
  517. .thing .title:visited, .thing.visited .title {
  518.     color: #0D7145;
  519. }
  520. .tagline a, .search-result-meta a {
  521.     color: rgb(255, 202, 42);
  522.     text-shadow: 1px 1px 0px RGB(161, 118, 39);
  523.     }
  524. .error {
  525.     color: #f96300;
  526.     font-size: small;
  527.     padding-left: 37px;
  528. }
  529. /*END FONT COLORS*/
  530. /*FONTS*/
  531. .link .title {
  532.     margin: 0px 0px 0px 0px;
  533.     font-size: 13.5pt;
  534.     font-family: Arial,sans-serif;
  535.     overflow: visible;
  536. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement