MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (159 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* roboto-italic - latin */ | |||
@font-face { | |||
font-family: 'Roboto'; | |||
font-style: italic; | |||
font-weight: 400; | |||
src: local('Roboto Italic'), local('Roboto-Italic'), | |||
url('fonts/roboto-v20-latin/roboto-v20-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ | |||
url('fonts/roboto-v20-latin/roboto-v20-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |||
} | |||
/* roboto-regular - latin */ | |||
@font-face { | |||
font-family: 'Roboto'; | |||
font-style: normal; | |||
font-weight: 400; | |||
src: local('Roboto'), local('Roboto-Regular'), | |||
url('https://beds24.com/include/fonts/roboto-v20-latin/roboto-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ | |||
url('https://beds24.com/include/fonts/roboto-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |||
} | |||
/* roboto-500 - latin */ | |||
@font-face { | |||
font-family: 'Roboto'; | |||
font-style: normal; | |||
font-weight: 500; | |||
src: local('Roboto Medium'), local('Roboto-Medium'), | |||
url('https://www.beds24.com/include/fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ | |||
url('https://www.beds24.com/include/fonts/roboto-v20-latin/roboto-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |||
} | |||
/* roboto-500italic - latin */ | |||
@font-face { | |||
font-family: 'Roboto'; | |||
font-style: italic; | |||
font-weight: 500; | |||
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), | |||
url('https://www.beds24.com/include/fonts/roboto-v20-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ | |||
url('https://www.beds24.com/include/fonts/roboto-v20-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |||
} | |||
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"; | |||
| Line 5: | Line 47: | ||
background-color: #ffffff; | background-color: #ffffff; | ||
background-image: none; | background-image: none; | ||
font-family: | font-family: Roboto-Regular, sans-serif; | ||
min-height: 400px; | min-height: 400px; | ||
color: #112a49; | color: #112a49; | ||
| Line 11: | Line 53: | ||
.mw-body h1, .mw-body-content h1, .mw-body-content h2 { | .mw-body h1, .mw-body-content h1, .mw-body-content h2 { | ||
font-family: | font-family: Roboto-Regular, sans-serif !important; | ||
} | } | ||
| Line 26: | Line 68: | ||
} | } | ||
.rootpage-Main_Page .fas{ | |||
font-size: 130%; | |||
} | |||
.btn { | |||
vertical-align: middle; | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
padding: .375rem .75rem; | |||
font-size: 1rem; | |||
line-height: 1.5; | |||
border-radius: 2rem; | |||
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; | |||
} | |||
.btn-danger { | |||
background-color: #fe746c; | |||
border-color: #fe746c; | |||
color: #ffffff; | |||
} | |||
#simpleSearch { | |||
border: 2px solid #019cde; | |||
border-radius: 2rem; | |||
height: 2em; | |||
} | |||
#simpleSearch #searchInput { | |||
padding: 0.4em 0 0.4em 0.4em; | |||
border: none; | |||
font-size: 0.8rem; | |||
} | |||
.mw-body .firstHeading { | |||
padding: 0 10px 0 10px; | |||
} | |||
@media screen { | |||
.vector-menu-tabs-legacy li { | |||
background-image: none; | |||
} | |||
} | |||
#toc, .toc, .mw-warning, .toccolours { | #toc, .toc, .mw-warning, .toccolours { | ||
background-color: transparent; | background-color: transparent; | ||
| Line 32: | Line 118: | ||
border: none; | border: none; | ||
width: 100%; | width: 100%; | ||
} | |||
#toc, .toc{ | |||
/*background-color: #f7f7f7;*/ | |||
width: auto; | |||
padding-right: 40px; | |||
} | } | ||
| Line 37: | Line 129: | ||
text-align: left; | text-align: left; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
} | |||
.toc h2{ | |||
font-weight: normal; | |||
} | |||
.heading{ | |||
font-size: 1.8em; | |||
display: none; | |||
} | } | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
color: #112a49; | color: #112a49; | ||
border-bottom: none; | border-bottom: none; | ||
} | |||
.shadow{ | |||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) !important; | |||
border-radius: 0.4rem; | |||
padding: 10px; | |||
margin: 7px; | |||
} | |||
.summarybox{ | |||
background-color: #f7f7f7; | |||
padding: 10px; | |||
} | |||
.summarybox p { | |||
margin-bottom: 0.2rem; | |||
} | |||
.summarybox ul { | |||
margin-bottom:1em; | |||
} | |||
.summarybox li { | |||
margin-bottom: 0; | |||
} | |||
.bluebox{ | |||
background-color: #EFF9FD; | |||
padding: 10px; | |||
} | |||
.page-Main_Page .mw-headline-number{ | |||
display: none !important; | |||
} | |||
.mw-category-generated { | |||
border-top: 1px solid; | |||
margin-top: 10px; | |||
} | |||
.mw-category-generated h3, #ca-nstab-category, .mw-category-generated p{ | |||
display: none; | |||
} | |||
/*hide left tabs*/ | |||
#ca-nstab-category, #ca-nstab-main{ | |||
display: none; | |||
} | |||
/*Make discussion white*/ | |||
#ca-talk, #ca-talk a{ | |||
color: #ffffff !important} | |||
/*Collapsible*/ | |||
.mw-collapsible{ | |||
margin-bottom: 0.5em; | |||
} | |||
.mw-collapsible-toggle{ | |||
float: left !important; | |||
margin: 2px; | |||
} | |||
.mw-collapsible-toggle-default::before { | |||
content: ' '; | |||
} | |||
.mw-collapsible-toggle-default::after { | |||
content: '↓'; | |||
color: #4b77d6; | |||
margin-left: 1px; | |||
} | |||
.mw-collapsible-toggle-expanded::after { | |||
content: '↑'; | |||
color: #4b77d6; | |||
margin-left: 1px; | |||
} | |||
.headline-collapse{ | |||
background-color: #f7f7f7; | |||
border: 1px solid #c7c7c7; | |||
font-weight: bold; | |||
padding: 2px; | |||
margin: 0; | |||
} | |||
.headline-collapse p, .headline-collapse h1, .headline-collapse h2, .headline-collapse h3, .headline-collapse h4, .headline-collapse h5 { | |||
margin: 0; | |||
} | |||
.headline-collapse h1, .headline-collapse h2, .headline-collapse h3, .headline-collapse h4, .headline-collapse h5 { | |||
font-size: 1em; | |||
padding-top: 3px; | |||
} | |||
.mw-collapsible span.mw-collapsible-toggle { | |||
padding: 10px 10px 0 10px; | |||
} | } | ||
| Line 51: | Line 255: | ||
white-space: -o-pre-wrap; /* Opera 7 */ | white-space: -o-pre-wrap; /* Opera 7 */ | ||
word-wrap: break-word; /* Internet Explorer 5.5+ */ | word-wrap: break-word; /* Internet Explorer 5.5+ */ | ||
border-left: 2px solid #019cde; | |||
border-color: # | border-top: none !important; /* for mobile */ | ||
font-family: | padding-bottom: none !important; /* for mobile */ | ||
border-right: none !important; /* for mobile */ | |||
background-color: #EFF9FD; | |||
font-family: Roboto-Regular, sans-serif !important; | |||
/* | |||
color: #019cde; | |||
border-color: #017baf; | |||
border: none; | |||
border-left: 3px solid #019cde;*/ | |||
padding-left: 2px: | |||
} | } | ||
.warning { | |||
background-color: #fee0dd; | |||
border-left: 1px solid #fe746c; | |||
color: #fe746c; | |||
padding: 0.5rem; | |||
line-height: 1.3; | |||
font-size: 100%; | |||
} | |||
.warning a, .warning a:visited { | |||
color: #fe746c !important; | |||
font-weight: bold !important; | |||
} | |||
.warning a:hover { | |||
text-decoration: underline !important; | |||
} | |||
.warning ul { | |||
list-style-image: none; | |||
} | |||
.catlinks { | .catlinks { | ||
| Line 89: | Line 326: | ||
} | } | ||
.firstHeading { display: none } | /* Headline - includes category*/ | ||
.firstHeading { | |||
display: none } | |||
#contentSub { | #contentSub { | ||
display: none } | display: none } | ||
#p-tb, .mw-search-formheader, | #p-tb, .mw-search-formheader, #footer-places-about { | ||
display: none } | display: none } | ||
| Line 117: | Line 354: | ||
a:visited { | a:visited { | ||
color: # | color: #019cde !important; | ||
} | |||
.shadow a, .shadow a:visited{ | |||
color: #112a49 !important; | |||
} | |||
.shadow a:hover { | |||
color: #019cde !important; | |||
} | |||
#bodyContent .startbox a, #bodyContent .startbox a:link, #bodyContent .startbox a:visited, #bodyContent .startbox a:active { | |||
color: #019cdet; | |||
} | |||
#bodyContent .startbox a:hover { | |||
color: #112a49; | |||
} | |||
.whitelink { | |||
color: #fff !important; | |||
} | |||
whitelink:visited { | |||
color: #fff !important; | |||
} | } | ||
#bodyContent a:link, a:visited, a:active { | #bodyContent a:link, a:visited, a:active { | ||
| Line 176: | Line 439: | ||
#mw-panel #p-logo + .portal { | #mw-panel #p-logo + .portal { | ||
background-image: none; | background-image: none; | ||
margin-top: | margin-top: 1.5em; | ||
} | } | ||
| Line 287: | Line 550: | ||
table.wikitable { | table.wikitable { | ||
background-color: #ffffff; | background-color: #ffffff; | ||
} | |||
.mw-jump-link { | |||
display: none; | |||
} | |||
video { | |||
border: 3px solid #1a1a1a; | |||
} | } | ||
| Line 297: | Line 568: | ||
background-color: #ffffff; | background-color: #ffffff; | ||
background-image: none; | background-image: none; | ||
} | } | ||
| Line 336: | Line 606: | ||
} | } | ||
} | } | ||
.vector-search-box-input:focus { | |||
box-shadow: none !important; | |||
} | |||