SHARE
TWEET

superb owl

a guest Jan 30th, 2016 54 Never
  1.  
  2.   /* Main Body */
  3.  
  4. body
  5.  
  6. a,a:visited
  7. {
  8.      text-decoration: none;
  9.      color: rgba(153, 76, 0, 1);
  10.      text-shadow: 0px 0px 0px #000, -0px 0px 0px #000, 0px -0px 0px #000, -0px -0px 0px #000, 0px 0px 0px #000, 0px -0px 0px #000, -1px 0px 0px #000, 0px 0px 0px #000;
  11. }
  12.  
  13. a:hover,p.intro a.post_no:hover
  14. {
  15.      color: white;
  16. }
  17.  
  18. hr
  19. {
  20.      border-color: blue;
  21.      border-width: 2px;
  22.      margin-bottom: 10px;
  23. }
  24.  
  25.   /* Headings */
  26.  
  27. h1
  28. {
  29.      letter-spacing: 2px;
  30.      font-size: 30pt;
  31.      color: rgba(0, 102, 0, 0.9);
  32.      text-shadow: 1px 1px 0px white, -1px 1px 0px white, 1px -1px 0px white, -1px -1px 0px white, 0px 1px 0px white, 0px -1px 0px white, -1px 0px 0px white, 1px 0px 0px white, 2px 2px 0px white, -2px 2px 0px white, 2px -2px 0px white, -2px -2px 0px white, 0px 2px 0px white, 0px -2px 0px white, -2px 0px 0px white, 2px 0px 0px white, 1px 2px 0px white, -1px 2px 0px white, 1px -2px 0px white, -1px -2px 0px white, 2px 1px 0px white, -2px 1px 0px white, 2px -1px 0px white, -2px -1px 0px white;
  33. }
  34.  
  35. header div.subtitle
  36. {
  37.      font-size: 14pt;
  38.  
  39. }
  40.  
  41.   /* Images */
  42.  
  43. img.banner, img.board_image
  44. {
  45.      border: 2px solid grey;
  46. }
  47.  
  48. .post-image
  49. {
  50.      padding: 0px !important;
  51.      border: 2px solid black;
  52.      -webkit-border-radius: 7px;
  53.      -khtml-border-radius: 7px;
  54.      -moz-border-radius: 7px;
  55.      border-radius: 7px;
  56. }
  57.  
  58.   /* OP and Replies Formatting */
  59.  
  60. .post.op
  61. {
  62.      background-color: rgba(0, 102, 0, 0.8);
  63.      min-height: 250px;
  64.      padding-bottom: 10px;
  65.      padding-left: 25px;
  66.      border: 2px solid grey;
  67.      border-top:0;
  68.      -webkit-border-radius: 7px;
  69.      -khtml-border-radius: 7px;
  70.      -moz-border-radius: 7px;
  71.      border-radius: 7px;
  72.      color: white;
  73.      text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
  74. }
  75.  
  76. .files
  77. {
  78.      color: white;
  79.      background: rgba(0, 102, 0, 0.8)!important;
  80.      border: 2px solid grey;
  81.      border-bottom: 0;
  82.      margin-right: 20px;
  83.      padding-top: 5px;
  84.      -webkit-border-radius: 7px;
  85.      -khtml-border-radius: 7px;
  86.      -moz-border-radius: 7px;
  87.      border-radius: 7px;
  88. }
  89.  
  90. div.post p
  91. {
  92.     font-weight: normal;
  93. }
  94.  
  95. div.post.reply
  96. {
  97.      background-color: rgba(0, 102, 0, 0.8);
  98.      border: 2px solid grey;
  99.      -webkit-border-radius: 7px;
  100.      -khtml-border-radius: 7px;
  101.      -moz-border-radius:7px;
  102.      border-radius: 7px;
  103.      color: white;
  104.      text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
  105. }
  106.  
  107. div.post.reply.highlighted
  108. {
  109.      background-color: rgba(0, 204, 0, 0.9);
  110. }
  111.  
  112. div.post.reply div.body a
  113. {
  114.      color: rgba(25, 25, 255, 1);
  115. }
  116.  
  117. div.post.reply div.body a:hover
  118. {
  119.      color: white;
  120. }
  121.  
  122. .post.reply .files
  123. {
  124.      background: rgba(0, 102, 0, 0.0)!important;
  125.      border: 0;
  126. }
  127.  
  128.   /* Tweaks for Post Text */
  129.  
  130. p.intro span.name
  131. {
  132.      color: white;
  133.      text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
  134. }
  135.  
  136. p.intro a.email span.name
  137. {
  138.      color: rgba(200, 200, 200, 1);
  139. }
  140.  
  141. p.intro a.email span.name:hover
  142. {
  143.      color: white;
  144. }
  145.  
  146. span.trip
  147. {
  148.      color: rgba(200, 200, 200, 1);
  149. }
  150.  
  151. .intro span.capcode, p.intro a.capcode, p.intro a.nametag
  152. {
  153.      color: white;
  154.      margin-right: 10px;
  155.      text-shadow: 1px 1px 0px red, -1px 1px 0px red, 1px -1px 0px red, -1px -1px 0px red, 0px 1px 0px red, 0px -1px 0px red, -1px 0px 0px red, 1px 0px 0px red;
  156. }
  157.  
  158. p.intro span.subject
  159. {
  160.      color: white;
  161.      text-shadow: 1px 1px 0px blue, -1px 1px 0px blue, 1px -1px 0px blue, -1px -1px 0px blue, 0px 1px 0px blue, 0px -1px 0px blue, -1px 0px 0px blue, 1px 0px 0px blue;
  162. }
  163.  
  164. span.heading
  165. {
  166.      color: rgba(255, 25, 25, 1);
  167.      -webkit-animation: throb 1s infinite;
  168.      animation: throb 1s infinite;
  169. }
  170.  
  171. .quote
  172. {
  173.      color: rgba(25, 255, 25, 1);
  174. }
  175.  
  176. pre
  177. {
  178.      background-color: rgba(0, 0, 0, 0.8);
  179.      text-shadow: none;
  180.      border: 2px solid grey;
  181.      -webkit-border-radius: 7px;
  182.      -khtml-border-radius: 7px;
  183.      -moz-border-radius: 7px;
  184.      border-radius: 7px;
  185. }
  186.  
  187. pre a
  188. {
  189.      text-shadow: none;
  190. }
  191.  
  192.   /* Other DIV Formatting */
  193.  
  194. div.boardlist:not(.bottom)
  195. {
  196.      background-color: rgba(0, 102, 0, 0.9)!important;
  197.      border-bottom: 2px solid grey!important;
  198.      color: white;
  199.      font-size: 8pt;
  200.      text-align: center;
  201. }
  202.  
  203. div.boardlist:not(.bottom) a
  204. {
  205.      color: rgba(200, 200, 200, 1);
  206. }
  207.  
  208. div.boardlist:not(.bottom) a:hover
  209. {
  210.      color: white;
  211. }
  212.  
  213. div.blotter
  214. {
  215.      color: red;
  216.      font-size: 20px;
  217. }
  218.  
  219. div.pages
  220. {
  221.      color: grey;
  222.      border: 2px solid grey;
  223.      background: rgba(0, 102, 0, 0.9);
  224.      -khtml-border-radius: 7px;
  225.      -moz-border-radius:7px;
  226.      border-radius: 7px;
  227. }
  228.  
  229. div.pages a.selected
  230. {
  231.      color: grey;
  232. }
  233.  
  234. div.boardlist.bottom
  235. {
  236.      display: none;
  237. }
  238.  
  239.  
  240.   /* Post Form and Quick Reply */
  241.  
  242. .post-table, .post-table-options
  243. {
  244.      background-color: rgba(255, 255, 255, 0.8);
  245.      border: 2px solid grey;
  246.      -webkit-border-radius: 7px;
  247.      -khtml-border-radius: 7px;
  248.      -moz-border-radius: 7px;
  249.      border-radius: 7px;
  250. }
  251.  
  252. .post-table, .post-table-options, textarea
  253. {
  254.      width: 99%;
  255. }
  256.  
  257. form table tr th
  258. {
  259.      background: rgba(0, 102, 0, 0.9);
  260.      border: 2px solid grey;
  261.      color: white;
  262.      text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
  263. }
  264.  
  265. .dropzone
  266. {
  267.      background-color: silver;
  268.  
  269. }
  270.  
  271. #quick-reply .post-table tr td:nth-child(2)
  272. {
  273.      width: 36%;
  274.      text-align: center;
  275.      padding-right: 1px;
  276. }
  277.  
  278.  
  279.   /* Catalog */
  280.  
  281. .theme-catalog div.thread
  282. {
  283.      background: rgba(0, 102, 0, 0.8)!important;
  284.      border-color: grey;
  285.      color: white;
  286.      text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
  287. }
  288.  
  289. .theme-catalog div.thread:hover
  290. {
  291.      background: rgba(0, 204, 0, 0.9)!important;
  292. }
  293.  
  294.   /* Options Appearance */
  295.  
  296. #options_div, #alert_div
  297. {
  298.      background-color: rgba(0, 102, 0, 0.8);
  299.      color: white;
  300.      border: 2px solid grey;
  301.      height:460px;
  302. }
  303.  
  304. .options_tab h2
  305. {
  306.      color: white;
  307. }
  308.  
  309. #options_tablist
  310. {
  311.      border-right: 2px solid grey;
  312. }
  313.  
  314. .options_tab_icon
  315. {
  316.      color: grey;
  317. }
  318.  
  319. .options_tab_icon.active
  320. {
  321.      color: white;
  322. }
  323.  
  324. span.heading {
  325.     animation: throb 1s linear infinite;
  326.     -o-animation: throb 1s linear infinite;
  327.     -moz-animation: throb 1s linear infinite;
  328.     -webkit-animation: throb 1s linear infinite;
  329. }
  330.  
  331.  /* GET Flashing */
  332. a[href$="q10000"], a[href$="q11111"], a[href$="q12345"], a[href$="q20000"], a[href$="q22222"], a[href$="q30000"], a[href$="q33333"], a[href$="q40000"], a[href$="q44444"], a[href$="q50000"], a[href$="q55555"], a[href$="q60000"],
  333. a[href$="q66666"], a[href$="q70000"], a[href$="q77777"], a[href$="q80000"], a[href$="q88888"], a[href$="q90000"],
  334. a[href$="q100000"], a[href$="q111111"], a[href$="q123456"], a[href$="q200000"], a[href$="q222222"], a[href$="q300000"], a[href$="q333333"], a[href$="q400000"], a[href$="q444444"], a[href$="q500000"], a[href$="q555555"], a[href$="q600000"],
  335. a[href$="q666666"], a[href$="q700000"], a[href$="q777777"], a[href$="q800000"], a[href$="q888888"], a[href$="q900000"],
  336. a[href$="q1000000"], a[href$="q1111111"], a[href$="q1234567"], a[href$="q2000000"], a[href$="q2222222"], a[href$="q3000000"], a[href$="q3333333"], a[href$="q4000000"], a[href$="q4444444"], a[href$="q5000000"], a[href$="q5555555"], a[href$="q6000000"],
  337. a[href$="q6666666"], a[href$="q7000000"], a[href$="q7777777"], a[href$="q8000000"], a[href$="q8888888"], a[href$="q9000000"],
  338. a[href$="#10000"], a[href$="#11111"], a[href$="#12345"], a[href$="#20000"], a[href$="#22222"], a[href$="#30000"], a[href$="#33333"], a[href$="#40000"], a[href$="#44444"], a[href$="#50000"], a[href$="#55555"], a[href$="#60000"],
  339. a[href$="#66666"], a[href$="#70000"], a[href$="#77777"], a[href$="#80000"], a[href$="#88888"], a[href$="#90000"],
  340. a[href$="#100000"], a[href$="#111111"], a[href$="#123456"], a[href$="#200000"], a[href$="#222222"], a[href$="#300000"], a[href$="#333333"], a[href$="#400000"], a[href$="#444444"], a[href$="#500000"], a[href$="#555555"], a[href$="#600000"],
  341. a[href$="#666666"], a[href$="#700000"], a[href$="#777777"], a[href$="#800000"], a[href$="#888888"], a[href$="#900000"],
  342. a[href$="#1000000"], a[href$="#1111111"], a[href$="#1234567"], a[href$="#2000000"], a[href$="#2222222"], a[href$="#3000000"], a[href$="#3333333"], a[href$="#4000000"], a[href$="#4444444"], a[href$="#5000000"], a[href$="#5555555"], a[href$="#6000000"],
  343. a[href$="#6666666"], a[href$="#7000000"], a[href$="#7777777"], a[href$="#8000000"], a[href$="#8888888"], a[href$="#9000000"] {
  344.     animation: flash 1.1s linear infinite;
  345.     -o-animation: flash 1.1s linear infinite;
  346.     -moz-animation: flash 1.1s linear infinite;
  347.     -webkit-animation: flash 1.1s linear infinite;
  348. }
  349. a[href$="q10000"]::after, a[href$="q11111"]::after, a[href$="q12345"]::after, a[href$="q20000"]::after, a[href$="q22222"]::after, a[href$="q30000"]::after, a[href$="q33333"]::after, a[href$="q40000"]::after, a[href$="q44444"]::after, a[href$="q50000"]::after, a[href$="q55555"]::after, a[href$="q60000"]::after,
  350. a[href$="q66666"]::after, a[href$="q70000"]::after, a[href$="q77777"]::after, a[href$="q80000"]::after, a[href$="q88888"]::after, a[href$="q90000"]::after,
  351. a[href$="q100000"]::after, a[href$="q111111"]::after, a[href$="q123456"]::after, a[href$="q200000"]::after, a[href$="q222222"]::after, a[href$="q300000"]::after, a[href$="q333333"]::after, a[href$="q400000"]::after, a[href$="q444444"]::after, a[href$="q500000"]::after, a[href$="q555555"]::after, a[href$="q600000"]::after,
  352. a[href$="q666666"]::after, a[href$="q700000"]::after, a[href$="q777777"]::after, a[href$="q800000"]::after, a[href$="q888888"]::after, a[href$="q900000"]::after,
  353. a[href$="q1000000"]::after, a[href$="q1111111"]::after, a[href$="q1234567"]::after, a[href$="q2000000"]::after, a[href$="q2222222"]::after, a[href$="q3000000"]::after, a[href$="q3333333"]::after, a[href$="q4000000"]::after, a[href$="q4444444"]::after, a[href$="q5000000"]::after, a[href$="q5555555"]::after, a[href$="q6000000"]::after,
  354. a[href$="q6666666"]::after, a[href$="q7000000"]::after, a[href$="q7777777"]::after, a[href$="q8000000"]::after, a[href$="q8888888"]::after, a[href$="q9000000"]::after {
  355.     content: " GET! ";
  356. }
  357.  
  358.  /* Flag Spin */
  359. p.intro img.flag:hover, img.flag:focus, img.flag:active {
  360.     animation: flaghover 1.5s linear infinite;
  361.     -o-animation: flaghover 1.5s linear infinite;
  362.     -moz-animation: flaghover 1.5s linear infinite;
  363.     -webkit-animation: flaghover 1.5s linear infinite;
  364. }
  365.  
  366. /* Animations - Need all keyframes + all 3 prefixes (-o-, -moz-, -webkit-) to support all major browsers */
  367.  
  368. /* Spinning Images */
  369. @keyframes flaghover {
  370.     from { transform: rotate(0deg); }
  371.     to { transform: rotate(360deg); }
  372. }
  373. @-o-keyframes flaghover {
  374.     from { transform: rotate(0deg); }
  375.     to { transform: rotate(360deg); }
  376. }
  377. @-moz-keyframes flaghover {
  378.     from { transform: rotate(0deg); }
  379.     to { transform: rotate(360deg); }
  380. }
  381. @-webkit-keyframes flaghover {
  382.     from { transform: rotate(0deg); }
  383.     to { transform: rotate(360deg); }
  384. }
  385.  
  386. /* GET Flashing */
  387. @keyframes flash {
  388.     0% { background:red; left:0px; top:3px; }
  389.     25% { background:yellow; left:3px; top:0px; }
  390.     50% { background:blue; left:0px; top:3px; }
  391.     75% { background:green; left:3px; top:0px; }
  392.     100% { background:red; left:0px; top:0px; }
  393. }
  394. @-o-keyframes flash {
  395.     0% { background:red; left:0px; top:3px; }
  396.     25% { background:yellow; left:3px; top:0px; }
  397.     50% { background:blue; left:0px; top:3px; }
  398.     75% { background:green; left:3px; top:0px; }
  399.     100% { background:red; left:0px; top:0px; }
  400. }
  401. @-moz-keyframes flash {
  402.     0% { background:red; left:0px; top:3px; }
  403.     25% { background:yellow; left:3px; top:0px; }
  404.     50% { background:blue; left:0px; top:3px; }
  405.     75% { background:green; left:3px; top:0px; }
  406.     100% { background:red; left:0px; top:0px; }
  407. }
  408. @-webkit-keyframes flash {
  409.     0% { background:red; left:0px; top:3px; }
  410.     25% { background:yellow; left:3px; top:0px; }
  411.     50% { background:blue; left:0px; top:3px; }
  412.     75% { background:green; left:3px; top:0px; }
  413.     100% { background:red; left:0px; top:0px; }
  414. }
  415.  
  416. /* Red Text Flashing */
  417. @keyframes throb {
  418.     from { box-shadow: 0 0 50px #f00; }
  419.     50% { box-shadow: 0 0 00px #f00; }
  420.     to { box-shadow: 0 0 50px #f00; }
  421. }
  422. @-o-keyframes throb {
  423.     from { box-shadow: 0 0 50px #f00; }
  424.     50% { box-shadow: 0 0 00px #f00; }
  425.     to { box-shadow: 0 0 50px #f00; }
  426. }
  427. @-moz-keyframes throb {
  428.     from { box-shadow: 0 0 50px #f00; }
  429.     50% { box-shadow: 0 0 00px #f00; }
  430.     to { box-shadow: 0 0 50px #f00; }
  431. }
  432. @-webkit-keyframes throb {
  433.     from { box-shadow: 0 0 50px #f00; }
  434.     50% { box-shadow: 0 0 00px #f00; }
  435.     to { box-shadow: 0 0 50px #f00; }
  436. }
RAW Paste Data
Top