Commit 247ec256 authored by revolutionary-bench's avatar revolutionary-bench
Browse files

Rework parts of the titlebox

The titlebox had spacing and color issues. The hover color
(a pink) wasn't high contrast and wasn't a part of the normal
theme colors. I added opacity to create contrast, and made the
text stand out better. I also made sure the first two links
stood out from the others using uppercase just for those.
parent 6e969d8e
......@@ -811,12 +811,42 @@ input[name=uh][value^="h"] ~ a:after{content:url('%%michel%%') '"Today, go bloss
.side h5:active+ul,.side h5+ul:hover{display:block}
.side h5+ul li{position:relative;padding:5px;font-size:11px}
.titlebox form{position:static}
.titlebox .usertext-body .md ol{list-style:none;font-size:9px;padding:0;margin:0;height:16px;position:absolute;top:80px;left:16px;opacity:0.7!important;border:1px solid #333;border-radius:2px;color:#cee3f8;background:#333;text-transform:uppercase}
.titlebox .usertext-body .md ol li{display:inline;padding:2px;margin:0;margin-right:1.5em}
.titlebox .usertext-body .md ol:hover{opacity:0.9!important}
.titlebox .usertext-body .md ol li a{font-family:Verdana,Arial,sans-serif;color:#fff}
.titlebox .usertext-body .md ol li a[href="/r/Anarchy101"],.titlebox .usertext-body .md ol li a[href="/r/DebateAnarchism"]{font-size:12px!important;font-weight:bold;color:#DDD}
.titlebox .usertext-body .md ol li a:hover{font-family:Verdana,Arial,sans-serif;color:#e74574}
.titlebox .usertext-body .md ol {
list-style: none;
font-size: 9px;
padding: 0;
margin: 0;
height: 16px;
position: absolute;
top: 80px;
left: 16px;
opacity: 0.7;
border: 1px solid #333;
border-radius: 2px;
color: #cee3f8;
background: #333;
}
.titlebox .usertext-body .md ol li {
display: inline;
padding: 2px;
margin: 0 0 0 0.5rem;
}
.titlebox .usertext-body .md ol li:last-child {
margin-right: 0.5rem;
}
.titlebox .usertext-body .md ol:hover {
opacity: 1;
}
.titlebox .usertext-body .md ol li a {
color: white;
}
.titlebox .usertext-body .md ol li a[href="/r/Anarchy101"],.titlebox .usertext-body .md ol li a[href="/r/DebateAnarchism"] {
font-weight: bold;
text-transform: uppercase;
}
.titlebox .usertext-body .md ol li a:hover{
color: #e38a8a;
}
html:lang(ev) .link:not(.linkflair-event){display:none}
a[href="/tw"]{background:#cee3f8;color:#F00!important;cursor:default;font-weight:bold!important}
a[href="/tw"]:active{pointer-events:none}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment