MediaWiki:Mobile.css: Difference between revisions
From The Pokemon Insurgence Wiki
(Created page with "→CSS placed here will affect users of the mobile site: →Miscellaneous formatting features: .sc { font-variant: small-caps } .l { text-align: left; } .c { text-align...") Tags: mobile edit mobile web edit |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
/ | a[href="/User:1ofthe4rocketbros"] { | ||
color: #006600 !important; | |||
} | } | ||
a[href="/User:Deukhoofd"] { | |||
color: #006600 !important; | |||
} | } | ||
a[href="/User:Zero_breaker"] { | |||
color: #006600 !important; | |||
} | } | ||
a[href="/User:Xbser"] { | |||
color: #09acfb !important; | |||
} | } | ||
a[href="/User:Sleepymon12"] { | |||
color: #09acfb !important; | |||
} | } | ||
. | body.page-Main_Page h1.firstHeading { display: none; } | ||
table{ | |||
{ | border-collapse: initial!important; | ||
} | } | ||
td{ | |||
{ | padding: 2px; | ||
} | } | ||
.roundy { | |||
border-radius:10px; | |||
-moz-border-radius:10px; | |||
-webkit-border-radius:10px; | |||
-khtml-border-radius:10px; | |||
-icab-border-radius:10px; | |||
-o-border-radius:10px; | |||
} | } | ||
#toc, .toc { | |||
-moz-border-radius: 1em; | |||
-webkit-border-radius: 1em; | |||
border-radius: 1em; | |||
border-top-left-radius: 1em; | |||
border-top-right-radius: 1em; | |||
border-bottom-right-radius: 1em; | |||
border-bottom-left-radius: 1em; | |||
border: 1px solid #000066; | |||
border-top-color: #A87BDD; | |||
border-top-style: solid; | |||
border-top-width: 1px; | |||
border-right-color: #A87BDD; | |||
border-right-style: solid; | |||
border-right-width: 1px; | |||
border-bottom-color: #A87BDD; | |||
border-bottom-style: solid; | |||
border-bottom-width: 1px; | |||
border-left-color: #A87BDD; | |||
border-left-style: solid; | |||
border-left-width: 1px; | |||
} | } | ||
.roundybl { | |||
border-bottom-left-radius: 10px; | |||
-moz-border-radius-bottomleft: 10px; | |||
-webkit-border-bottom-left-radius: 10px; | |||
-khtml-border-bottom-left-radius: 10px; | |||
-icab-border-bottom-left-radius: 10px; | |||
-o-border-bottom-left-radius: 10px; | |||
} | } | ||
.roundybr { | |||
{ | border-bottom-right-radius: 10px; | ||
-moz-border-radius-bottomright: 10px; | |||
-webkit-border-bottom-right-radius: 10px; | |||
-khtml-border-bottom-right-radius: 10px; | |||
-icab-border-bottom-right-radius: 10px; | |||
-o-border-bottom-right-radius: 10px; | |||
} | } | ||
. | .roundytr { | ||
border-top-right-radius: 10px; | |||
-moz-border-radius-topright: 10px; | |||
-webkit-border-top-right-radius: 10px; | |||
-khtml-border-top-right-radius: 10px; | |||
-icab-border-top-right-radius: 10px; | |||
-o-border-top-right-radius: 10px; | |||
} | } | ||
. | .roundytl { | ||
border-top-left-radius: 10px; | |||
-moz-border-radius-topleft: 10px; | |||
-webkit-border-top-left-radius: 10px; | |||
-khtml-border-top-left-radius: 10px; | |||
-icab-border-top-left-radius: 10px; | |||
-o-border-top-left-radius: 10px; | |||
} | } | ||
. | .roundytop { | ||
border-top-left-radius: 10px; | |||
-moz-border-radius-topleft: 10px; | |||
-webkit-border-top-left-radius: 10px; | |||
-khtml-border-top-left-radius: 10px; | |||
-icab-border-top-left-radius: 10px; | |||
-o-border-top-left-radius: 10px; | |||
border-top-right-radius: 10px; | |||
-moz-border-radius-topright: 10px; | |||
-webkit-border-top-right-radius: 10px; | |||
-khtml-border-top-right-radius: 10px; | |||
-icab-border-top-right-radius: 10px; | |||
-o-border-top-right-radius: 10px; | |||
} | } | ||
. | .roundybottom { | ||
border-bottom-left-radius: 10px; | |||
-moz-border-radius-bottomleft: 10px; | |||
-webkit-border-bottom-left-radius: 10px; | |||
-khtml-border-bottom-left-radius: 10px; | |||
-icab-border-bottom-left-radius: 10px; | |||
-o-border-bottom-left-radius: 10px; | |||
border-bottom-right-radius: 10px; | |||
-moz-border-radius-bottomright: 10px; | |||
-webkit-border-bottom-right-radius: 10px; | |||
-khtml-border-bottom-right-radius: 10px; | |||
-icab-border-bottom-right-radius: 10px; | |||
-o-border-bottom-right-radius: 10px; | |||
} | } | ||
. | .roundyleft { | ||
border-top-left-radius: 10px; | |||
-moz-border-radius-topleft: 10px; | |||
-webkit-border-top-left-radius: 10px; | |||
-khtml-border-top-left-radius: 10px; | |||
-icab-border-top-left-radius: 10px; | |||
-o-border-top-left-radius: 10px; | |||
border-bottom-left-radius: 10px; | |||
-moz-border-radius-bottomleft: 10px; | |||
-webkit-border-bottom-left-radius: 10px; | |||
-khtml-border-bottom-left-radius: 10px; | |||
-icab-border-bottom-left-radius: 10px; | |||
-o-border-bottom-left-radius: 10px; | |||
} | } | ||
.roundyright { | |||
border-top-right-radius: 10px; | |||
-moz-border-radius-topright: 10px; | |||
-webkit-border-top-right-radius: 10px; | |||
-khtml-border-top-right-radius: 10px; | |||
-icab-border-top-right-radius: 10px; | |||
-o-border-top-right-radius: 10px; | |||
border-bottom-right-radius: 10px; | |||
-moz-border-radius-bottomright: 10px; | |||
-webkit-border-bottom-right-radius: 10px; | |||
-khtml-border-bottom-right-radius: 10px; | |||
-icab-border-bottom-right-radius: 10px; | |||
-o-border-bottom-right-radius: 10px; | |||
} | } | ||
.WikiaPage { | |||
max-width: 1210px; | |||
min-width: 1200px; | |||
width:auto; | |||
} | } | ||
/* Header and Footer bars */ | |||
.WikiaHeader { | |||
max-width: 1210px; | |||
width:auto; | |||
} | } | ||
.WikiaFooter .toolbar { | |||
max-width: 1210px; | |||
min-width: 1010px; | |||
} | } | ||
/* Content area and side rail */ | |||
.WikiaMainContent { | |||
margin-right: 310px; | |||
min-width: 680px; | |||
} | } | ||
.WikiaPageHeader, .WikiaPageHeader details { | |||
width: auto; | |||
} | } | ||
.WikiaRail { | |||
position: absolute; | |||
right: 0; | |||
} | } | ||
/* RTE Editing */ | |||
.oasis-one-column .WikiaMainContent { | |||
width: 100%; | |||
} | } | ||
Line 323: | Line 227: | ||
} | } | ||
#twitter-widget-0{ | |||
width: 100%!important; | |||
max-width: 100%!important; | |||
} | |||
.btn { | |||
display: inline-block; | |||
padding: 6px 12px; | |||
margin-bottom: 0; | |||
font-size: 14px; | |||
font-weight: normal; | |||
line-height: 1.42857143; | |||
text-align: center; | |||
white-space: nowrap; | |||
vertical-align: middle; | |||
cursor: pointer; | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
background-image: none; | |||
border: 1px solid transparent; | |||
border-radius: 4px; | |||
} | } | ||
. | .btn { | ||
display: inline-block; | |||
padding: 6px 12px; | |||
margin-bottom: 0; | |||
font-size: 14px; | |||
font-weight: normal; | |||
line-height: 1.42857143; | |||
text-align: center; | |||
white-space: nowrap; | |||
vertical-align: middle; | |||
cursor: pointer; | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
background-image: none; | |||
border: 1px solid transparent; | |||
border-radius: 4px; | |||
} | |||
.btn:focus, | |||
.btn:active:focus, | |||
.btn.active:focus { | |||
outline: thin dotted; | |||
outline: 5px auto -webkit-focus-ring-color; | |||
outline-offset: -2px; | |||
} | |||
.btn:hover, | |||
.btn:focus { | |||
color: #333; | |||
text-decoration: none; | |||
} | |||
.btn:active, | |||
.btn.active { | |||
background-image: none; | |||
outline: 0; | |||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | |||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | |||
} | |||
.btn.disabled, | |||
.btn[disabled], | |||
fieldset[disabled] .btn { | |||
pointer-events: none; | |||
cursor: not-allowed; | |||
filter: alpha(opacity=65); | |||
-webkit-box-shadow: none; | |||
box-shadow: none; | |||
opacity: .65; | |||
} | |||
.btn-default { | |||
color: #333; | |||
background-color: #fff; | |||
border-color: #ccc; | |||
} | |||
.btn-default:hover, | |||
.btn-default:focus, | |||
.btn-default:active, | |||
.btn-default.active, | |||
.open .dropdown-toggle.btn-default { | |||
color: #333; | |||
background-color: #ebebeb; | |||
border-color: #adadad; | |||
} | |||
.btn-default:active, | |||
.btn-default.active, | |||
.open .dropdown-toggle.btn-default { | |||
background-image: none; | |||
} | |||
.btn-default.disabled, | |||
.btn-default[disabled], | |||
fieldset[disabled] .btn-default, | |||
.btn-default.disabled:hover, | |||
.btn-default[disabled]:hover, | |||
fieldset[disabled] .btn-default:hover, | |||
.btn-default.disabled:focus, | |||
.btn-default[disabled]:focus, | |||
fieldset[disabled] .btn-default:focus, | |||
.btn-default.disabled:active, | |||
.btn-default[disabled]:active, | |||
fieldset[disabled] .btn-default:active, | |||
.btn-default.disabled.active, | |||
.btn-default[disabled].active, | |||
fieldset[disabled] .btn-default.active { | |||
background-color: #fff; | |||
border-color: #ccc; | |||
} | |||
.btn-default .badge { | |||
color: #fff; | |||
background-color: #333; | |||
} | } | ||
. | .btn-lg, | ||
.btn-group-lg > .btn { | |||
padding: 10px 16px; | |||
font-size: 18px; | |||
line-height: 1.33; | |||
border-radius: 6px; | |||
} | } |
Latest revision as of 16:34, 12 July 2018
a[href="/User:1ofthe4rocketbros"] { color: #006600 !important; } a[href="/User:Deukhoofd"] { color: #006600 !important; } a[href="/User:Zero_breaker"] { color: #006600 !important; } a[href="/User:Xbser"] { color: #09acfb !important; } a[href="/User:Sleepymon12"] { color: #09acfb !important; } body.page-Main_Page h1.firstHeading { display: none; } table{ border-collapse: initial!important; } td{ padding: 2px; } .roundy { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -icab-border-radius:10px; -o-border-radius:10px; } #toc, .toc { -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; border-top-left-radius: 1em; border-top-right-radius: 1em; border-bottom-right-radius: 1em; border-bottom-left-radius: 1em; border: 1px solid #000066; border-top-color: #A87BDD; border-top-style: solid; border-top-width: 1px; border-right-color: #A87BDD; border-right-style: solid; border-right-width: 1px; border-bottom-color: #A87BDD; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #A87BDD; border-left-style: solid; border-left-width: 1px; } .roundybl { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; } .roundybr { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; } .roundytr { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; } .roundytl { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; } .roundytop { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; } .roundybottom { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; } .roundyleft { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; } .roundyright { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; } .WikiaPage { max-width: 1210px; min-width: 1200px; width:auto; } /* Header and Footer bars */ .WikiaHeader { max-width: 1210px; width:auto; } .WikiaFooter .toolbar { max-width: 1210px; min-width: 1010px; } /* Content area and side rail */ .WikiaMainContent { margin-right: 310px; min-width: 680px; } .WikiaPageHeader, .WikiaPageHeader details { width: auto; } .WikiaRail { position: absolute; right: 0; } /* RTE Editing */ .oasis-one-column .WikiaMainContent { width: 100%; } /* Bulba-style gallery */ li.gallerybox { border: 1px solid #80964B; display: inline-block; vertical-align: top; background: #C4E673; height: 205px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; } li.gallerybox div.thumb { background-color: #E0F2B6; border: 1px solid #80964B; margin: 2px 2px 0px 2px; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; } div.gallerytext { font-size: 85%; overflow: hidden; padding: 0px 4px; word-wrap: break-word; height: 50px; } #twitter-widget-0{ width: 100%!important; max-width: 100%!important; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; }