MediaWiki:Common.css: verschil tussen versies
Geen bewerkingssamenvatting Label: Teruggedraaid |
Geen bewerkingssamenvatting Label: Teruggedraaid |
||
| Regel 1: | Regel 1: | ||
/** | @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); | ||
/* Portal banners */ | |||
.portal-banner {height: 350px; width: 100%;background-repeat:no-repeat;background-color:#000;background-position:left;margin-bottom: 20px;} | |||
.homepage-banner {background: url(/wiki/images/portals/thrwiki.png) repeat-x #000 left} | |||
.ny-banner {background: url(/wiki/images/portals/newyear.png) no-repeat #000 left} | |||
.val-banner {background: url(/wiki/images/portals/valentines.png) no-repeat #000 left} | |||
.easter-banner {background-image:url(/wiki/images/portals/easter.png);background-repeat:repeat-x;} | |||
.christmas-banner {background-image:url(/wiki/images/portals/christmas.png);background-repeat:repeat-x;} | |||
.summer-banner {background-image:url(/wiki/images/portals/summer.png);background-repeat:repeat-x;} | |||
.habboween-banner {background-image:url(/wiki/images/portals/habboween.png);background-repeat:repeat-x;} | |||
.help-banner {background-image:url(/wiki/images/portals/help.png);background-repeat:repeat-x;} | |||
/* Header styles */ | |||
.h-edit, .question {background: url(images/headers/question.png),linear-gradient(140deg,#7641b9 50%,#6a36ad 50%,#6a36ad 70%,#532194 70%,#532194 100%);} | |||
.h-feat, .stars {background: url(images/headers/stars.png),linear-gradient(140deg,#0096ce 50%,#0388b9 50%,#0388b9 70%,#007ca9 70%,#007ca9 100%);} | |||
.h-file {background: url(images/headers/general.png),linear-gradient(140deg,#d6b332 50%,#cca92b 50%,#cca92b 70%,#c1a027 70%,#c1a027 100%);} | |||
.h-ltds, .furni {background: url(images/headers/furni.png),linear-gradient(140deg,#39b593 50%,#2da282 50%, #2da282 70%,#259274 70%, #259274 100%);} | |||
.h-curr, .bulb {background: url(images/headers/wiki.png),linear-gradient(140deg,#b72704 50%,#ae2505 50%,#a12207 70%,#8f1e09 70%,#75180d 100%);} | |||
.h-cons, .cog {background: url(images/headers/settings.png),linear-gradient(140deg,#ef8a1a 50%,#de8018 50%,#de8018 70%,#cc7412 70%,#cc7412 100%);} | |||
.h-hot, .hotel {background: url(images/headers/hotel.png),linear-gradient(140deg,#92ca47 50%,#7eb535 50%,#7eb535 70%,#71a52b 70%,#71a52b 100%);} | |||
.h-comps, .pres {background: url(images/headers/comps.png),linear-gradient(140deg,#e6b7d5 50%,#e096c5 50%,#e096c5 70%,#d486b8 70%,#d486b8 100%);} | |||
.h-room, .rooms {background:url(images/headers/rooms.png),linear-gradient(140deg,#4745ca 50%,#2827a7 50%,#2827a7 70%,#2827a7 70%,#0f157d 100%);} | |||
.ducks {background: url(images/headers/ducks.png),linear-gradient(140deg,#d6b332 50%,#cca92b 50%,#cca92b 70%,#c1a027 70%,#c1a027 100%);} | |||
.hearts {background: url(images/headers/hearts.png),linear-gradient(140deg,#e096c5 50%,#d486b8 50%,#d486b8 70%,#c36fa5 70%,#c36fa5 100%);} | |||
.people {background: url(images/headers/people.png),linear-gradient(140deg,#888888 50%,#5d5d5d 50%,#5d5d5d 70%,#444444 70%,#444444 100%);} | |||
.xmas {background: url(images/headers/santahat.png),linear-gradient(140deg,#b72704 50%,#ae2505 50%,#a12207 70%,#8f1e09 70%,#75180d 100%);} | |||
.summer{background: url(images/headers/lifebuoy.png),linear-gradient(140deg,#0096ce 50%,#0388b9 50%,#0388b9 70%,#007ca9 70%,#007ca9 100%);} | |||
.bobba{background: url(images/headers/skull.png),linear-gradient(140deg,#675575 50%,#4a345b 50%,#4a345b 70%,#362346 70%,#362346 100%);} | |||
.newyear{background:url(/wiki/images/headers/stars.png),linear-gradient(140deg,#144b8e 50%,#003371 50%,#003371 70%,#001b45 70%,#001b45 100%);} | |||
/*Portals*/ | |||
.portal-header{ | |||
margin: 0!important; | |||
font-family: 'Ubuntu'!important; | |||
color: white; | |||
font-size: 20px!important; | |||
height: 50px; | |||
border: 0; | |||
line-height: 50px!important; | |||
padding-left: 10px!important; | |||
display: block!important;} | |||
.portal-footer { | |||
background: url(/wiki/images/headers/badges.png),linear-gradient(140deg,#252525 50%,#505050 50%,#505050 70%,#717171 70%,#717171 85%,#9c9c9c 85%,#9c9c9c 100%); | |||
height: 40px; | |||
margin: 0px 0px 0px 0px; | |||
padding-left: 4%; | |||
float: left; | |||
position: relative; | |||
width: 96%; | |||
} | |||
.portal-banner .mw-heading.mw-heading1 {border: 0px;} | |||
/* Navboxes */ | |||
.navbox { | |||
text-align: left; | |||
border-spacing: 0px; | |||
width:100%; | |||
font-size: 12px; | |||
} | |||
.navbox th { | |||
background: url(images/headers/wiki.png), linear-gradient(140deg, #65902a 50%, #71a52b 50%, #71a52b 70%, #7eb535 70%, #7eb535 85%, #92ca47 85%, #92ca47 100%); | |||
color: #FFF; | |||
font-size: 20px; | |||
padding:10px; | |||
line-height: 20px; | |||
} | |||
.navbox tr:nth-child(even) {background: #eee} | |||
.navbox tr:nth-child(odd) {background: #f9f9f9} | |||
.navbox td:first-of-type {padding-right: 20px;font-weight: bold;white-space: nowrap;} | |||
.navbox tr:nth-child(odd) td:first-of-type {background: #efefef;} | |||
.navbox tr:nth-child(even) td:first-of-type {background: #dee0df;} | |||
.infobox { | .infobox { | ||
font-size: 0.85em; | |||
background-color: #F9F9F9; | |||
width: 300px; | |||
float: right; | |||
margin: 0px 0px 10px 10px; | |||
border-spacing: 0px; | |||
} | } | ||
.infobox | @media screen and (max-width: 720px) { | ||
.infobox {width:100%;margin:0px 0px 20px 0px} | |||
} | } | ||
. | .infobox td {padding: 2px 10px;} | ||
/*Infobox headers*/ | |||
.ib-header {text-align:center;color: white;font-size: 20px;font-family: 'Ubuntu',sans-serif;background: url(/wiki/images/headers/wiki.png);border-width: 0px 0px 10px 0px;border-color: #f9f9f9;border-style: solid;} | |||
.ib-room {background: url(/wiki/images/headers/rooms.png);} | |||
.ib-furni {background: url(/wiki/images/headers/furni.png);} | |||
.ib-badges {background: url(/wiki/images/headers/badges.png);} | |||
.ib-hand {background: url(/wiki/images/headers/hand.png);} | |||
.ib-people {background: url(/wiki/images/headers/people.png);} | |||
.ib-stars {background: url(/wiki/images/headers/stars.png);} | |||
.ib-present {background: url(/wiki/images/headers/comps.png);} | |||
.ib-game {background: url(/wiki/images/headers/events.png);} | |||
.ib-hotel {background: url(/wiki/images/headers/hotel.png);} | |||
.ib-ducks {background: url(/wiki/images/headers/ducks.png);} | |||
.ib-fansite {background: url(/wiki/images/headers/hfan-badge.png);} | |||
div#mw-panel { | |||
padding-top:0px !important; | |||
} | } | ||
. | .homepage-block-orange .mw-changeslist .mw-enhancedchanges-arrow-space, td.mw-enhanced-rc, .homepage-block-orange .mw-body-content h4, td.mw-changeslist-line-inner span.mw-usertoollinks, td.mw-changeslist-line-inner span.comment, .mw-content-ltr .mw-collapsible-toggle, .mw-content-rtl .mw-content-ltr .mw-collapsible-toggle {display:none!important;} | ||
.alertbox {text-align: left; width:100%; background:#eee; margin:10px 0px;border-spacing: 0px;} | |||
.ab-header {font-family: 'Ubuntu';color:white;font-size: 20px; padding: 10px 20px;} | |||
.ab-text {color: #545454;padding: 10px 20px;} | |||
.ab-image {padding-left: 140px;} | |||
.ab-general, .portal-gen, .general {background:url(images/headers/general.png),linear-gradient(140deg,#ef8a1a 40%,#e48216 40%,#e48216 55%,#d47610 55%,#d47610 70%,#ca6a01 70%,#ca6a01 85%,#b9670e 85%,#b9670e 100%);} | |||
.ab-future {background:url(images/headers/question.png),linear-gradient(140deg,#7f35af 40%,#7525a9 40%,#7525a9 55%,#681b9a 55%,#681b9a 70%,#5c138c 70%,#5c138c 85%,#480077 85%,#480077 100%);} | |||
.ab-current {background:url(images/headers/wiki.png), linear-gradient(140deg,#b72704 30%,#ae2505 30%,#ae2505 40%,#a12207 40%,#a12207 50%,#8f1e09 50%,#8f1e09 60%,#75180d 60%,#75180d 100%);} | |||
.ab-construction {background:url(images/headers/settings.png), linear-gradient(140deg,#ef8a1a 50%, #d47b18 50%, #d47b18 70%,#c56f10 70%,#c56f10 100%);} | |||
.home-block { | |||
width: 32%; | |||
height: 370px; | |||
display: inline-block; | |||
margin: 0.5%; | |||
} | } | ||
. | .home-header { | ||
margin: 0!important; | |||
font-family: 'Ubuntu'!important; | |||
background: url(https:// | color: white; | ||
padding: | font-size: 20px!important; | ||
height: 50px; | |||
border: 0; | |||
line-height: 50px!important; | |||
padding-left: 10px!important; | |||
display: block!important; | |||
} | |||
.home-block .gallerybox .thumb {width: fit-content!important;} | |||
.home-block .gallerybox .gallerytext {display: none;} | |||
.home-block .gallerybox, .home-block .gallery .gallerybox div { | |||
width: unset!important; | |||
} | |||
.LightGallery {margin: 0px!important;} | |||
.home-text { | |||
background: #F9F9F9; | |||
padding: 10px; | |||
font-size: 90%; | |||
height: 300px; | |||
overflow: auto; | |||
} | |||
.home-footer { | |||
background: url(/wiki/images/headers/badges.png),linear-gradient(140deg,#252525 50%,#505050 50%,#505050 70%,#717171 70%,#717171 85%,#9c9c9c 85%,#9c9c9c 100%); | |||
height: 40px; | |||
margin: 0px 0px 0px 0px; | |||
padding-left: 4%; | |||
float: left; | |||
position: relative; | |||
top: -40px; | |||
width: 96%; | |||
} | |||
.home-footer a, .portal-footer a { | |||
color: white!important; | |||
font-weight: bold; | |||
background: url(https://habbox.com/wp-content/themes/habboxv7/images/icons/read-more.png) no-repeat!important; | |||
padding-left: 25px; | |||
line-height: 40px; | |||
transition: 0.3s; | |||
} | |||
.home-footer p, .portal-footer p { | |||
margin: 0px!important; | |||
} | |||
.home-footer a:hover, .portal-footer a:hover { | |||
opacity:0.4; | |||
text-decoration:none; | |||
transition: 0.3s; | |||
} | |||
.home-banner-box {width:50%; float:right; display:inline-block;} | |||
.homepage-banner h1 { | |||
color: #fff; | |||
font-family: 'Ubuntu',sans-serif; | |||
font-size: 400%; | |||
font-weight: bold; | |||
float: right; | |||
background: #00000096; | |||
margin: 30px 5% 30px 10%; | |||
display: block; | |||
border: 0; | |||
padding: 2%; | |||
text-align: right; | |||
margin-top: 1em !important; | |||
} | |||
.home-block .ltd-feat { | |||
display: inline-block; | |||
float: right; | |||
} | |||
.homepage-banner p { | |||
color: #fff; | |||
font-family: 'Ubuntu',sans-serif; | |||
font-size: 150%; | |||
float: right; | |||
background: #00000096; | |||
margin: 0px 5% 0px 10%; | |||
display: block; | |||
border: 0; | |||
padding: 2%; | |||
text-align: right; | |||
} | |||
.portal-banner-h1 { | |||
color: #fff; | |||
font-family: 'Ubuntu',sans-serif!important; | |||
font-size: 400%; | |||
font-weight: bold; | |||
float: right; | |||
background: #00000096; | |||
margin: 30px 5% 30px 10%; | |||
display: block; | |||
border: 0; | |||
padding: 2% 5%!important; | |||
text-align: right; | |||
} | |||
.portal-box {margin-bottom: 20px;} | |||
.portal-box.full {clear: both;} | |||
.portal-box.half.left {margin-right: 2%;} | |||
.portal-box.half {width: 49%;float: left;} | |||
.portal-box.third {width:39%;float: left;} | |||
.portal-box.twothirds {width:59%;float: left;} | |||
.portal-box.third.left {margin-right: 2%;} | |||
.portal-box.twothirds.left {margin-right: 2%;} | |||
.portal-box img {margin: 0px 20px;} | |||
.portal-box .floatleft img {margin-left: 0px;} | |||
.portal-box .floatright img {margin-right: 0px;} | |||
.portal-box ~ p { display: none;} | |||
.portal-text {padding: 30px;background:#F9F9F9} | |||
@media only screen and (max-width: 1556px) {.homepage-banner h1, .portal-banner h1 {font-size:350%;}} | |||
@media only screen and (max-width: 1390px) {.homepage-banner p {font-size:130%;}} | |||
@media only screen and (max-width: 800px) {.homepage-banner p {display:none}.homepage-banner h1, .portal-banner h1 {font-size:300%;}} | |||
.intro-text { | |||
color: #50575C; | |||
font-size: 16px; | |||
font-family: Ubuntu, sans-serif; | |||
} | |||
.numbers-box { | |||
width: 100%; | |||
font-size: 0px; | |||
text-align: center; | |||
} | |||
.number:first-of-type { | |||
margin-left: 0px; | |||
} | |||
.number { | |||
display: inline-block; | |||
width: fit-content; | |||
background: #eee; | |||
font-size: 16px; | |||
margin: 0% 20px; | |||
min-width:10%; | |||
} | |||
.nh { | |||
color: white; | |||
font-family: 'Ubuntu'; | |||
font-size: 18px; | |||
font-weight: 500; | |||
margin: 0px; | |||
padding: 5px 30px; | |||
} | |||
.number:nth-of-type(1) .nh {background: url(images/headers/articles.png),linear-gradient(140deg,#ef8a1a 50%,#de8018 50%,#de8018 70%,#cc7412 70%,#cc7412 100%);} | |||
.number:nth-of-type(2) .nh {background: url(images/headers/ducks.png),linear-gradient(140deg,#92ca47 50%,#7eb535 50%,#7eb535 70%,#71a52b 70%, #71a52b 100%);} | |||
.number:nth-of-type(3) .nh {background: url(images/headers/hand.png),linear-gradient(140deg,#52d3ff 50%,#48c8f5 50%,#48c8f5 70%,#36b4e0 70%,#36b4e0 100%);} | |||
.nt { | |||
padding: 5px 30px ; | |||
} | |||
@media only screen and (min-width: 750px) and (max-width: 1200px) { | |||
.home-block {width:48%} | |||
} | |||
@media only screen and (max-width: 750px) { | |||
.home-block {width:98%} | |||
} | |||
.mw-changeslist { | |||
line-height: 2em; | |||
font-size: 1em; | |||
} | |||
.mw-changeslist .mw-tag-marker, .mw-changeslist .mw-title {font-weight:bold} | |||
.home-block details.mw-changeslist-legend { | |||
display: none; | |||
} | |||
.mw-enhanced-rc td:nth-of-type(2) {display: none;} | |||
.mw-changeslist h4 { | |||
font-weight: bold; | |||
font-size: 1.5em; | |||
margin: 0px; | |||
padding-bottom:10px; | |||
} | |||
.mw-rcfilters-ui-highlights-enhanced-nested td:first-of-type { | |||
display: none; | |||
} | |||
@media only screen and (max-width: 1832px) { | |||
.homepage-block-orange, .homepage-block-green, .homepage-block-blue{ | |||
width: 31.3%!important; | |||
} | |||
} | |||
@media only screen and (max-width: 1292px) { | |||
.homepage-block-orange, .homepage-block-green, .homepage-block-blue{ | |||
width: 31%!important; | |||
} | |||
} | |||
@media only screen and (max-width: 1100px) { | |||
.homepage-block-orange, .homepage-block-green, .homepage-block-blue{ | |||
width: 30.5%!important; | |||
} | |||
} | |||
@media only screen and (max-width: 504px) { | |||
.homepage-block-orange, .homepage-block-green, .homepage-block-blue{ | |||
width: 46.75%!important; | |||
} | |||
} | |||
.wikitable td { | |||
min-width: 100px; | |||
} | |||
.no-resize img {object-fit: scale-down;image-rendering: pixelated;} | |||
#p-googleadsense .body { | |||
display:block !important; | |||
} | |||
#p-googleadsense h5 { | |||
background: none !important; | |||
} | |||
#p-googleadsense h5 a { | |||
text-decoration: none !important; | |||
color: #4D4D4D !important; | |||
} | |||
#p-logo a { | |||
height:239px; | |||
} | |||
#p-logo { | |||
height:190px; | |||
} | |||
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript | |||
in [[MediaWiki:Common.js]] are styled here so they can be customised. */ | |||
.collapseButton { | |||
padding:5px; | |||
/* @noflip */ | |||
float: right; | |||
font-weight: normal; | |||
/* @noflip */ | |||
margin-left: 0.5em; | |||
/* @noflip */ | |||
text-align: right; | |||
width: auto; | |||
font-size:14px; | |||
font-weight:bold; | |||
} | |||
.hmain{display:block;} | |||
.htwo {display:none;} | |||
.hcont:hover .hmain{ | |||
display : none; | |||
} | |||
.hcont:hover .htwo{ | |||
display : block; | |||
} | |||
.collapseButton A:link {color: #191970;font-weight:bold;} | |||
.collapseButton A:visited {color: #191970;font-weight:bold;} | |||
.collapseButton A:active {color: #191970;font-weight:bold;} | |||
.collapseButton A:hover {color: #191970;font-weight:bold;} | |||
table.testtable{ | |||
margin:1em 1em 1em 0; | |||
border:1px #aaa solid; | |||
background:white; | |||
border-collapse:collapse; | |||
text-align:center; | |||
} | |||
.testtable th,.testtable td{ | |||
border:1px #AAA solid; | |||
padding-left:7px; | |||
padding-right:7px; | |||
} | |||
.testtable caption{ | |||
font-weight:bold | |||
} | |||
.testtable{ | |||
page-break-inside:avoid | |||
} | |||
.square { | |||
float: left; | |||
width:12px; | |||
height:12px; | |||
display:block; | |||
overflow:hidden; | |||
background:red; | |||
margin-left:5px; | |||
} | |||
#content table.wikitable { | |||
text-align:center; | |||
} | |||
.modwarn { | |||
-moz-border-radius:5px; | |||
-webkit-border-radius:5px; | |||
border-radius:5px; | |||
border:1px solid #e2001a; | |||
border-bottom-width:2px; | |||
width:75%; | |||
text-align:center; | |||
color:white; | |||
text-shadow:1px 1px 1px #e2394c; | |||
font-weight:bold; | |||
margin-right:auto; margin-left:auto; | |||
margin-bottom:10px; | |||
background:#e28892; | |||
} | |||
.modwarn .inner { | |||
border-top:1px solid #ffa4ae; | |||
padding:5px 10px; | |||
-moz-border-radius:5px; | |||
-webkit-border-radius:5px; | |||
border-radius:5px; | |||
} | |||
.modwarn .inner img.mw-icon { | |||
vertical-align:middle; | |||
float:left; | |||
margin-right:5px; | |||
} | |||
/* wikitable class for skinning normal tables | |||
* keep on sync with commonPrint.css | |||
*/ | |||
table.wikitable { | |||
margin: 1em 1em 1em 0; | |||
background: #f9f9f9; | |||
border: 1px #aaa solid; | |||
border-collapse: collapse; | |||
color: black; | |||
} | |||
.wikitable th, .wikitable td { | |||
border: 1px #aaa solid; | |||
padding: 0.2em; | |||
} | |||
.wikitable th { | |||
background: #f2f2f2; | |||
text-align: center; | |||
} | |||
.wikitable caption { | |||
font-weight: bold; | |||
} | |||
/* hide initially collapsed collapsable tables */ | |||
table.collapsed tr.collapsable { | |||
display: none; | |||
} | |||
table.ombox-notice { | |||
border: 1px solid #AAA; | |||
line-height: 1.6em; | |||
} | |||
table.ombox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #AAA; | |||
background: #F9F9F9; | |||
} | |||
th.mbox-text, td.mbox-text { | |||
border: none; | |||
padding: 0.25em 0.9em; | |||
width: 100%; | |||
} | |||
td.mbox-image { | |||
border: none; | |||
padding: 2px 0 2px 0.9em; | |||
text-align: center; | |||
} | |||
.wikiEditor-ui-toolbar .tabs, .wikiEditor-ui-toolbar .section-main {height: 0px;} | |||
.payday td:first-child, .payday th:first-child { | |||
display: none; | |||
} | } | ||