Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(media query test 2) |
|||
| (148 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* dazzling css made by tehlurkercuzwhynot */ | |||
.hover { | |||
border-bottom:1px dotted #000000; | |||
} | |||
* { | * { | ||
} | |||
#image { | |||
background-image:url('https://file.garden/ZmSOWZUcxFQr205P/anglishdotorg.png'); | |||
height:31px; | |||
width:88px; | |||
} | } | ||
@media only screen and (max-width: 600px) { | |||
#mw-head { | |||
display:none; | |||
} | |||
#mw-page-base, #mw-head-base, #mw-navigation { | |||
display:none; | |||
} | |||
} | |||
h1#firstHeading.firstHeading { | h1#firstHeading.firstHeading { | ||
font-family:ms sans serif !important; | |||
font-size:1.6em; | |||
border-bottom: 1px dotted #641111 !important; | |||
font-weight: bold; | |||
text-shadow: 0px 1px #d03d3d; | |||
color:#841818; | |||
line-height:1.2em; | |||
margin:5px 15px; | |||
} | |||
.mw-body h1 { | |||
font-family:georgia; | |||
font-weight:bold; | |||
line-height:1; | |||
} | |||
.mw-body-content h2 { | |||
font-family: helvetica; | |||
font-weight: bold; | |||
color: #712222; | |||
} | } | ||
body { | body { | ||
background-color:# | background-color:#cfdd9c; | ||
background-image: url(''); | |||
font-family:georgia; | |||
} | |||
#content { | |||
max-width:800px; | |||
margin:0 auto; | |||
} | |||
#bodyContent { | |||
margin:5px 15px; | |||
} | |||
#mw-content-text { | |||
width:100%; | |||
} | |||
.vector-body p { | |||
margin: 0em 0em 1em; | |||
line-height: 1.2; | |||
letter-spacing: 0.025em; | |||
} | |||
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { | |||
border: 1px solid #916060; | |||
background-color:#f9f3e1; | |||
padding: 0.2em 0.4em; | |||
} | } | ||
#mw-head { | |||
width:auto; | width:auto; | ||
margin: | font-size:100%; | ||
border:1px | text-transform:lowercase; | ||
} | |||
#p-personal { | |||
position: absolute; | |||
top: -1px; | |||
right: 0em; | |||
z-index: 100; | |||
} | |||
#p-personal ul { | |||
padding-left: 0em; | |||
display: table; | |||
border-collapse: collapse; | |||
} | |||
#p-personal li { | |||
display:table-cell; | |||
background-color:#eae0ba; | |||
border:1px solid #a47570; | |||
font-weight:bold; | |||
padding:0.25em; | |||
margin-left:0em; | |||
float:none; | |||
line-height:1; | |||
} | |||
#left-navigation { | |||
margin-top: 1.7em; | |||
margin-bottom: -1.7em; | |||
} | |||
#right-navigation { | |||
margin-top:1.7em; | |||
} | |||
#searchInput { | |||
background-color: #eee7c4; | |||
color: #845252; | |||
width: 100%; | |||
height: 2.15384615em; | |||
-moz-box-sizing: border-box; | |||
box-sizing: border-box; | |||
border: 2px solid #a43939; | |||
border-radius: 0px; | |||
padding: 5px 2.15384615em 5px 0.4em; | |||
box-shadow: inset 0 0 0 1px #0000; | |||
font-family: inherit; | |||
font-size: 1em; | |||
direction: ltr; | |||
-webkit-transition: border-color 250ms,box-shadow 250ms; | |||
transition: border-color 250ms,box-shadow 250ms; | |||
-webkit-appearance: none; | |||
-moz-appearance: textfield; | |||
font-weight: bold; | |||
} | |||
#mw-page-base { | |||
background-image:none !important; | |||
background-color:#551010 !important; | |||
} | |||
#pt-logout { | |||
color:#000!important; | |||
} | |||
.vector-menu-tabs { | |||
background-image:none!important; | |||
} | |||
.vector-menu-tabs a { | |||
background-image:none; | |||
} | |||
.vector-menu-tabs li { | |||
background-image:none!important; | |||
} | } | ||
.vector-menu-tabs li a { | |||
color:#fff; | |||
} | } | ||
. | .vector-menu-tabs .selected { | ||
background:none; | |||
} | } | ||
.vector-menu-tabs .selected a:visited { | |||
color:#d6ebff; | |||
} | |||
#mw-head .vector-menu-dropdown h3 { | |||
background-image:none; | |||
} | } | ||
| Line 66: | Line 233: | ||
.mw-body { | .mw-body { | ||
border: 1px solid #a43b2f; | |||
background-color: #fff5f5; | |||
color: #712222; | |||
margin-left: 0; | |||
margin-top: 0; | |||
padding: 0px; | |||
} | |||
#p-logo { | |||
display:none; | |||
} | |||
#mw-panel { | |||
padding-left:0em; | |||
text-transform:lowercase; | |||
} | |||
p { | |||
font-size:100%; | |||
} | |||
#p-logo + .mw-portlet h3 { | |||
display:block; | |||
} | |||
.vector-menu-portal h3 { | |||
background-image:none; | |||
padding:0px; | |||
color:#843838; | |||
font-weight:bold; | |||
margin:0; | |||
} | |||
#p-navigation-label:after { | |||
} | |||
.vector-menu-portal { | |||
border: 1px solid #922b20; | |||
border-top:0; | |||
background-color:#eee4c7; | |||
margin:0; | |||
padding:0; | |||
} | |||
#p-tb .vector-menu-content { | |||
display:none; | |||
} | |||
#p-tb:hover .vector-menu-content { | |||
display:block; | |||
} | |||
#p-navigation .vector-menu-content { | |||
display:none; | |||
} | |||
#p-navigation:hover .vector-menu-content { | |||
display:block; | |||
} | |||
.toc { | |||
border: 1px solid #a47570; | |||
background-color: #fffcf4; | |||
font-size: 1.5em; | |||
line-height: 1.1; | |||
border-right: 2px solid #86504a; | |||
border-bottom: 2px solid #997672; | |||
} | |||
.toc .toctitle { | |||
text-align: left; | |||
} | |||
tr:nth-child(even) { | |||
background-color: #fff000; | |||
} | } | ||
| Line 106: | Line 367: | ||
/* main page test 2 css */ | /* main page test 2 css */ | ||
#container { | |||
width:100%; | |||
margin:auto; | |||
display:block; | |||
} | |||
#contenthead { | |||
text-align:center; | |||
} | |||
#heading1 { | |||
font-size:175%; | |||
} | |||
#body { | |||
display:flex; | |||
align-items:stretch; | |||
} | |||
#contentbody { | |||
display:inline-block; | |||
width:80% | |||
} | |||
#table { | |||
display:inline-block; | |||
width:20% | |||
} | |||
.box { | |||
border:1px solid #780018; | |||
margin: 0em 0.5em 0.5em 0em; | |||
} | |||
.heading { | |||
text-align:left; | |||
font-weight:bold; | |||
} | |||
#ctable { | |||
background-color:#ffccaa; | |||
} | |||
#cell1 { | |||
background-color:#ffdead; | |||
} | |||
#heading2 { | |||
background-color:#ffca7e; | |||
} | |||
#cell2 { | |||
background-color:#deffad; | |||
} | |||
#heading3 { | |||
background-color:#ccff88; | |||
} | |||
#heading4 { | |||
text-align:center; | |||
} | |||
/* main page test 2 css end */ | /* main page test 2 css end */ | ||
Latest revision as of 13:05, 30 August 2025
/* CSS placed here will be applied to all skins */
/* dazzling css made by tehlurkercuzwhynot */
.hover {
border-bottom:1px dotted #000000;
}
* {
}
#image {
background-image:url('https://file.garden/ZmSOWZUcxFQr205P/anglishdotorg.png');
height:31px;
width:88px;
}
@media only screen and (max-width: 600px) {
#mw-head {
display:none;
}
#mw-page-base, #mw-head-base, #mw-navigation {
display:none;
}
}
h1#firstHeading.firstHeading {
font-family:ms sans serif !important;
font-size:1.6em;
border-bottom: 1px dotted #641111 !important;
font-weight: bold;
text-shadow: 0px 1px #d03d3d;
color:#841818;
line-height:1.2em;
margin:5px 15px;
}
.mw-body h1 {
font-family:georgia;
font-weight:bold;
line-height:1;
}
.mw-body-content h2 {
font-family: helvetica;
font-weight: bold;
color: #712222;
}
body {
background-color:#cfdd9c;
background-image: url('');
font-family:georgia;
}
#content {
max-width:800px;
margin:0 auto;
}
#bodyContent {
margin:5px 15px;
}
#mw-content-text {
width:100%;
}
.vector-body p {
margin: 0em 0em 1em;
line-height: 1.2;
letter-spacing: 0.025em;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #916060;
background-color:#f9f3e1;
padding: 0.2em 0.4em;
}
#mw-head {
width:auto;
font-size:100%;
text-transform:lowercase;
}
#p-personal {
position: absolute;
top: -1px;
right: 0em;
z-index: 100;
}
#p-personal ul {
padding-left: 0em;
display: table;
border-collapse: collapse;
}
#p-personal li {
display:table-cell;
background-color:#eae0ba;
border:1px solid #a47570;
font-weight:bold;
padding:0.25em;
margin-left:0em;
float:none;
line-height:1;
}
#left-navigation {
margin-top: 1.7em;
margin-bottom: -1.7em;
}
#right-navigation {
margin-top:1.7em;
}
#searchInput {
background-color: #eee7c4;
color: #845252;
width: 100%;
height: 2.15384615em;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #a43939;
border-radius: 0px;
padding: 5px 2.15384615em 5px 0.4em;
box-shadow: inset 0 0 0 1px #0000;
font-family: inherit;
font-size: 1em;
direction: ltr;
-webkit-transition: border-color 250ms,box-shadow 250ms;
transition: border-color 250ms,box-shadow 250ms;
-webkit-appearance: none;
-moz-appearance: textfield;
font-weight: bold;
}
#mw-page-base {
background-image:none !important;
background-color:#551010 !important;
}
#pt-logout {
color:#000!important;
}
.vector-menu-tabs {
background-image:none!important;
}
.vector-menu-tabs a {
background-image:none;
}
.vector-menu-tabs li {
background-image:none!important;
}
.vector-menu-tabs li a {
color:#fff;
}
.vector-menu-tabs .selected {
background:none;
}
.vector-menu-tabs .selected a:visited {
color:#d6ebff;
}
#mw-head .vector-menu-dropdown h3 {
background-image:none;
}
ul {
list-style-type: none !important;
}
.mw-body {
border: 1px solid #a43b2f;
background-color: #fff5f5;
color: #712222;
margin-left: 0;
margin-top: 0;
padding: 0px;
}
#p-logo {
display:none;
}
#mw-panel {
padding-left:0em;
text-transform:lowercase;
}
p {
font-size:100%;
}
#p-logo + .mw-portlet h3 {
display:block;
}
.vector-menu-portal h3 {
background-image:none;
padding:0px;
color:#843838;
font-weight:bold;
margin:0;
}
#p-navigation-label:after {
}
.vector-menu-portal {
border: 1px solid #922b20;
border-top:0;
background-color:#eee4c7;
margin:0;
padding:0;
}
#p-tb .vector-menu-content {
display:none;
}
#p-tb:hover .vector-menu-content {
display:block;
}
#p-navigation .vector-menu-content {
display:none;
}
#p-navigation:hover .vector-menu-content {
display:block;
}
.toc {
border: 1px solid #a47570;
background-color: #fffcf4;
font-size: 1.5em;
line-height: 1.1;
border-right: 2px solid #86504a;
border-bottom: 2px solid #997672;
}
.toc .toctitle {
text-align: left;
}
tr:nth-child(even) {
background-color: #fff000;
}
h1, h2 {
border-bottom:0px !important;
}
#whatisanglish:hover {
font-size:16px;
}
/* main page test css */
#anglish-table1 {
border-collapse:collapse;
}
#anglish-table1, td, th {
border:1px solid #808080;
background-color:#f5f5f5;
}
/* main page test css end */
/* main page test 2 css */
#container {
width:100%;
margin:auto;
display:block;
}
#contenthead {
text-align:center;
}
#heading1 {
font-size:175%;
}
#body {
display:flex;
align-items:stretch;
}
#contentbody {
display:inline-block;
width:80%
}
#table {
display:inline-block;
width:20%
}
.box {
border:1px solid #780018;
margin: 0em 0.5em 0.5em 0em;
}
.heading {
text-align:left;
font-weight:bold;
}
#ctable {
background-color:#ffccaa;
}
#cell1 {
background-color:#ffdead;
}
#heading2 {
background-color:#ffca7e;
}
#cell2 {
background-color:#deffad;
}
#heading3 {
background-color:#ccff88;
}
#heading4 {
text-align:center;
}
/* main page test 2 css end */