aboutsummaryrefslogtreecommitdiff
path: root/static/css/txt/postal.css
diff options
context:
space:
mode:
Diffstat (limited to 'static/css/txt/postal.css')
-rw-r--r--static/css/txt/postal.css278
1 files changed, 229 insertions, 49 deletions
diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css
index 15996c7..2b88a0c 100644
--- a/static/css/txt/postal.css
+++ b/static/css/txt/postal.css
@@ -1,49 +1,229 @@
-body,textarea{color:#000}
-body{background:#E5B98D}
-a,a .name,#n2{color:#3683C2}
-a:active,a:active .name,#n2:active{color:#E9976B}
-input[type="text"],textarea,select{background:#FFF;border:1px solid #CCC}
-input[type="text"]:focus,textarea:focus,select:focus{border-color:#888}
-input[type="submit"],input[type="button"],button{background:#CBCBCB;border:0;padding:2px 10px}
-input[type="submit"]:active,input[type="button"]:active,button:active{background:#B1B1B1}
-body>hr{position:absolute;top:0;left:8px;right:8px;border:0;background-image:repeating-linear-gradient(125deg,#EE4C47 0px,#EE4C47 30px,#FFF 30px,#FFF 50px,#5CACEB 50px,#5CACEB 80px,#FFF 80px,#FFF 100px);height:1em}
-hr,.threadpage .thread{background-image:repeating-linear-gradient(125deg,#EE4C47 0px,#EE4C47 30px,#FFF 30px,#FFF 50px,#5CACEB 50px,#5CACEB 80px,#FFF 80px,#FFF 100px)}
-h2 span{color:#686868}
-h2 a,h2 a:active,h3{color:#3E3020}
-h2 a:active{text-decoration:underline}
-h3{margin-top:0}
-h3 span{color:dimgrey}
-h4{background:#F0E7CE;color:#686868;padding-left:3px}
-#main_nav,.outerbox{background:#FFF}
-.fix #main_nav{box-shadow:0 0 3px #000}
-.outerbox{border:1px solid #FFF}
-#threadlist{background:#EFEFEF;border:1px inset #EFEFEF}
-#threadlist a{border-right:1px outset #EFEFEF;border-bottom:1px outset #EFEFEF}
-.thread .innerbox{background:#FFF;box-shadow:1px 1px 0 rgba(0,0,0,0.1),3px 3px 0 rgba(255,255,255,1),4px 4px 0 rgba(0,0,0,0.125),6px 6px 0 rgba(255,255,255,1),7px 7px 0 rgba(0,0,0,0.15),9px 9px 0 rgba(255,255,255,1),10px 10px 0 rgba(0,0,0,0.175),12px 12px 0 rgba(255,255,255,1),13px 13px 0 rgba(0,0,0,0.175);margin:8px 12px 8px 0;padding:8px}
-#thread_nav{background:#FFF;font-style:italic;padding:1.5em 8px .5em}
-.threadpage .thread{background-color:#FFF;background-position:bottom;background-repeat:repeat-x;background-size:100% 1em;overflow:hidden;padding:0 10px 1em}
-.innerbox.links{border-top:1px solid #E5B98D;margin:0 -1px}
-.name,.abbrev{color:#416D91}
-.name em{color:#009}
-.del a{color:#000}
-.q{color:#666;display:inline-block}
-.q:hover{background:#F0F0E0}
-.yt{background:#EEE;border:1px solid #CCC}
-.deleted{background:#F7F3E6;color:#AAA}
-#q-p{background:#FFF;border:1px solid #CCC}
-#createbox{background:#F0E7CE;border-color:#F0E7CE;color:#353535}
-.lastposts,.threadpage .postform{margin-top:.5em;padding:.5em}
-.lastposts,.threadpage .postform,.threads .outerbox,#content.list,#content.grid .row{background:#FFF;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3)}
-.threadpage .threadlinks{margin-top:0}
-form .msg{border:1px dotted #CCC;background:#FFF}
-#footer{color:#333}
-#content.list{padding:8px}
-#content.list #header div{background:#6AA9D7}
-#content.list .row:hover,#content.grid .row:hover{background:#B7D2E8}
-#content.list .row a:hover,#content.grid .row:hover a{color:#0801BF}
-#content.grid .row{margin:4px}
-@media(max-width:720px){
- body.threadpage{margin:0 0 8px}
- body>hr{top:-8px;left:0;right:0}
- #createbox .innerbox{padding:0}
-} \ No newline at end of file
+body,
+textarea {
+ color: #000;
+}
+body {
+ background: #e5b98d;
+}
+a,
+a .name,
+#n2 {
+ color: #3683c2;
+}
+a:active,
+a:active .name,
+#n2:active {
+ color: #e9976b;
+}
+input[type="text"],
+textarea,
+select {
+ background: #fff;
+ border: 1px solid #ccc;
+}
+input[type="text"]:focus,
+textarea:focus,
+select:focus {
+ border-color: #888;
+}
+input[type="submit"],
+input[type="button"],
+button {
+ background: #cbcbcb;
+ border: 0;
+ padding: 2px 10px;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+ background: #b1b1b1;
+}
+body > hr {
+ position: absolute;
+ top: 0;
+ left: 8px;
+ right: 8px;
+ border: 0;
+ background-image: repeating-linear-gradient(
+ 125deg,
+ #ee4c47 0px,
+ #ee4c47 30px,
+ #fff 30px,
+ #fff 50px,
+ #5caceb 50px,
+ #5caceb 80px,
+ #fff 80px,
+ #fff 100px
+ );
+ height: 1em;
+}
+hr,
+.threadpage .thread {
+ background-image: repeating-linear-gradient(
+ 125deg,
+ #ee4c47 0px,
+ #ee4c47 30px,
+ #fff 30px,
+ #fff 50px,
+ #5caceb 50px,
+ #5caceb 80px,
+ #fff 80px,
+ #fff 100px
+ );
+}
+h2 span {
+ color: #686868;
+}
+h2 a,
+h2 a:active,
+h3 {
+ color: #3e3020;
+}
+h2 a:active {
+ text-decoration: underline;
+}
+h3 {
+ margin-top: 0;
+}
+h3 span {
+ color: dimgrey;
+}
+h4 {
+ background: #f0e7ce;
+ color: #686868;
+ padding-left: 3px;
+}
+#main_nav,
+.outerbox {
+ background: #fff;
+}
+.fix #main_nav {
+ box-shadow: 0 0 3px #000;
+}
+.outerbox {
+ border: 1px solid #fff;
+}
+#threadlist {
+ background: #efefef;
+ border: 1px inset #efefef;
+}
+#threadlist a {
+ border-right: 1px outset #efefef;
+ border-bottom: 1px outset #efefef;
+}
+.thread .innerbox {
+ background: #fff;
+ box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), 3px 3px 0 rgba(255, 255, 255, 1),
+ 4px 4px 0 rgba(0, 0, 0, 0.125), 6px 6px 0 rgba(255, 255, 255, 1),
+ 7px 7px 0 rgba(0, 0, 0, 0.15), 9px 9px 0 rgba(255, 255, 255, 1),
+ 10px 10px 0 rgba(0, 0, 0, 0.175), 12px 12px 0 rgba(255, 255, 255, 1),
+ 13px 13px 0 rgba(0, 0, 0, 0.175);
+ margin: 8px 12px 8px 0;
+ padding: 8px;
+}
+#thread_nav {
+ background: #fff;
+ font-style: italic;
+ padding: 1.5em 8px 0.5em;
+}
+.threadpage .thread {
+ background-color: #fff;
+ background-position: bottom;
+ background-repeat: repeat-x;
+ background-size: 100% 1em;
+ overflow: hidden;
+ padding: 0 10px 1em;
+}
+.innerbox.links {
+ border-top: 1px solid #e5b98d;
+ margin: 0 -1px;
+}
+.name,
+.abbrev {
+ color: #416d91;
+}
+.name em {
+ color: #009;
+}
+.del a {
+ color: #000;
+}
+.q {
+ color: #666;
+ display: inline-block;
+}
+.q:hover {
+ background: #f0f0e0;
+}
+.yt {
+ background: #eee;
+ border: 1px solid #ccc;
+}
+.deleted {
+ background: #f7f3e6;
+ color: #aaa;
+}
+#q-p {
+ background: #fff;
+ border: 1px solid #ccc;
+}
+#createbox {
+ background: #f0e7ce;
+ border-color: #f0e7ce;
+ color: #353535;
+}
+.lastposts,
+.threadpage .postform {
+ margin-top: 0.5em;
+ padding: 0.5em;
+}
+.lastposts,
+.threadpage .postform,
+.threads .outerbox,
+#content.list,
+#content.grid .row {
+ background: #fff;
+ -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+}
+.threadpage .threadlinks {
+ margin-top: 0;
+}
+form .msg {
+ border: 1px dotted #ccc;
+ background: #fff;
+}
+#footer {
+ color: #333;
+}
+#content.list {
+ padding: 8px;
+}
+#content.list #header div {
+ background: #6aa9d7;
+}
+#content.list .row:hover,
+#content.grid .row:hover {
+ background: #b7d2e8;
+}
+#content.list .row a:hover,
+#content.grid .row:hover a {
+ color: #0801bf;
+}
+#content.grid .row {
+ margin: 4px;
+}
+@media (max-width: 720px) {
+ body.threadpage {
+ margin: 0 0 8px;
+ }
+ body > hr {
+ top: -8px;
+ left: 0;
+ right: 0;
+ }
+ #createbox .innerbox {
+ padding: 0;
+ }
+}