Template:TabRow/themes.scss: Difference between revisions
From TowersWiki
(Created page with ".tabPanel { display: none; } .tab a { text-decoration: none; } .anchor_target { display: none; } .anchor_target:target + .tab a { opacity: 1; } .anchor_target:target + .tab.theme_headline a { border-bottom: 1px solid #41000; } .tab a { display: inline-block; padding: 0 1em; margin: 0 .5em .5em; opacity: 0.5; border-bottom: none; }") |
(Creating a default underline (it looks good in all of the themes)) |
||
(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.tabPanel { | .tabPanel { | ||
display: none; | display: none; | ||
} | |||
.tab { | |||
font-weight: bold; | |||
} | } | ||
.tab a { | .tab a { | ||
text-decoration: none; | text-decoration: none; | ||
} | |||
.tab.theme_skyline a, .tab.theme_skyline a:visited, .tab.theme_skyline a:hover { | |||
color: #87CEFA; | |||
} | } | ||
Line 13: | Line 21: | ||
.anchor_target:target + .tab a { | .anchor_target:target + .tab a { | ||
opacity: 1; | opacity: 1; | ||
} | |||
.anchor_target:target + .tab a { | |||
border-bottom: 1px solid #36b; | |||
} | } | ||
.anchor_target:target + .tab.theme_headline a { | .anchor_target:target + .tab.theme_headline a { | ||
border-bottom: 1px solid # | border-bottom: 1px solid #410000; | ||
} | |||
.anchor_target:target + .tab.theme_skyline a { | |||
border-bottom: 1px solid #87CEFA; | |||
} | } | ||
Latest revision as of 05:44, 25 July 2024
.tabPanel {
display: none;
}
.tab {
font-weight: bold;
}
.tab a {
text-decoration: none;
}
.tab.theme_skyline a, .tab.theme_skyline a:visited, .tab.theme_skyline a:hover {
color: #87CEFA;
}
.anchor_target {
display: none;
}
.anchor_target:target + .tab a {
opacity: 1;
}
.anchor_target:target + .tab a {
border-bottom: 1px solid #36b;
}
.anchor_target:target + .tab.theme_headline a {
border-bottom: 1px solid #410000;
}
.anchor_target:target + .tab.theme_skyline a {
border-bottom: 1px solid #87CEFA;
}
.tab a {
display: inline-block; padding: 0 1em; margin: 0 .5em .5em; opacity: 0.5; border-bottom: none;
}