Mal:Forumtopp/stil.css
Utseende
@media screen and (max-width: 768px) {
.forumtopp {
padding: .1em;
}
.forumtopp .faner div {
padding: .1em;
}
.forumtopp .faner div a {
padding: .1em;
display: inline-block;
}
.forumtopp .beskrivelse {
padding: .1em;
}
.forumtopp .floatright {
display: none;
}
}
@media screen and (min-width: 768px) {
.forumtopp {
padding: .7em;
}
.forumtopp .faner div {
font-size: 1.3em;
margin: 0 .2em;
}
.forumtopp .faner div a {
padding: .7em;
display: inline-block;
}
.forumtopp .beskrivelse {
font-size: 1.1em;
padding: .7em;
}
}
.forumtopp {
clear: both;
background: #fafafa;
}
.forumtopp .faner div {
float: left;
margin:0 .2em 0 0;
border-top-width: .3em;
border-top-style: solid;
font-weight: bold;
transition: background 100ms;
}
.forumtopp .faner div:hover {
background: #efefef;
}
.faner .tinget, .faner .tinget a {
color: #d33682;
border-top-color: #d33682;
}
.forumtopp .beskrivelse-tinget {
border-bottom-color: #d33682;
}
.faner .torget, .faner .torget a {
color: #6c71c4;
border-top-color: #6c71c4;
}
.forumtopp .beskrivelse-torget {
border-bottom-color: #6c71c4;
}
.faner .begynner, .faner .begynner a {
color: #268bd2;
border-top-color: #268bd2;
}
.forumtopp .beskrivelse-begynner {
border-bottom-color: #268bd2;
}
.faner .notiser, .faner .notiser a {
color: #2aa198;
border-top-color: #2aa198;
}
.forumtopp .beskrivelse-notiser {
border-bottom-color: #2aa198;
}
.faner .aktiv, .forumtopp .beskrivelse {
background: #efefef !important;
}
.forumtopp .beskrivelse {
clear: both;
border-bottom-width: 1px;
border-bottom-style: solid;
}