4chan-x/css/themeoptions.css
2013-04-11 00:08:32 -07:00

140 lines
4.4 KiB
CSS

css += (if Style.lightTheme then """
.prettyprint {
background-color: #e7e7e7;
border: 1px solid #dcdcdc;
}
.com {
color: #dd0000;
}
.str,
.atv {
color: #7fa61b;
}
.pun {
color: #61663a;
}
.tag {
color: #117743;
}
.kwd {
color: #5a6F9e;
}
.typ,
.atn {
color: #9474bd;
}
.lit {
color: #368c72;
}\n
""" else """
.prettyprint {
background-color: rgba(0,0,0,.1);
border: 1px solid rgba(0,0,0,0.5);
}
.tag {
color: #96562c;
}
.pun {
color: #5b6f2a;
}
.com {
color: #a34443;
}
.str,
.atv {
color: #8ba446;
}
.kwd {
color: #987d3e;
}
.typ,
.atn {
color: #897399;
}
.lit {
color: #558773;
}\n
""")
if _conf["Alternate Post Colors"]
css += """
.replyContainer:not(.hidden):nth-of-type(2n+1) .post {
background-image: #{agent}linear-gradient(#{if Style.lightTheme then "rgba(0,0,0,0.05), rgba(0,0,0,0.05)" else "rgba(255,255,255,0.02), rgba(255,255,255,0.02)"});
}\n
"""
if _conf["Color Reply Headings"]
css += """
.postInfo {
background: #{if (replyHeading = new Style.color Style.colorToHex theme["Reply Background"]) then "rgba(" + (replyHeading.shiftRGB -12, false) + ",0.8)" else "rgba(0,0,0,0.1)"};
border-bottom: 1px solid #{theme["Reply Border"]}
}\n"""
if _conf["Color File Info"]
css += """
.file {
background: #{if (fileHeading = new Style.color Style.colorToHex theme["Reply Background"]) then "rgba(" + (fileHeading.shiftRGB -8, false) + ",0.8)" else "rgba(0,0,0,0.1)"};
border-bottom: 1px solid #{theme["Reply Border"]}
}\n
"""
if _conf["OP Background"]
css += """
.op.post {
background: #{theme["Reply Background"]};
border: 1px solid #{theme["Reply Border"]};
}
.op.post:target
.op.post.highlight {
background: #{theme["Highlighted Reply Background"]};
border: 1px solid #{theme["Highlighted Reply Border"]};
}\n
"""
if _conf["4chan SS Sidebar"]
background = new Style.color Style.colorToHex theme["Reply Background"]
css += """
body::before {
z-index: -1;
background: none repeat scroll 0% 0% rgba(#{background.shiftRGB -18}, 0.8);
border-#{Style.sidebarLocation[1]}: 2px solid #{backgroundC};
box-shadow:
#{if _conf["Sidebar Location"] is "right" then "inset" else ""} 1px 0 0 #{theme["Thread Wrapper Border"]},
#{if _conf["Sidebar Location"] is "left" then "inset" else ""} -1px 0 0 #{theme["Thread Wrapper Border"]};
}\n
"""
css += {
text: """
a.useremail[href*="sage"]:last-of-type::#{_conf["Sage Highlight Position"]},
a.useremail[href*="Sage"]:last-of-type::#{_conf["Sage Highlight Position"]},
a.useremail[href*="SAGE"]:last-of-type::#{_conf["Sage Highlight Position"]} {
content: " (sage) ";
color: #{theme["Sage"]};
}\n
"""
image: """
a.useremail[href*="sage"]:last-of-type::#{_conf["Sage Highlight Position"]},
a.useremail[href*="Sage"]:last-of-type::#{_conf["Sage Highlight Position"]},
a.useremail[href*="SAGE"]:last-of-type::#{_conf["Sage Highlight Position"]} {
content: url("data:image/png;base64,A4AAAAOCAMAAAAolt3jAAABa1BMVEUAAACqrKiCgYIAAAAAAAAAAACHmX5pgl5NUEx/hnx4hXRSUVMiIyKwrbFzn19SbkZ1d3OvtqtpaWhcX1ooMyRsd2aWkZddkEV8vWGcpZl+kHd7jHNdYFuRmI4bHRthaV5WhUFsfGZReUBFZjdJazpGVUBnamYfHB9TeUMzSSpHgS1cY1k1NDUyOC8yWiFywVBoh1lDSEAZHBpucW0ICQgUHhBjfFhCRUA+QTtEQUUBAQFyo1praWspKigWFRZHU0F6j3E9Oz5VWFN0j2hncWONk4sAAABASDxJWkJKTUgAAAAvNC0fJR0DAwMAAAA9QzoWGhQAAAA8YytvrFOJsnlqyT9oqExqtkdrsExpsUsqQx9rpVJDbzBBbi5utk9jiFRuk11iqUR64k5Wf0JIZTpadk5om1BkyjmF1GRNY0FheFdXpjVXhz86XSp2yFJwslR3w1NbxitbtDWW5nNnilhFXTtYqDRwp1dSijiJ7H99AAAAUnRSTlMAJTgNGQml71ypu3cPEN/RDh8HBbOwQN7wVg4CAQZ28vs9EDluXjo58Ge8xwMy0P3+rV8cT73sawEdTv63NAa3rQwo4cUdAl3hWQSWvS8qqYsjEDiCzAAAAIVJREFUeNpFx7GKAQAYAOD/A7GbZVAWZTBZFGQw6LyCF/MIkiTdcOmWSzYbJVE2u1KX0J1v+8QDv/EkyS0yXF/NgeEILiHfyc74mICTQltqYXBeAWU9HGxU09YqqEvAElGjyZYjPyLqitjzHSEiGkrsfMWr0VLe+oy/djGP//YwfbeP8bN3Or0bkqEVblAAAAAASUVORK5CYII=");
vertical-align: top;
margin-#{if _conf["Sage Highlight Position"] is "before" then "right" else "left"}: #{parseInt _conf['Emoji Spacing']}px;
}\n
"""
none: ""
}[_conf["Sage Highlighting"]]
if _conf["Announcements"] is "slideout"
css += """
#globalMessage {
background: #{theme["Dialog Background"]};
border: 1px solid #{theme["Dialog Border"]};
}\n
"""
if _conf["Post Form Decorations"]
css += """
#qr {
border-color: #{theme["Buttons Border"]};
background: #{backgroundC};
box-shadow: #{if _conf['Quote Shadows'] then "5px 5px 5px #{theme['Shadow Color']}" else ""};
}\n
"""