API tools faq
paste
Advertisement
Shieldxx

r/Hattrick test 0.0.2

Shieldxx
Jun 1st, 2016
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.97 KB | None | 0 0
raw download clone embed print report
  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: relative;
  18.     display: block;
  19.     top: -180px;
  20.     margin-left: auto;
  21.     margin-right: auto;
  22.     background: url(%%htlogo%%);
  23.     background-position: 0 0;
  24.     background-repeat: no-repeat;
  25.     width: 272px;
  26.     height: 68px;
  27.     text-indent:-9999px;
  28.     font-size: 0px;
  29. }
  30. /*END HEADER LOGO*/
  31. /*HEADER*/
  32. *,
  33. :before,
  34. :after {
  35.     -webkit-box-sizing: border-box;
  36.     -moz-box-sizing: border-box;
  37.     box-sizing: border-box;
  38. }
  39. /*END HEADER*/
  40. /*REDDIT ICON*/
  41.  
  42. #header-img.default-header,
  43. #header-img {
  44.     z-index: 99;
  45.     width: 48px;
  46.     padding-left: 48px;
  47.     height: 54px;
  48.     background-image: url(%%redditlogoht%%);
  49.     background-size: cover;
  50.     background-position: center;
  51.     position: relative;
  52. }
  53. #header-img {
  54.     margin-top: 140px;
  55.     margin-left: 20px;
  56. }
  57. /*SUBREDITS LISTA*/
  58.  
  59. #sr-header-area {
  60.     background-color: rgba(0, 0, 0, 0.05);
  61.     border: 0 solid;
  62.     transition: all .15s ease;
  63.     height: 24px;
  64.     line-height: 23px;
  65.     text-transform: uppercase;
  66. }
  67. #sr-header-area .sr-list {
  68.     margin-right: 48px;
  69. }
  70. #sr-header-area .width-clip {
  71.     right: 300px;
  72. }
  73. #sr-more-link {
  74.     background-color: transparent
  75. }
  76. /*RIGHT SIDEBAR*/
  77. .side {
  78.     float: right;
  79.     background-color: white;
  80.     margin: 0px 5px 0 5px;
  81.     width: 300px;
  82.     position: relative;
  83.     top: 0px;
  84. }
  85. body > .content {
  86.     margin: 15px 5px 0;
  87. }
  88.  
  89. /*LOGOUT BAR*/
  90.  
  91. #header-bottom-right {
  92.     position: absolute;
  93.     top: 0;
  94.     right: 0;
  95.     width: auto;
  96.     max-width: 300px;
  97.     height: 24px;
  98.     background-color: transparent;
  99.     font-size: 11px;
  100.     color: rgba(255, 255, 255, 0.45);
  101.     padding: 5px 8px 4px 2px;
  102. }
  103. a {
  104.     text-decoration: none;
  105.     color: black;
  106. }
  107. .separator {
  108.     color: transparent;
  109. }
  110. .user {
  111.     color: black;
  112. }
  113. /*MENU*/
  114. /*MENU TABS DELETE*/
  115.  
  116. .listing-page .tabmenu li:nth-child(3),
  117. .listing-page .tabmenu li:nth-child(4),
  118. .listing-page .tabmenu li:nth-child(5),
  119. .listing-page .tabmenu li:nth-child(6),
  120. .listing-page .tabmenu li:nth-child(8),
  121. .listing-page .tabmenu li:nth-child(9) {
  122.     display: none;
  123. }
  124. #header .tabmenu li {
  125.     margin: 0;
  126. }
  127. #header .tabmenu a {
  128.     margin: 0 3px;
  129. }
  130. /*END MENU TABS DELETE*/
  131. /*MENU BG*/
  132.  
  133. #header .tabmenu:before {
  134.     content: "";
  135.     display: block;
  136.     position: absolute;
  137.     top: 170px;
  138.     left: 0px;
  139.     right: 0px;
  140.     background-color: rgba(0, 0, 0, 0.24);
  141.     height: 42px;
  142.     z-index: -1;
  143. }
  144. /*END MENU BG*/
  145.  
  146. #header .tabmenu li a {
  147.     color: #E6E6E6;
  148.     background-color: transparent;
  149.     border: none;
  150.     transition: color .25s ease,background-color .25s ease;
  151.     padding: 13px;
  152. }
  153. #header .tabmenu .selected a {
  154.     color: white;
  155.     background-color: transparent;
  156.     border: none;
  157.     background: url(%%tabsimg%%);
  158.     padding: 12px;
  159. }
  160. .tabmenu li {
  161.     margin: 0px 30px;
  162.     position: relative;
  163.     display: inline-block;
  164.     top: -25px;
  165. }
  166. #header .tabmenu li a:hover,
  167. .pagename a:hover {
  168.     background-color: rgba(0, 0, 0, 0.12);
  169.     background: url(%%tabsimghover%%);
  170. }
  171. #header .tabmenu li a:hover {
  172.     color: rgba(255, 255, 255, 1);
  173.     background-color: rgba(0, 0, 0, 0.08);
  174. }
  175. /*GAVIN19 MENU MINIMIZED FIX*/
  176.  
  177. #header .tabmenu {
  178.     position: absolute;
  179.     top: 182px;
  180.     left: 0;
  181.     right: 0;
  182.     line-height: 42px;
  183.     margin: -6px;
  184.     max-height: 42px;
  185.     overflow: hidden;
  186.     padding-left: 70px;
  187.     white-space: normal;
  188.     z-index: 90;
  189. }
  190. #header .tabmenu:before {
  191.     bottom: 0;
  192.     top: auto;
  193. }
  194. #header .tabmenu li {
  195.     margin: 0;
  196.     padding: 2px 2%;
  197.     /*menu offset*/
  198.    
  199.     top: 0;
  200. }
  201. /*END GAVIN19 MENU MINIMIZED FIX*/
  202. /*END MENU*/
  203. /* PRETTY SUBMIT LINKS by /u/RainbowCrash*/
  204.  
  205. .morelink {
  206.     font-weight: normal;
  207.     letter-spacing: 0;
  208.     background: #08B36D;
  209.     border: none;
  210.     -moz-border-radius: 2px;
  211.     -webkit-border-radius: 2px;
  212.     -o-border-radius: 2px;
  213.     -ms-border-radius: 2px;
  214.     -khtml-border-radius: 2px;
  215.     border-radius: 2px;
  216.     height: 30px;
  217.     line-height: 30px;
  218.     overflow: hidden;
  219.     color: white;
  220. }
  221. .morelink:hover {
  222.     background: #078853;
  223.     background-color: #078853;
  224.     border-color: #078853;
  225. }
  226. .morelink .nub {
  227.     display: none;
  228. }
  229. .morelink {
  230.     color: #FFF;
  231.     font-family: Verdana, Arial, sans-serif;
  232.     font-size: 16px;
  233.     width: 145px;
  234. }
  235. .morelink a,
  236. .morelink a:hover {
  237.     color: white;
  238. }
  239. .sidebox.submit-link .morelink::before {
  240.     display: block;
  241.     clear: none;
  242.     content: "Submit a Link";
  243.     font-size: 95%;
  244. }
  245. .sidebox.submit-text .morelink::before {
  246.     display: block;
  247.     clear: none;
  248.     content: "Submit a Self Post";
  249.     font-size: 90%;
  250. }
  251. .sidebox.submit .morelink a {
  252.     position: absolute;
  253.     top: 0;
  254.     padding-left: 1000px;
  255.     font-size: 0px;
  256.     text-align: right;
  257.     color: #56a6f7;
  258. }
  259. .sidebox.submit.submit-link {
  260.     width: 150px;
  261. }
  262. .sidebox.submit.submit-text {
  263.     margin-top: -42px;
  264.     /*Edit this is the buttons aren't parallel*/
  265.    
  266.     margin-left: 153px;
  267. }
  268. .sidebox.create {
  269.     display: none;
  270. }
  271. .sidebox.submit.disabled {
  272.     display: none;
  273. }
  274. /* NIGHTMODE FIXES */
  275.  
  276. .res-nightmode .sidebox.submit.submit-text {
  277.     background: none !important;
  278.     margin-top: -45px;
  279.     margin-left: 153px;
  280. }
  281. .res-nightmode .sidebox {
  282.     padding-left: 0px !important;
  283.     border: 2px solid #151515 !important;
  284. }
  285. .res-nightmode .morelink {
  286.     height: 29px !important;
  287. }
  288. .res-nightmode .morelink {
  289.     background: rgb(39, 63, 87) !important;
  290. }
  291. .res-nightmode .morelink:hover {
  292.     background: #449ef8 !important;
  293.     background-color: #9edbf8 !important;
  294.     border-color: #9edbf8 !important;
  295. }
  296. /* END NIGHTMODE FIX */
  297. /* END PRETTY SUBMIT LINKS */
  298. /*/r/naut buttons*/
  299.  
  300. button,#search input[type="submit"],.wiki-page .wiki-page-content .wiki_button{
  301.     margin:3px 3px 3px 3px;
  302.     padding:0px 8px 1px 8px;
  303.     background-color:#ffffff;
  304.     border:1px solid #d4d4d4;
  305.     border-radius:2px;
  306.     -webkit-box-shadow:0 1px 0 #e2e0e0;
  307.     box-shadow:0 1px 0 #e2e0e0;
  308.     color:#737373!important;
  309.     text-transform:capitalize;
  310.     font-weight:bold;
  311.     line-height:26px;
  312.     cursor:default;
  313. }
  314. button:hover,#search input[type="submit"]:hover,.wiki-page .wiki-page-content .wiki_button:hover {
  315.     padding-bottom:0px;
  316.     border-color:#bababa;
  317.     border-bottom-width:2px;
  318.     color:#333!important;
  319. }
  320. button:active,#search input[type="submit"]:active,.wiki-page .wiki-page-content .wiki_button:active {
  321.     padding-bottom:0px;
  322.     background-color:#e5e5e5;
  323.     border-color:#a7a7a7;
  324.     border-top-width:2px;
  325.     border-bottom-width:1px;
  326.     -webkit-box-shadow:none;
  327.     box-shadow:none;
  328.     color:#333!important;
  329.     line-height:25px;
  330. }
  331. .res .blueButton {
  332.     padding:2px 3px!important;
  333.     background-color:#53a93f!important;
  334.     border:none!important;
  335.     border-radius:0px!important;
  336. }
  337. .RESSubscriptionButton {
  338.     background-color:white!important;
  339.     border:0px solid!important;
  340.     border-radius:0px!important;
  341.     color:#5b92fa!important;
  342. }
  343.  
  344. /* Nightmode buttons*/
  345.  
  346. body.res-nightmode button,body.res-nightmode #search input[type="submit"],body.res-nightmode .wiki-page .wiki-page-content .wiki_button{
  347.     padding: 0px 8px 0px 8px;
  348.     background-color: transparent;
  349.     border: 1px solid #414955;
  350.     border-radius: 0px;
  351.     -webkit-box-shadow: none;
  352.     box-shadow: none;
  353.     color: #e5e5e5!important;
  354.     line-height: 28px;
  355. }
  356. body.res-nightmode button: hover,body.res-nightmode #search input[type="submit"]: hover,body.res-nightmode .wiki-page .wiki-page-content .wiki_button: hover{
  357.     padding-bottom: 0px;
  358.     border-color: #414955;
  359.     border-width: 1px;
  360.     color: #fff!important;
  361.     line-height: 28px;
  362.     background-color: #1C1F26;
  363. }
  364. body.res-nightmode button: active,body.res-nightmode #search input[type="submit"]: active,body.res-nightmode .wiki-page .wiki-page-content .wiki_button: active{
  365.     padding-bottom: 0px;
  366.     background-color: #1C1F26;
  367.     border-color: #414955;
  368.     border-width: 1px;
  369.     -webkit-box-shadow: none;
  370.     box-shadow: none;
  371.     color: #fff!important;
  372.     line-height: 28px;
  373. }
  374. .RESSubscriptionButton { background-color:transparent!important; }
  375. /*end r/naut buttons*/
  376. /*MISC*/
  377. body {
  378.     background: url(%%bg%%) center center;
  379. }
  380.  
  381. body > .content {
  382.     margin: 15px 5px 0;
  383. }
  384. /*SIDEBAR*/
  385. .side {
  386. background-color: transparent;
  387. }
  388.  
  389. a[href="/sidebar"]:after {
  390.     content: url(%%sidebarpic%%)
  391. }
  392. titlebox form.toggle, .leavemoderator {
  393.     margin: 0;
  394.     padding: 5px 0px;
  395.     font-size: smaller;
  396.     color: #CEF1D0;
  397.     background: #08B36D none no-repeat scroll center left;
  398. }
  399. /*END SIDEBAR*/
  400. /*nvm*/
  401. .redditname,
  402. .score .number {
  403.     font-family: Roboto !important;
  404.     font-weight: bold !important;
  405. }
  406. /*end nvm*/
  407. /*END MISC*/
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!