MediaWiki:Tweeki.css: Forskjell mellom sideversjoner

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%);
	}
}