/* Main Body */ body a,a:visited { text-decoration: none; color: rgba(153, 76, 0, 1); 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; } a:hover,p.intro a.post_no:hover { color: white; } hr { border-color: blue; border-width: 2px; margin-bottom: 10px; } /* Headings */ h1 { letter-spacing: 2px; font-size: 30pt; color: rgba(0, 102, 0, 0.9); 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; } header div.subtitle { font-size: 14pt; } /* Images */ img.banner, img.board_image { border: 2px solid grey; } .post-image { padding: 0px !important; border: 2px solid black; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* OP and Replies Formatting */ .post.op { background-color: rgba(0, 102, 0, 0.8); min-height: 250px; padding-bottom: 10px; padding-left: 25px; border: 2px solid grey; border-top:0; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: white; 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; } .files { color: white; background: rgba(0, 102, 0, 0.8)!important; border: 2px solid grey; border-bottom: 0; margin-right: 20px; padding-top: 5px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } div.post p { font-weight: normal; } div.post.reply { background-color: rgba(0, 102, 0, 0.8); border: 2px solid grey; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius:7px; border-radius: 7px; color: white; 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; } div.post.reply.highlighted { background-color: rgba(0, 204, 0, 0.9); } div.post.reply div.body a { color: rgba(25, 25, 255, 1); } div.post.reply div.body a:hover { color: white; } .post.reply .files { background: rgba(0, 102, 0, 0.0)!important; border: 0; } /* Tweaks for Post Text */ p.intro span.name { color: white; 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; } p.intro a.email span.name { color: rgba(200, 200, 200, 1); } p.intro a.email span.name:hover { color: white; } span.trip { color: rgba(200, 200, 200, 1); } .intro span.capcode, p.intro a.capcode, p.intro a.nametag { color: white; margin-right: 10px; 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; } p.intro span.subject { color: white; 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; } span.heading { color: rgba(255, 25, 25, 1); -webkit-animation: throb 1s infinite; animation: throb 1s infinite; } .quote { color: rgba(25, 255, 25, 1); } pre { background-color: rgba(0, 0, 0, 0.8); text-shadow: none; border: 2px solid grey; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } pre a { text-shadow: none; } /* Other DIV Formatting */ div.boardlist:not(.bottom) { background-color: rgba(0, 102, 0, 0.9)!important; border-bottom: 2px solid grey!important; color: white; font-size: 8pt; text-align: center; } div.boardlist:not(.bottom) a { color: rgba(200, 200, 200, 1); } div.boardlist:not(.bottom) a:hover { color: white; } div.blotter { color: red; font-size: 20px; } div.pages { color: grey; border: 2px solid grey; background: rgba(0, 102, 0, 0.9); -khtml-border-radius: 7px; -moz-border-radius:7px; border-radius: 7px; } div.pages a.selected { color: grey; } div.boardlist.bottom { display: none; } /* Post Form and Quick Reply */ .post-table, .post-table-options { background-color: rgba(255, 255, 255, 0.8); border: 2px solid grey; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .post-table, .post-table-options, textarea { width: 99%; } form table tr th { background: rgba(0, 102, 0, 0.9); border: 2px solid grey; color: white; 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; } .dropzone { background-color: silver; } #quick-reply .post-table tr td:nth-child(2) { width: 36%; text-align: center; padding-right: 1px; } /* Catalog */ .theme-catalog div.thread { background: rgba(0, 102, 0, 0.8)!important; border-color: grey; color: white; 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; } .theme-catalog div.thread:hover { background: rgba(0, 204, 0, 0.9)!important; } /* Options Appearance */ #options_div, #alert_div { background-color: rgba(0, 102, 0, 0.8); color: white; border: 2px solid grey; height:460px; } .options_tab h2 { color: white; } #options_tablist { border-right: 2px solid grey; } .options_tab_icon { color: grey; } .options_tab_icon.active { color: white; } span.heading { animation: throb 1s linear infinite; -o-animation: throb 1s linear infinite; -moz-animation: throb 1s linear infinite; -webkit-animation: throb 1s linear infinite; } /* GET Flashing */ 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"], a[href$="q66666"], a[href$="q70000"], a[href$="q77777"], a[href$="q80000"], a[href$="q88888"], a[href$="q90000"], 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"], a[href$="q666666"], a[href$="q700000"], a[href$="q777777"], a[href$="q800000"], a[href$="q888888"], a[href$="q900000"], 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"], a[href$="q6666666"], a[href$="q7000000"], a[href$="q7777777"], a[href$="q8000000"], a[href$="q8888888"], a[href$="q9000000"], 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"], a[href$="#66666"], a[href$="#70000"], a[href$="#77777"], a[href$="#80000"], a[href$="#88888"], a[href$="#90000"], 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"], a[href$="#666666"], a[href$="#700000"], a[href$="#777777"], a[href$="#800000"], a[href$="#888888"], a[href$="#900000"], 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"], a[href$="#6666666"], a[href$="#7000000"], a[href$="#7777777"], a[href$="#8000000"], a[href$="#8888888"], a[href$="#9000000"] { animation: flash 1.1s linear infinite; -o-animation: flash 1.1s linear infinite; -moz-animation: flash 1.1s linear infinite; -webkit-animation: flash 1.1s linear infinite; } 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, a[href$="q66666"]::after, a[href$="q70000"]::after, a[href$="q77777"]::after, a[href$="q80000"]::after, a[href$="q88888"]::after, a[href$="q90000"]::after, 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, a[href$="q666666"]::after, a[href$="q700000"]::after, a[href$="q777777"]::after, a[href$="q800000"]::after, a[href$="q888888"]::after, a[href$="q900000"]::after, 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, a[href$="q6666666"]::after, a[href$="q7000000"]::after, a[href$="q7777777"]::after, a[href$="q8000000"]::after, a[href$="q8888888"]::after, a[href$="q9000000"]::after { content: " GET! "; } /* Flag Spin */ p.intro img.flag:hover, img.flag:focus, img.flag:active { animation: flaghover 1.5s linear infinite; -o-animation: flaghover 1.5s linear infinite; -moz-animation: flaghover 1.5s linear infinite; -webkit-animation: flaghover 1.5s linear infinite; } /* Animations - Need all keyframes + all 3 prefixes (-o-, -moz-, -webkit-) to support all major browsers */ /* Spinning Images */ @keyframes flaghover { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes flaghover { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-moz-keyframes flaghover { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes flaghover { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* GET Flashing */ @keyframes flash { 0% { background:red; left:0px; top:3px; } 25% { background:yellow; left:3px; top:0px; } 50% { background:blue; left:0px; top:3px; } 75% { background:green; left:3px; top:0px; } 100% { background:red; left:0px; top:0px; } } @-o-keyframes flash { 0% { background:red; left:0px; top:3px; } 25% { background:yellow; left:3px; top:0px; } 50% { background:blue; left:0px; top:3px; } 75% { background:green; left:3px; top:0px; } 100% { background:red; left:0px; top:0px; } } @-moz-keyframes flash { 0% { background:red; left:0px; top:3px; } 25% { background:yellow; left:3px; top:0px; } 50% { background:blue; left:0px; top:3px; } 75% { background:green; left:3px; top:0px; } 100% { background:red; left:0px; top:0px; } } @-webkit-keyframes flash { 0% { background:red; left:0px; top:3px; } 25% { background:yellow; left:3px; top:0px; } 50% { background:blue; left:0px; top:3px; } 75% { background:green; left:3px; top:0px; } 100% { background:red; left:0px; top:0px; } } /* Red Text Flashing */ @keyframes throb { from { box-shadow: 0 0 50px #f00; } 50% { box-shadow: 0 0 00px #f00; } to { box-shadow: 0 0 50px #f00; } } @-o-keyframes throb { from { box-shadow: 0 0 50px #f00; } 50% { box-shadow: 0 0 00px #f00; } to { box-shadow: 0 0 50px #f00; } } @-moz-keyframes throb { from { box-shadow: 0 0 50px #f00; } 50% { box-shadow: 0 0 00px #f00; } to { box-shadow: 0 0 50px #f00; } } @-webkit-keyframes throb { from { box-shadow: 0 0 50px #f00; } 50% { box-shadow: 0 0 00px #f00; } to { box-shadow: 0 0 50px #f00; } }