MediaWiki:Tweeki.css: Forskjell mellom sideversjoner
mIngen redigeringsforklaring |
mIngen redigeringsforklaring |
||
| (929 mellomliggende sideversjoner av samme bruker vises ikke) | |||
| Linje 14: | Linje 14: | ||
} | } | ||
/* | /* NAVBAR */ | ||
#content | /* Custom navbar */ | ||
.navbar-fixed-top { | |||
border-width: 0 0 1; | |||
} | |||
.navbar-default { | |||
font-size: 16px; | |||
background-image: none; | |||
background-color: #fff; | |||
color: #333; | |||
box-shadow: none; | |||
} | |||
.navbar-right { | |||
font-size: 20px; | |||
} | |||
.navbar-default .navbar-nav > li > a { | |||
color: #333; | |||
padding-left: 20px; | |||
padding-right: 20px; | |||
} | |||
.navbar-default .navbar-nav > .active > a { | |||
color: #333; | |||
background-color: #fff; | |||
} | |||
.navbar-default .navbar-nav > li > a:hover, | |||
.navbar-default .navbar-nav > li > a:focus, | |||
.navbar-default .navbar-nav > .active > a:hover, | |||
.navbar-default .navbar-nav > .active > a:focus, | |||
.navbar-default .navbar-nav > .open > a { | |||
color: #333; | |||
background: transparent; | |||
} | |||
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { | |||
color: #333; | |||
background-color: #fff; | |||
box-shadow: none; | |||
} | |||
.navbar-default .navbar-collapse, .navbar-default .navbar-form { | |||
border: 0; | |||
box-shadow: none; | |||
} | |||
.glyphicon.glyphicon-menu-hamburger { | |||
font-size: 18px; | |||
} | |||
.glyphicon.glyphicon-cog { | |||
font-size: 18px; | |||
} | |||
.glyphicon.glyphicon-user { | |||
font-size: 18px; | |||
} | |||
/* Dropdown */ | |||
.navbar-default .navbar-nav .dropdown-menu { | |||
background-color: #fff; | |||
} | |||
.navbar-default .navbar-nav .dropdown-menu > li > a { | |||
color: #333; | |||
} | |||
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:focus { | |||
color: #333; | |||
} | |||
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { | |||
max-height: 700px; | |||
} | |||
/* Search */ | |||
.navbar-form .form-control input[type="search"] { | |||
height: 42px; | |||
} | |||
} | |||
.searchdidyoumean { | |||
margin-left: 0.4em; | |||
} | |||
.results-info { | |||
float: left; | |||
} | |||
.mw-search-results { | |||
margin-block-start: 0px; | |||
padding-inline-start: 0px; | |||
margin-left: 0px; | |||
} | |||
.mw-search-createlink { | |||
text-align: left; | |||
} | |||
.mw-search-nonefound { | |||
font-size: 1.3125em; | |||
} | |||
.searchresult { | |||
color: #333; | |||
} | |||
.mw-search-pager-bottom { | |||
color: #333; | |||
} | |||
.mw-search-pager-bottom a { | |||
float: none; | |||
padding: 0 0; | |||
} | |||
.mw-numlink { | |||
display: inline; | |||
} | |||
.drilldown-results ul { | |||
padding-inline-start: 0px; | |||
} | |||
.drilldown-tabs ul { | |||
margin-left: 0em; | |||
} | |||
/* CONTENT */ | |||
/* Long word breaking to fit small screens */ | |||
.mw-content-ltr { | |||
overflow-wrap: break-word; | |||
} | |||
/* Changes page name from default align center to left */ | |||
.firstHeading { | |||
font-size: 23px; | font-size: 23px; | ||
text-align: left; | text-align: left; | ||
} | } | ||
#content h2 { | |||
/* Full width background */ | |||
body.page-Sandbox { | |||
overflow-x: hidden; | |||
} | |||
body.page-Sandbox>.with-navbar.with-navbar-fixed { | |||
padding-top: 0; | |||
} | |||
.bg-full-top { | |||
position: relative; | |||
padding-top: 20px; | |||
} | |||
@media (min-width: 768px) { | |||
.bg-full-top { | |||
padding-top: 50px; | |||
} | |||
} | |||
@media (min-width: 992px) { | |||
.bg-full-top { | |||
padding-top: 75px; | |||
} | |||
} | |||
.bg-full-top:before { | |||
content: ''; | |||
position: absolute; | |||
top: 0; | |||
left: 50%; | |||
transform: translateX( -50%); | |||
height: 100%; | |||
width: 100vw; | |||
background-color: #147692; | |||
} | |||
.bg-full-top2 { | |||
position: relative; | |||
} | |||
.bg-full-top2:before { | |||
content: ''; | |||
position: absolute; | |||
top: 0; | |||
left: 50%; | |||
transform: translateX( -50%); | |||
height: 100%; | |||
width: 100vw; | |||
background-color: #147692; | |||
background-image: url('/static/bg-top.svg'); | |||
background-repeat: repeat-x; | |||
background-size: cover; | |||
} | |||
.bg-full-top3 { | |||
position: relative; | |||
} | |||
.bg-full-top3:before { | |||
content: ''; | |||
position: absolute; | |||
top: 0; | |||
left: 50%; | |||
transform: translateX( -50%); | |||
height: 100%; | |||
width: 100vw; | |||
background-color: #014f67; | |||
} | |||
.bg-full2 { | |||
position: relative; | |||
} | |||
.bg-full2:before { | |||
content: ''; | |||
position: absolute; | |||
top: 0; | |||
left: 50%; | |||
transform: translateX( -50%); | |||
height: 100%; | |||
width: 100vw; | |||
background: #f2f8f8; | |||
overflow: hidden; | |||
} | |||
/* Content bottom - Related articles */ | |||
.ra-read-more h2 { | |||
font-size: 21px; | font-size: 21px; | ||
} | } | ||
/* Main page Search options */ | |||
margin: 0 auto | #searchOptions-main-row { | ||
padding-top: 5px; | |||
} | |||
#searchOptions-main a { | |||
color: #ffffff; | |||
} | |||
/* FOOTER */ | |||
#footer { | |||
background: #f1ece6; | |||
color: #ffa100; | |||
} | |||
#footer a:link { | |||
color: #000; | |||
} | |||
#footer a:visited { | |||
color: #000; | |||
} | |||
#footer a:hover { | |||
color: #000; | |||
} | |||
#footer a:active { | |||
color: #000; | |||
} | |||
/* BUTTONS */ | |||
.btn-green { | |||
color: #ffffff; | |||
background: #009b48; | |||
border-color: #009b48; | |||
border-radius: 0; | |||
padding-left: 20px; | |||
padding-right: 20px; | |||
} | |||
.btn-green:hover { | |||
color: #ffffff; | |||
background: #00823D; | |||
border-color: #00823D; | |||
} | |||
.btn-green2 { | |||
color: #009b48; | |||
background: transparent; | |||
border-color: #009b48; | |||
border-radius: 0; | |||
padding-left: 20px; | |||
padding-right: 20px; | |||
} | |||
.btn-green2:hover { | |||
color: #ffffff; | |||
background: #009b48; | |||
border-color: #009b48; | |||
} | |||
/* FONT AWESOME ICONS */ | |||
.fa-search { | |||
color: #1fadc5; | |||
} | |||
.fa-search-plus { | |||
color: #1fadc5; | |||
} | |||
.fa-sort-amount-down { | |||
color: #1fadc5; | |||
} | |||
.fa-list { | |||
color: #1fadc5; | |||
} | |||
.fa-gavel { | |||
color: #009b48; | |||
} | |||
.sistrix { | |||
color: #CCC; | |||
} | |||
/* TESTING */ | |||
.mw-category { | |||
display: block; | |||
column-count: 3; | |||
} | |||
div.mw-category-group { | |||
display: block; | |||
float: left; | |||
width: 33%; | |||
} | |||
.mw-category-group h3 { | |||
display: block; | |||
float: left; | |||
width: 33%; | |||
} | |||
.mw-category-group ul { | |||
display: block; | |||
list-style-type: disc; | |||
margin-block-start: 1em; | |||
margin-block-end: 1em; | |||
margin-inline-start: 0px; | |||
margin-inline-end: 0px; | |||
} | |||
/* Related articles */ | |||
.ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { | |||
background-image: url(/w/extensions/RelatedArticles/resources/ext.relatedArticles.cards/article-new.png?d3e4a); | |||
} | |||
/* PANEL BOXES */ | |||
.panel { | |||
border-radius: 0; | |||
} | |||
.panel-default { | |||
border-color: transparent; | |||
} | |||
.panel-default>.panel-heading { | |||
background-image: none; | |||
background-color: transparent; | |||
border-bottom-width: 3px; | |||
border-left-color: #fff; | |||
border-bottom-color: #009b48; | |||
padding-top: 20px; | |||
padding-bottom: 10px; | |||
} | |||
.panel-title { | |||
font-size: 18px; | |||
} | |||
/* TABLES */ | |||
.table-responsive { | |||
margin: 30px 0; | |||
} | |||
.table-wrapper { | |||
min-width: 100%; | |||
background: #fff; | |||
padding: 20px; | |||
box-shadow: 0 1px 1px rgba(0,0,0,.05); | |||
} | |||
.table-title { | |||
padding-bottom: 10px; | |||
margin: 0 0 10px; | |||
} | |||
.table-title h2 { | |||
margin: 8px 0 0; | |||
font-size: 22px; | |||
} | |||
.search-box { | |||
position: relative; | |||
float: right; | |||
} | |||
.search-box input { | |||
height: 34px; | |||
border-radius: 20px; | |||
padding-left: 35px; | |||
border-color: #ddd; | |||
box-shadow: none; | |||
} | |||
.search-box input:focus { | |||
border-color: #3FBAE4; | |||
} | |||
.search-box i { | |||
color: #a0a5b1; | |||
position: absolute; | |||
font-size: 19px; | |||
top: 8px; | |||
left: 10px; | |||
} | |||
table.table tr th, table.table tr td { | |||
border-color: #e9e9e9; | |||
} | |||
table.table-striped tbody tr:nth-of-type(odd) { | |||
background-color: #fcfcfc; | |||
} | |||
table.table-striped.table-hover tbody tr:hover { | |||
background: #f5f5f5; | |||
} | |||
table.table th i { | |||
font-size: 13px; | |||
margin: 0 5px; | |||
cursor: pointer; | |||
} | |||
table.table td:last-child { | |||
width: 140px; | |||
} | |||
table.table td a { | |||
color: #a0a5b1; | |||
display: inline-block; | |||
margin: 0 5px; | |||
} | |||
table.table td i { | |||
font-size: 19px; | |||
} | |||
.pagination { | |||
float: right; | |||
margin: 0 0 5px; | |||
} | |||
/* Navbar search-form */ | |||
.navbar-default .navbar-form { | |||
width: auto; | |||
margin-left: 0; | |||
margin-right: 0; | |||
} | |||
.navbar-form .form-control { | |||
display: inline-block; | |||
border-radius: 24px; | |||
z-index: 3; | |||
font-size: 16px; | |||
box-shadow: none; | |||
} | |||
@media (min-width: 992px) { | |||
.navbar-default .navbar-form { | |||
position: absolute; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
} | |||
} | } | ||