MediaWiki:Common.css: Difference between revisions
From The Pokemon Insurgence Wiki
Testing to see if this works for rounded header tabs |
Work on PoC for grid based team display |
||
| (23 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
a[href="/User:1ofthe4rocketbros"] { | a[href="/User:1ofthe4rocketbros"] { | ||
color: #006600 !important; | color: #006600 !important; | ||
| Line 21: | Line 10: | ||
a[href="/User:Xbser"] { | a[href="/User:Xbser"] { | ||
color: #09acfb !important; | |||
} | |||
a[href="/User:Sleepymon12"] { | |||
color: #09acfb !important; | color: #09acfb !important; | ||
} | } | ||
| Line 26: | Line 19: | ||
body.page-Main_Page h1.firstHeading { display: none; } | body.page-Main_Page h1.firstHeading { display: none; } | ||
table{ | |||
border-collapse: initial!important; | |||
border-spacing: 2px; | |||
} | |||
td{ | |||
padding: 2px; | |||
} | |||
.mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul { | |||
margin: 0 0 0 2em!important; | |||
} | |||
.roundy { | .roundy { | ||
border-radius:10px; | border-radius:10px; | ||
-moz-border-radius:10px; | -moz-border-radius:10px; | ||
-webkit-border-radius:10px; | -webkit-border-radius:10px; | ||
| Line 45: | Line 52: | ||
border-bottom-left-radius: 1em; | border-bottom-left-radius: 1em; | ||
border: 1px solid #000066; | border: 1px solid #000066; | ||
border-top-color: | border-top-color: #A87BDD; | ||
border-top-style: solid; | border-top-style: solid; | ||
border-top-width: 1px; | border-top-width: 1px; | ||
border-right-color: | border-right-color: #A87BDD; | ||
border-right-style: solid; | border-right-style: solid; | ||
border-right-width: 1px; | border-right-width: 1px; | ||
border-bottom-color: | border-bottom-color: #A87BDD; | ||
border-bottom-style: solid; | border-bottom-style: solid; | ||
border-bottom-width: 1px; | border-bottom-width: 1px; | ||
border-left-color: | border-left-color: #A87BDD; | ||
border-left-style: solid; | border-left-style: solid; | ||
border-left-width: 1px; | border-left-width: 1px; | ||
| Line 225: | Line 232: | ||
} | } | ||
# | #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; | |||
} | |||
.pokemon_team_grid { | |||
display: grid; | |||
grid-template-columns: repeat(1, [col-start] 1fr); | |||
grid-gap: 10px; | |||
} | |||
@media (min-width: 520px) { | |||
.pokemon_team_grid { | |||
grid-template-columns: repeat(2, [col-start] 1fr); | |||
} | |||
} | |||
@media (min-width: 790px) { | |||
.pokemon_team_grid { | |||
grid-template-columns: repeat(3, [col-start] 1fr); | |||
} | |||
} | } | ||
Latest revision as of 15:52, 19 April 2025
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;
border-spacing: 2px;
}
td{
padding: 2px;
}
.mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul {
margin: 0 0 0 2em!important;
}
.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;
}
.pokemon_team_grid {
display: grid;
grid-template-columns: repeat(1, [col-start] 1fr);
grid-gap: 10px;
}
@media (min-width: 520px) {
.pokemon_team_grid {
grid-template-columns: repeat(2, [col-start] 1fr);
}
}
@media (min-width: 790px) {
.pokemon_team_grid {
grid-template-columns: repeat(3, [col-start] 1fr);
}
}
