Public Pastes
Pastebin PRO Accounts EASTER SPECIAL! For a limited time only get 40% discount on a LIFETIME PRO account! Offer Ends Soon!
SHARE
TWEET

Bifrost Brown Theme

8chasa Jan 13th, 2015 (edited) 51 Never
  1. /* Main */
  2. body{
  3.         background: url('http://i.imgur.com/llUcKYC.jpg') repeat center center fixed;
  4.         background-size: 180%;
  5.         background-color:black;
  6.         color:white;
  7. }
  8.  
  9. h1,div.subtitle {
  10.         color:#fff!important;
  11.         text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  12. }
  13. h2{
  14.         color:#fff;
  15.         text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  16.         font-size:11pt;
  17.         margin:0;
  18.         padding:0;
  19. }
  20.  
  21. a:link,a:visited, a.post_no {
  22.         color:#D9C3A5;
  23.         text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  24. }
  25. a:hover, a:link:hover, a.post_no:hover {
  26.         color:#D9B179!important
  27. }
  28.  
  29.  
  30. p.intro a.email span.name       {
  31.         color:#D9C3A5;
  32.         font-weight: bold;
  33.         text-decoration: underline;
  34. }
  35. p.intro a.email span.name:hover {
  36.         color:#D9B179;
  37. }
  38. p.intro span.subject    {
  39.         color:#B7C7FF
  40. }
  41. p.intro span.name       {
  42.         color:#f2ba75
  43. }
  44. .thread {
  45.         text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  46. }
  47. hr {
  48.         background:url('http://i.imgur.com/FngR0nY.png') repeat-x center;
  49.         /*background-color:rgba(149, 120, 79, 0.6);*/
  50.         border: 0;
  51.         height:10px
  52. }
  53. img.board_image {
  54.         border:1px solid rgba(149, 120, 79, 0.6);
  55. }
  56. img.post-image, img.full-image, img.thread-image {
  57.         cursor: url(http://i.imgur.com/LMrB2t6.png) 9 1, default !important;
  58. }
  59. img.flag, img.flag_preview {
  60.         background: rgba(255, 255, 255, 1);
  61.         padding: 1px;
  62.         border-radius:3px;
  63.         margin-bottom:-4px;
  64. }
  65.  
  66. div.banner      {
  67.         background-color:rgba(29, 20, 7, 0.6);
  68.         border:1px solid rgba(149, 120, 79, 0.8);
  69. }
  70.  
  71. div.post.reply  {
  72.        
  73.         background: -moz-linear-gradient(top, rgba(29,20,7,0.5) 0%, rgba(29,20,7,0.5) 25%, rgba(29,20,7,0) 100%); /* FF3.6+ */
  74. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29,20,7,0.5)), color-stop(25%,rgba(29,20,7,0.5)), color-stop(100%,rgba(29,20,7,0))); /* Chrome,Safari4+ */
  75. background: -webkit-linear-gradient(top, rgba(29,20,7,0.5) 0%,rgba(29,20,7,0.5) 25%,rgba(29,20,7,0) 100%); /* Chrome10+,Safari5.1+ */
  76. background: -o-linear-gradient(top, rgba(29,20,7,0.5) 0%,rgba(29,20,7,0.5) 25%,rgba(29,20,7,0) 100%); /* Opera 11.10+ */
  77. background: -ms-linear-gradient(top, rgba(29,20,7,0.5) 0%,rgba(29,20,7,0.5) 25%,rgba(29,20,7,0) 100%); /* IE10+ */
  78. background: linear-gradient(to bottom, rgba(29,20,7,0.5) 0%,rgba(29,20,7,0.5) 25%,rgba(29,20,7,0) 100%); /* W3C */
  79. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801d1407', endColorstr='#001d1407',GradientType=0 ); /* IE6-9 */
  80.         border:0px solid rgba(149, 120, 79, 0.5);
  81.         border-radius:10px;
  82.         margin-bottom:2px;
  83.         margin-left:16px;
  84.         margin-top:2px
  85. }
  86. div.post.reply.highlighted      {
  87.         background-color:rgba(29, 20, 7, 0.7);
  88.         border:1px solid rgba(149, 120, 79, 0.7);
  89.     margin-left: 30px;
  90.     margin-top: +1px;
  91.     margin-bottom: +1px;
  92. }
  93. div.post.reply.post-hover       {
  94.         background-color: rgba(29, 20, 7, 1.0);
  95.         border:0px!important;
  96. }
  97. div.post.reply div.body a       {
  98.         color:#D9C3A5
  99. }
  100. div.post.reply div.body a:hover {
  101.         color:#D9B179
  102. }
  103. div.post-hover  {
  104.         border:1px solid #000!important;
  105.         box-shadow:none!important
  106. }
  107.  
  108. .theme-catalog div.thread {
  109.         background-color:rgba(29, 20, 7, 0.4);
  110.         border:1px solid rgba(149, 120, 79, 0.4);
  111. }
  112. .theme-catalog div.thread:hover {
  113.         background-color:rgba(29, 20, 7, 0.8);
  114.         border:1px solid rgba(149, 120, 79, 0.8);
  115. }
  116. span.catalog_search a {
  117.         color:#D9C3A5;
  118.         text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  119. }
  120. span.catalog_search a:hover {
  121.         color:#D9B179;
  122. }
  123.  
  124. .desktop-style .sub {
  125.         background: none;
  126.         background-image: none;
  127. }
  128.  
  129. span.quote, .quote      {
  130.         color:#D4D9B2
  131. }
  132. span.heading    {
  133.         color:#FFDDAC;
  134.         text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  135. }
  136. span.public_ban {
  137.         color: #D59191
  138. }
  139. span.omitted    {
  140.         color:#ffffff
  141. }
  142. span.trip       {
  143.         color:#f2ba75;
  144. }
  145. span.capcode    {
  146.         color:#D59191!important;
  147. }
  148.  
  149. div.ban h2      {
  150.         background:transparent;
  151.         color:#FFDDAC;
  152. }
  153. div.ban {
  154.         background: -moz-linear-gradient(top, rgba(29,20,7,0.5) 0%, rgba(29,20,7,0.5) 25%, rgba(29,20,7,0) 100%); /* FF3.6+ */
  155. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29,20,7,0.5)), color-stop(25%,rgba(29,20,7,0.5)), color-stop(100%,rgba(29,20,7,0))); /* Chrome,Safari4+ */
  156. background: -webkit-linear-gradient(top, rgba(29,20,7,0.5) 0%,rgba(29,20,7,0.5) 25%,rgba(29,20,7,0) 100%); /* Chrome10+,Safari5.1+ */
  157. background: -o-linear-gradient(top, rgba(29,20,7,0.5) 0%,rgba(29,20,7,0.5) 25%,rgba(29,20,7,0) 100%); /* Opera 11.10+ */
  158. background: -ms-linear-gradient(top, rgba(29,20,7,0.5) 0%,rgba(29,20,7,0.5) 25%,rgba(29,20,7,0) 100%); /* IE10+ */
  159. background: linear-gradient(to bottom, rgba(29,20,7,0.5) 0%,rgba(29,20,7,0.5) 25%,rgba(29,20,7,0) 100%); /* W3C */
  160. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801d1407', endColorstr='#001d1407',GradientType=0 ); /* IE6-9 */
  161.         border:0px solid rgba(149, 120, 79, 0.5);
  162.         text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  163.         border-radius:10px;
  164. }
  165. div.ban p       {
  166.         color:#fff
  167. }
  168. div.pages       {
  169.         color:#fff;
  170.         background-color:rgba(29, 20, 7, 0.6);
  171.         border:1px solid rgba(149, 120, 79, 0.8);
  172. }
  173. div.pages a.selected    {
  174.         color:#D9B179;
  175.         font-weight:700
  176. }
  177.  
  178. div.boardlist   {
  179.         color:#fff;
  180.         padding: 2px;
  181. }
  182. div.boardlist:nth-of-type(1)    {
  183.         background-color:rgba(29, 20, 7, 0.6)!important;
  184.         border-bottom:1px solid rgba(149, 120, 79, 0.8)!important;
  185.         box-shadow:0 0 3px 0 #111
  186. }
  187. div.boardlist a {
  188.         color:#D9C3A5
  189. }
  190. div.boardlist a:hover   {
  191.         color:#D9B179
  192. }
  193. div.boardlist.bottom a{
  194.         text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  195. }
  196.  
  197. div#options_div {
  198.         background-color:rgba(29, 20, 7, 0.8);
  199.         border:1px solid rgba(149, 120, 79, 0.6);
  200. }
  201. div.options_tab_icon    {
  202.         color:#D9C3A5
  203. }
  204. div.options_tab_icon:hover      {
  205.         background-color:rgba(0, 0, 0, 0.5);
  206. }
  207. div.options_tab_icon.active     {
  208.         color:#AA6F1B
  209. }
  210. div.blotter     {
  211.         color:#fff;
  212.         text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  213. }
  214. p.intro a,span.omitted a        {
  215.         text-decoration:none
  216. }
  217. form#quick-reply        {
  218.         padding-right:1px;
  219.         border:1px solid rgba(149, 120, 79, 0.6);
  220. }
  221.  
  222. div#watchlist,div#alert_div     {
  223.         border:1px solid #111;
  224.         background-color:rgba(29, 20, 7, 0.8);
  225. }
  226. div#watchlist a,a.watchThread   {
  227.         color:#D9C3A5;
  228.         text-decoration:none
  229. }
  230. div#watchlist a:hover,a.watchThread:hover       {
  231.         color:#D9B179;
  232. }
  233.  
  234. .post.reply a:not([data-expanded='true']) .post-image   {
  235.         width:auto!important;
  236.         height:auto!important;
  237.         max-height:160px;
  238.         max-width:160px
  239. }
  240. #quick-reply    {
  241.         background:rgba(29, 20, 7, 0.8);
  242.         border:1px solid rgba(149, 120, 79, 0.8);
  243. }
  244. #quick-reply tr th      {
  245.         background:transparent;
  246.         border:0px solid;
  247. }
  248. form table tr th        {
  249.         background:rgba(29, 20, 7, 0.6);
  250.         border:1px solid rgba(149, 120, 79, 0.8);
  251.         color:#fff
  252. }
  253. form table input {
  254.     height: auto;
  255. }
  256. input:not([type='checkbox']) {
  257.     height: 22px;
  258. }
  259. form table tbody tr:nth-of-type( even ) {
  260.         background: none;
  261. }
  262.  
  263. #search_field, input[type='text'], input[type='password'], textarea {
  264.     background:rgba(255, 223, 179, 0.8);
  265.     border:1px solid rgba(29, 20, 7, 0.8);
  266.     color:#000;
  267.     text-indent: 0px;
  268.     text-shadow: none;
  269.     text-transform: none;
  270.     word-spacing: normal;
  271.     max-width: 100%;
  272.     font-size: inherit;
  273.     font-weight: bold;
  274. }
  275. .dropzone {
  276.     background:rgba(255, 223, 179, 0.8);
  277.     cursor: url(http://i.imgur.com/IsDJyO2.png), default;
  278.     border:1px solid rgba(29, 20, 7, 0.8);
  279. }
  280. .dropzone .file-hint {
  281.     cursor: url(http://i.imgur.com/LMrB2t6.png) 9 1, default !important;
  282.     border: 2px dashed rgba(29, 20, 7, 0.4);
  283. }
  284. .file-hint:hover, .dropzone.dragover .file-hint {
  285.     color: #000;
  286.     border-color: rgba(29, 20, 7, 0.8);
  287. }
  288. .dropzone.dragover {
  289.         background:rgba(255, 223, 179, 1);
  290. }
  291. .dropzone .remove-btn {
  292.     cursor: url(http://i.imgur.com/LMrB2t6.png) 9 1, default !important;
  293.     color: rgba(29, 20, 7, 0.5);
  294. }
  295. .dropzone .remove-btn:hover {
  296.     color: rgba(29, 20, 7, 0.8);
  297. }
  298. .dropzone .file-tmb {
  299.     cursor: url(http://i.imgur.com/LMrB2t6.png) 9 1, default !important;
  300.     background-color: rgba(255, 223, 179, 0.0);
  301. }
  302.  
  303. /* Programming Code */
  304. pre.prettyprint {
  305.     padding: 5px!important;
  306.     background-color:rgba(29, 20, 7, 0.5);
  307.     border:1px solid rgba(149, 120, 79, 0.5)!important;
  308.     border-radius:10px;
  309. }
  310. span.pln, span.pun { color: #ffffff; }
  311. span.kwd { color: #1e90ff; }
  312. span.com { color: #ff0000; }
  313. span.lit { color: #00ffff; }
  314. span.str { color: #00ff00; }
  315.  
  316. /* Hide Top Boards */
  317. .boardlist span.sub {  display: none;  }
  318. .boardlist span.sub:first-child {  display: inline;  }
  319.  
  320. /* Cursor */
  321. html, *, hover {cursor: url(http://i.imgur.com/IsDJyO2.png), default;}
  322. a:hover, label, .options_tab_icon, i {cursor: url(http://i.imgur.com/LMrB2t6.png) 9 1, default !important;}
  323.  
  324. /* Remove Advertisements */
  325. #imobile_adspotdiv1, #imobile_adspotframe1, #adspotdiv, .adspot_img, #yeelmao, div.ad-banner {
  326.         visibility: hidden!important;
  327.         display: none!important;
  328. }
  329.  
  330. /* Spin Script that makes the flags spin when you hover over them. */
  331. p.intro img.flag:hover, img.flag:focus, img.flag:active {
  332.     animation:flaghover 1.5s linear 0s infinite;
  333.     -o-animation:flaghover 1.5s linear 0s infinite;
  334.     -moz-animation:flaghover 1.5s linear 0s infinite;
  335.     -webkit-animation:flaghover 1.5s linear 0s infinite;
  336. }
  337. @keyframes flaghover {
  338.     10% {transform: translateZ(0);}
  339.     20% {transform: rotate(-360deg);}
  340.     60% {transform: rotate(-180deg);}
  341. }
  342. @-o-keyframes flaghover {
  343.     10% {transform: translateZ(0);}
  344.     20% {transform: rotate(-360deg);}
  345.     60% {transform: rotate(-180deg);}
  346. }
  347. @-moz-keyframes flaghover {
  348.     10% {transform: translateZ(0);}
  349.     20% {transform: rotate(-360deg);}
  350.     60% {transform: rotate(-180deg);}
  351. }
  352. @-webkit-keyframes flaghover {
  353.     10% {transform: translateZ(0);}
  354.     20% {transform: rotate(-360deg);}
  355.     60% {transform: rotate(-180deg);}
  356. }
RAW Paste Data
Top