MediaWiki:Tweeki.css: Forskjell mellom sideversjoner
Utseende
mIngen redigeringsforklaring |
mIngen redigeringsforklaring |
||
| (10 mellomliggende sideversjoner av samme bruker vises ikke) | |||
| Linje 180: | Linje 180: | ||
.bg-full-top2 { | .bg-full-top2 { | ||
position: relative; | position: relative; | ||
} | } | ||
.bg-full-top2:before { | .bg-full-top2:before { | ||
| Linje 200: | Linje 190: | ||
width: 100vw; | width: 100vw; | ||
background-color: #147692; | background-color: #147692; | ||
background-image: url('/static/bg-top.svg'); | |||
background-repeat: repeat-x; | |||
background-size: cover; | |||
} | } | ||
.bg-full-top3 { | .bg-full-top3 { | ||
position: relative; | position: relative; | ||
} | } | ||
.bg-full-top3:before { | .bg-full-top3:before { | ||
| Linje 244: | Linje 229: | ||
/* Main page Search options */ | /* Main page Search options */ | ||
#searchOptions-main-row { | #searchOptions-main-row { | ||
padding-top: 5px; | padding-top: 5px; | ||
} | } | ||
#searchOptions-main a { | #searchOptions-main a { | ||
color: # | color: #ffffff; | ||
} | } | ||
Siste sideversjon per 27. sep. 2020 kl. 23:36
/* CSS placed here will affect users of the Tweeki skin */
@import url( 'https://fonts.googleapis.com/css2?family=Roboto ');
@import url( 'https://fonts.googleapis.com/css2?family=Open+Sans ');
/* Changes the default font used for MediaWiki to Roboto (does not include headings or monospaced text): */
body {
font-family: "Roboto","Open Sans",sans-serif;
font-size: 15px;
line-height: 22px !important;
font-weight: 400;
letter-spacing: 0;
font-style: normal;
color: #333;
}
/* NAVBAR */
/* 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;
text-align: left;
}
/* 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;
}
/* Main page Search options */
#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%);
}
}