API tools faq
paste
Advertisement
Guest User

Character sub CSS

a guest
Dec 21st, 2014
255
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.21 KB | None | 0 0
raw download clone embed print report
  1. /*--------------------------------------------------------------------------
  2.     [Character subreddit Template 1.0]
  3.        
  4.     Project:    FSN Character subreddits
  5.     Admin:      Yween & Phnglui
  6.         Banner by:      Soah1086
  7.     Flairs by:      
  8.  Comment Faces by:      
  9.  
  10. This stylesheet is the combined work of /u/Phnglui and /u/Yween.
  11. --------------------------------------------------------------------------*/
  12.  
  13. /*===============================BANNER===============================*/
  14.  
  15.  
  16. #header-bottom-left {
  17. background: url(%%banner1%%);
  18. font-size: xx-small;
  19. height: 150px;
  20. }
  21.  
  22. /*===============================LOGO===============================*/
  23.  
  24.  
  25. .pagename a{
  26.     display: block;
  27.     background-image: url(%%logo1%%);
  28.     background-repeat: no-repeat;
  29.     width: 177px;
  30.     height: 150px;
  31.     margin: 0px auto;
  32.     font-size: 0px;
  33.     padding: 0px;
  34.     left: 110px;
  35.     position: absolute;
  36.     top: 12px;
  37.     z-index: 300;
  38. }
  39.  
  40. .pagename a:hover{
  41.     display: block;
  42.     background-image: url(%%logo2%%);
  43.     background-repeat: no-repeat;
  44.     width: 177px;
  45.     height: 150px;
  46.     margin: 0px auto;
  47.     font-size: 0px;
  48.     padding: 0px;
  49.     left: 110px;
  50.     position: absolute;
  51.     top: 12px;
  52.     z-index: 300;
  53. }
  54.  
  55.  
  56.  
  57. /*===============================TABS===============================*/
  58.  
  59. #header-bottom-left .tabmenu {
  60.     list-style-type: none;
  61.     white-space: nowrap;
  62.     display: block;
  63.     float: right;
  64.     margin: 70px 0 0
  65.     }
  66.  
  67. #header-bottom-left .tabmenu li {
  68.     display: block;
  69.     float: left;
  70.     font-weight: normal;
  71.     margin: 0;
  72.     Height: 39px;
  73.     }
  74.  
  75. #header-bottom-left .tabmenu li:last-of-type {
  76.     border-right: none;
  77.     }
  78.  
  79. #header-bottom-left .tabmenu li a {
  80.     display: block;
  81.     color: #D5E3D5;
  82.     line-height: 39px;
  83.     padding: 0 1em;
  84.     background-color: #C4A92F;
  85.     Height: 39px;
  86.     }
  87.  
  88. #header-bottom-left .tabmenu li.selected a {
  89.     background: #0e416a;
  90.     color: none;
  91.     font-weight: bold;
  92.     text-shadow: #fff 0 1px 0;
  93.     border: none;
  94.     z-index: 100
  95.     }
  96.  
  97. .tabmenu li a {
  98.     background-color: white !important;
  99.     color: #445461 !important;
  100.     font: bold 160%/28px Arial, sans-serif;
  101.     -webkit-border-top-left-radius: 1px;                          
  102.     -webkit-border-top-right-radius: 1px;
  103.     -moz-border-radius-topleft: 1px;
  104.     -moz-border-radius-topright: 1px
  105.     }
  106.  
  107. .tabmenu li a:hover {
  108. transition: 0.25s ease-in-out;
  109.     font: bold 160%/28px Arial, sans-serif;
  110.     background-color: #0e416a !important;            /* Change this to your character color */
  111.     color: white !important;
  112.     }
  113.  
  114.  
  115.  .tabmenu{
  116.     position:absolute !important;
  117.     top:100px !important;
  118.     left:0px !important;
  119.     }
  120.  
  121. div.content {
  122.     margin-top: 0px !important;
  123.     }
  124.  
  125. /*===============================SIDEBAR IMAGE===============================*/
  126.  
  127. .titlebox h1 a{
  128. background-image:url(%%sheader%%);    /* sidebar image */
  129. background-repeat:no-repeat;
  130. display:block;margin:0 auto;
  131. width:292px;
  132. height:418px;
  133. text-indent:-9999px;
  134. }
  135.  
  136. /*===============================SIDEBAR===============================*/
  137.  
  138. .sidecontentbox .content {
  139.     display: block;
  140.     background-color: #F5F5F5;
  141.     border-width: 1px 0px;
  142.     border-style: solid;
  143.     border-color: #C1BFBF;
  144.     margin: 0px;
  145.     margin-bottom: 0px;
  146.     padding: 0px;
  147. }
  148.  
  149. .side {
  150.     width: 300px;
  151.     margin: 11px 0px 40px auto;
  152.     padding: 0px 5px 0px 5px!important;
  153.     background-color: #f8f8f8;
  154.     z-index: 0;
  155.  
  156.     border: 0px solid #9A9A9A;
  157.     box-shadow: 0px 1px 3px 1px #A5B9CE;
  158.     overflow: hidden;
  159. }
  160.  
  161. div.titlebox span.word {
  162.   display: none;
  163. }
  164. div.titlebox > .subscribers > span.number:after { /* subscribers text when not subscribed*/
  165.   content: " fans, excluding you!"
  166. }
  167. .subscriber div.titlebox > .subscribers > span.number:after { /* subscribers text */
  168.   content: " fans"
  169. }
  170. div.titlebox > .users-online > span.number:after { /* people online text */
  171.   content: " currently fanboying"
  172. }
  173.  
  174. .commentarea form.usertext {
  175. clear: none !important;
  176. }
  177.  
  178.  
  179. /*===============================SIDEBAR HEADERS===============================*/
  180.  
  181.  
  182. .titlebox .usertext .md > h2{
  183.     font-family: georgia;
  184.     font-weight: bold;
  185.     background-image: url(%%sidebar-about%%);
  186.     color:white;
  187.     display: inline-block;
  188.     font-size: 1.4em;
  189.     border-top:none;
  190.     font-size:28px;
  191.     padding:0px 0px 0px 5px;text-align:left;
  192.     line-height: 2.1em;
  193.     width:295px!important;
  194.     height:50px!important;
  195.     }
  196.  
  197.  
  198. .titlebox .usertext .md > h3{
  199.    font-family: georgia;
  200.     font-weight: bold;
  201.     background-image: url(%%sidebar-rules%%);
  202.     color:white;
  203.     display: inline-block;
  204.     font-size: 1.4em;
  205.     border-top:none;
  206.     font-size:28px;
  207.     padding:0px 0px 0px 5px;text-align:left;
  208.     line-height: 2.1em;
  209.     width:295px!important;
  210.     height:50px!important;
  211.     }
  212.  
  213.  
  214.  
  215. .titlebox .usertext .md > h4{
  216.    font-family: georgia;
  217.     font-weight: bold;
  218.     background-image: url(%%sidebar-useful%%);
  219.     color:white;
  220.     display: inline-block;
  221.     font-size: 1.4em;
  222.     border-top:none;
  223.     font-size:28px;
  224.     padding:0px 0px 0px 5px;text-align:left;
  225.     line-height: 2.1em;
  226.     width:295px!important;
  227.     height:50px!important;
  228.     }
  229.  
  230.  
  231. .titlebox .usertext .md > h5{
  232.    font-family: georgia;
  233.     font-weight: bold;
  234.     background-image: url(%%sidebar-related%%);
  235.     color:white;
  236.     display: inline-block;
  237.     font-size: 1.4em;
  238.     border-top:none;
  239.     font-size:28px;
  240.     padding:0px 0px 0px 5px;text-align:left;
  241.     line-height: 2.1em;
  242.     width:295px!important;
  243.     height:50px!important;
  244.     }
  245.  
  246. .titlebox .usertext .md > h6{
  247.    font-family: georgia;
  248.     font-weight: bold;
  249.     background-image: url(%%saber-faces%%);
  250.     color:white;
  251.     display: inline-block;
  252.     font-size: 1.4em;
  253.     border-top:none;
  254.     font-size:28px;
  255.     padding:0px 0px 0px 5px;text-align:left;
  256.     line-height: 2.1em;
  257.     width:295px!important;
  258.     height:50px!important;
  259.     }
  260.    
  261.     .submit-page #text-desc, .submit-page #link-desc, .submit-page #title-field .title {
  262.     font-size: 0px;
  263.     }
  264.  
  265.  
  266. /*===============================BACKGROUND===============================*/
  267.  
  268.  
  269. div.content {
  270. margin-top: 31px !important;     /* ignore this */
  271. }
  272.  
  273. body div.content{
  274. margin:0px 309px 80px 0px!important;
  275. padding:0px 0px 0px 0px!important;
  276. -webkit-border-bottom-right-radius:5px!important;
  277. -webkit-border-bottom-left-radius:5px!important;
  278. -webkit-border-top-right-radius:5px!important;
  279. -webkit-border-top-left-radius:5px!important;
  280. -moz-border-radius-bottomright:5px!important;
  281. -moz-border-radius-bottomleft:5px!important;
  282. -moz-border-radius-topright:5px!important;
  283. -moz-border-radius-topleft:5px!important}
  284.  
  285. .linklisting{
  286. bottom:0px;
  287. margin-top:10px;
  288. margin-bottom:0px!important;
  289. margin-left:0px;
  290. margin-right:auto;
  291. padding:7px 0px 7px 0px!important;
  292. background:url(%%background2%%) no-repeat fixed center center transparent;     /* Background image */
  293. border:3px solid #D2D2D2;border-color:#FFFFFF;
  294. -webkit-box-shadow:0px 2px 6px #BBBBBB;
  295. -moz-box-shadow:0px 2px 6px #BBBBBB;
  296. box-shadow:0px 2px 6px #BBBBBB;
  297. -webkit-border-bottom-right-radius:1px!important;
  298. -webkit-border-bottom-left-radius:1px!important;
  299. -webkit-border-top-right-radius:1px!important;
  300. -webkit-border-top-left-radius:1px!important;
  301. -moz-border-radius-bottomright:5px!important;
  302. -moz-border-radius-bottomleft:5px!important;
  303. -moz-border-radius-topright:5px!important;
  304. -moz-border-radius-topleft:5px!important}
  305.  
  306.  
  307.  
  308. /*===============================KARMA COUNTER===============================*/
  309.  
  310.  
  311. .side {
  312. margin: 40px 0px 40px auto;
  313. }
  314. #header-bottom-right {
  315. top: 174px !important;
  316. bottom: auto;
  317. background-color: white;
  318. }
  319.  
  320. #header-bottom-right a{
  321. color: #0e416a;
  322. }
  323.  
  324. #header-bottom-right:hover {
  325. opacity: 90;
  326. }
  327.  
  328. #header-bottom-right {transition: 0.5s;}
  329.  
  330. #header-bottom-right a {transition: 0.5s;}
  331.  
  332. #header-bottom-right a:hover {
  333. }
  334.  
  335. #userbarToggle {
  336. min-height: 22px;
  337. position: absolute;
  338. top: auto;
  339. bottom: 0;
  340. left: -5px;
  341. width: 16px;
  342. padding-right: 3px;
  343. height: 100%;
  344. font-size: 15px;
  345. border-radius: 4px 0;
  346. color: black;
  347. display: inline-block;
  348. background-color: #0e416a !important;             /* RES Toggle bar */
  349. border-right: 1px solid #0e416a !important;       /* tiny line */
  350. cursor: pointer;
  351. text-align: right;
  352. line-height: 24px;
  353. }
  354.  
  355.  
  356. /*===============================Submit Buttons===============================*/
  357.  
  358. .nub {
  359.     display: none;
  360.     }
  361.  
  362. .submit-link .morelink {
  363.     background: #0e416a !important;
  364.  
  365. }
  366.  
  367. .submit-link .morelink a {
  368.     color: white;
  369. }
  370.  
  371. .submit-text .morelink {
  372.     background: #0e416a!important;
  373.  
  374. }
  375. .submit-text .morelink a {
  376.     color: white;
  377. }
  378.  
  379.  
  380.  
  381. /*===============================STAMP===============================*/
  382.  
  383. .footer:before {
  384. display: block;
  385. margin: 0px;
  386. padding: 0px;
  387. color: grey;
  388. content: "Subreddit Stylesheet by /u/Yween & /u/Phnglui";
  389. text-transform: none;
  390. font-size: 16px;
  391. font-family: arial, sans-serif;
  392. }
  393.  
  394.  
  395. /*--------------------------------------------------------------------------*/
  396.  
  397. /*===============================FLAIRS===============================*/
  398.  
  399.  
  400. /*===============================COMMENT FACES===============================*/
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!