Advertisement
Ordona

/r/starbound stylesheet img+text flair rough

Apr 13th, 2013
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.26 KB | None | 0 0
  1. #header {
  2.     background: url(%%StarboundBanner%%) top left;
  3.     border-bottom:1px solid #000000;
  4.     background-color:#0f0d32;
  5.     height:100px;
  6. }
  7.  
  8. #header-img {
  9.     margin-top:5px;
  10.     margin-right: 10px;
  11.     margin-left: 5px;
  12.     margin-bottom:5px;
  13. }
  14. .sr-bar a {color: white;}
  15.  
  16. #sr-header-area {border: 0; background-color:black;}
  17.  
  18. .dropdown.srdrop .selected {color:white;}
  19. .pagename {
  20.     font-weight:bold;
  21.     margin-right:1ex;
  22.     font-variant:small-caps;
  23.     font-size:1.2em;
  24.     vertical-align:bottom;
  25. }
  26.  
  27. .pagename a { color:white; }
  28.  
  29. .redditname { }
  30.  
  31. .newpagelink {
  32.     padding:3px 5px;
  33.     background-color:#ff9;
  34. }
  35.  
  36. /*replace "readers" with something else*/  
  37. div.titlebox span.word {  
  38.     display: none  
  39. }  
  40. div.titlebox span.number:after {  
  41.     content: " Space Pilgrims"  
  42. }  
  43.  
  44. /* FLAIR STUFF, with some fixes from /r/DontStave */
  45. .flair{
  46.     border:none!important;
  47.     padding:0 32px 0 0;
  48.     display:inline-block;
  49.     width:32px;
  50.     height:32px
  51.     }
  52.  
  53. span.flair-noflair{
  54.     text-indent:0 !important;
  55.     padding:0 2px !important;
  56.     width:auto;
  57.     min-width:0;
  58.     voice-family:takei
  59. }
  60.  
  61. span.flair{
  62.     text-indent:0px;
  63.     padding:0 32px;
  64.     width:auto;
  65.     height:-5px;
  66.     min-width:3px!important;
  67.     font-size:10px;
  68.     voice-family:takei
  69. }
  70.  
  71. .flair-tiy {
  72.     height: 34px;
  73.     width: 25px;
  74.     background: url(%%tiy-34%%) no-repeat scroll transparent;
  75. }
  76.  
  77. .flair-omni {
  78.     height: 34px;
  79.     width: 25px;
  80.     background: url(%%omni-32%%) no-repeat scroll transparent;
  81. }
  82.  
  83. .flair-bartwe {
  84.     height: 34px;
  85.     width: 25px;
  86.     background: url(%%bartwe-32%%) no-repeat scroll transparent;
  87. }
  88.  
  89. .flair-tasty{
  90.     height: 34px;
  91.     width: 25px;
  92.     background: url(%%tasty-32%%) no-repeat scroll transparent;
  93. }
  94.  
  95. .flair-molly{
  96.     height: 34px;
  97.     width: 25px;
  98.     background: url(%%molly-32%%) no-repeat scroll transparent;
  99. }
  100.  
  101. .flair-kyren{
  102.     height: 34px;
  103.     width: 25px;
  104.     background: url(%%kyren-32%%) no-repeat scroll transparent;
  105. }
  106.  
  107. .flair-rho{
  108.     height: 34px;
  109.     width: 25px;
  110.     background: url(%%rho-32%%) no-repeat scroll transparent;
  111. }
  112.  
  113. /* Start Clickable Sticky */
  114. /* CREDIT: CSS from the /R/ANDROID subreddit - done by DEODRUS  */
  115. /*New Announcement Style*/
  116. .titlebox .usertext-body .md h3 {
  117.     display: block;
  118.     position: absolute;
  119.     top: 95px;
  120.     left: 0px;
  121.     background-color: skyblue;
  122.     background-repeat: no-repeat;
  123.     font-family: verdana, sans-serif;
  124.     font-size: 12px;
  125.     font-weight: bold;
  126.     color: white;
  127.     text-align: left;
  128.     padding: 13px 5px 13px 13px;
  129.     margin: 15px;
  130.     margin-left: 4px;
  131.     border-radius: 8px
  132. }
  133.  
  134. /* Increasing margin after header-area, necessary for comments page */
  135. body > .content {
  136.     padding-top: 50px
  137. }
  138.  
  139. /* Allow absolute positioning to page */
  140. .titlebox form {
  141.     position: static
  142. }
  143.  
  144. /* Inactive link */
  145. .titlebox .usertext-body .md h3 a, .titlebox .usertext-body .md h3 a:link, .titlebox .usertext-body .md h3 a:visited {
  146.     color: #666666
  147. }
  148.  
  149. /* Link on hover */
  150. .titlebox .usertext-body .md h3 a:hover {
  151.     color: #588096
  152. }
  153.  
  154. /* Catches all <a> */
  155. .titlebox .usertext-body .md h3 a:before {
  156.     content: "";
  157.     color: #588096;
  158.     border-right: 0px solid #444;
  159. }
  160. /* End Clickable Sticky */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement