MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
#pt-mytalk, #ca-addsection {display:none;}
.UWSWlinks {width:50%;vertical-align: top;border: 1px solid #7F704F; border-right-width: 3px; border-bottom-width: 3px;
padding: .5em 1em; margin: 1em; background-color: #D1BB8A;}
#S1dialogue {
background: url("https://www.sacredwiki.org/images/dialogbackground2.jpg") repeat scroll 0 0 #25333A;
border-radius: 10px;
box-shadow: 0 0 0 1px #111111, 0 0 0 2px #404040, 0 0 0 3px #555555, 0 0 0 4px #111111;
color: #FFFFFF;
font-family: antique;
font-size: 1em;
letter-spacing: 0.05em;
line-height: 1.2em;
margin: 20px 0;
min-height: 85px;
padding: 12px 0 5px 5px;
position: relative;
width: 495px;
}
#S1dialogue a, dialogue a:visited {
color: #FFA500;
text-shadow: 0 0 0.5em #FF0000, 0 0 1px #000000, 0 0 1px #000000;
}
#S1dialogue a:hover {
color: #FFCB2F;
text-decoration: none;
}
#S1dialogue p {
line-height: 1.2em;
margin: 0.5em 0 1em;
padding: 0;
}
.S1portrait {
float: left;
height: 76px;
margin: 5px 5px 0 0;
overflow: hidden;
position: relative;
width: 76px;
z-index: 2;
}
#S1portraitframe {
height: 76px;
position: absolute;
top: 0;
width: 76px;
z-index: 999;
}
#S1botrightdialog {
background: url("https://www.sacredwiki.org/images/itembrc.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
bottom: -11px;
height: 18px;
position: absolute;
right: -8px;
width: 35px;
}
#S1botleftdialog {
background: url("https://www.sacredwiki.org/images/itemblc.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
bottom: -11px;
height: 18px;
left: -8px;
position: absolute;
width: 35px;
}
#S1toprightdialog {
background: url("https://www.sacredwiki.org/images/itemtrc.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 18px;
position: absolute;
right: -8px;
top: -8px;
width: 35px;
}
#S1topleftdialog {
background: url("https://www.sacredwiki.org/images/itemtlc.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 18px;
left: -8px;
position: absolute;
top: -8px;
width: 35px;
}
@media screen {
@font-face {
font-family:'zabriskie';
src:url(https://www.sacredwiki.org/skins/common/fonts/zabriskiescriptswash-regular-webfont.eot);
src:url(https://www.sacredwiki.org/skins/common/fonts/zabriskiescriptswash-regular-webfont.eot) format('embedded-opentype'),
url(https://www.sacredwiki.org/skins/common/fonts/zabriskiescriptswash-regular-webfont.woff) format('woff'),
url(https://www.sacredwiki.org/skins/common/fonts/zabriskiescriptswash-regular-webfont.ttf) format('truetype'),
url("https://www.sacredwiki.org/skins/common/fonts/zabriskiescriptswash-regular-webfont.svg#zabriskie") format('svg');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'zabriskiebold';
src:url(https://www.sacredwiki.org/skins/common/fonts/zabriskiescript-bold-webfont.eot);
src:url(https://www.sacredwiki.org/skins/common/fonts/zabriskiescript-bold-webfont.eot) format('embedded-opentype'),
url(https://www.sacredwiki.org/skins/common/fonts/zabriskiescript-bold-webfont.woff) format('woff'),
url(https://www.sacredwiki.org/skins/common/fonts/zabriskiescript-bold-webfont.ttf) format('truetype'),
url("https://www.sacredwiki.org/skins/common/fonts/zabriskiescript-bold-webfont.svg#zabriskiebold") format('svg');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'antique';
src:url(https://www.sacredwiki.org/skins/common/fonts/antqssk-webfont.eot);
src:url(https://www.sacredwiki.org/skins/common/fonts/antqssk-webfont.eot) format('embedded-opentype'),
url(https://www.sacredwiki.org/skins/common/fonts/antqssk-webfont.woff) format('woff'),
url(https://www.sacredwiki.org/skins/common/fonts/antqssk-webfont.ttf) format('truetype'),
url("https://www.sacredwiki.org/skins/common/fonts/antqssk-webfont.svg#antiquasskregular") format('svg');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'caroling';
src:url(https://www.sacredwiki.org/skins/common/fonts/carolingia-webfont.eot);
src:url(https://www.sacredwiki.org/skins/common/fonts/carolingia-webfont.eot) format('embedded-opentype'),
url(https://www.sacredwiki.org/skins/common/fonts/carolingia-webfont.woff) format('woff'),
url(https://www.sacredwiki.org/skins/common/fonts/carolingia-webfont.ttf) format('truetype'),
url("https://www.sacredwiki.org/skins/common/fonts/carolingia-webfont.svg#caroling") format('svg');
font-weight:normal;
font-style:normal
}
#dialogue {
position:relative;
letter-spacing:0.05em;
color:white;
font-family:antique;
font-size:1em;
line-height:1.2em;
width:495px;
min-height:85px;
margin:20px 0 20px;
padding:12px 0 15px 5px;
background:url(https://www.sacredwiki.org/images/dialogbackground2.jpg) repeat scroll 0 0 #25333A;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:10px;
box-shadow:0 0 0 1px #000000,0 0 0 2px #FFFFD1,0 0 0 3px #AF9129,0 0 0 4px #000000,0 0 0 5px #CFBA74,0 0 0 6px #000000,2px 2px 6px 5px #000000;
-moz-box-shadow:0 0 0 1px #000000,0 0 0 2px #FFFFD1,0 0 0 3px #AF9129,0 0 0 4px #000000,0 0 0 5px #CFBA74,0 0 0 6px #000000,2px 2px 6px 5px #000000;
-webkit-shadow:0 0 0 1px #000000,0 0 0 2px #FFFFD1,0 0 0 3px #AF9129,0 0 0 4px #000000,0 0 0 5px #CFBA74,0 0 0 6px #000000,2px 2px 6px 5px #000000
}
#dialogue a,
dialogue a:visited {
color:#FFA500;
text-shadow:0 0 0.5em #FF0000,0 0 1px #000000,0 0 1px #000000
}
#dialogue a:hover {
text-decoration:none;
color:#FFCB2F
}
#dialogue p {
line-height:1.2em;
padding:0;
margin:0.5em 0 1em
}
.name-tag {
background:#000000;
color:#FFFFFF;
float:left;
font-family:caroling;
font-size:1.6em;
height:20px;
left:20px;
line-height:inherit;
padding:0 10px;
position:absolute;
text-align:center;
top:-12px;
width:auto;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
box-shadow:0 0 0 1px #000000,0 0 0 2px #CFBA74,0 0 0 3px #000000;
-moz-box-shadow:0 0 0 1px #000000,0 0 0 2px #CFBA74,0 0 0 3px #000000;
-webkit-shadow:0 0 0 1px #000000,0 0 0 2px #CFBA74,0 0 0 3px #000000;
background-image:-ms-linear-gradient(top,#5E5E5E 0%,#030303 100%);
background-image:-moz-linear-gradient(top,#5E5E5E 0%,#030303 100%);
background-image:-o-linear-gradient(top,#5E5E5E 0%,#030303 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5E5E5E),color-stop(1,#030303));
background-image:-webkit-linear-gradient(top,#5E5E5E 0%,#030303 100%);
background-image:linear-gradient(to bottom,#5E5E5E 0%,#030303 100%)
}
.portrait {
background-color:#17353F;
float:left;
height:76px;
margin:5px 5px 0 0;
overflow:hidden;
position:relative;
width:76px;
z-index:2
}
#portraitframe {
background:url(https://www.sacredwiki.org/images/1/1e/Dialog-frame.png) no-repeat scroll 0 0 rgba(0,0,0,0);
height:76px;
top:0;
position:absolute;
width:76px;
z-index:999
}
#botrightdialog {
background:url(https://www.sacredwiki.org/images/s2dialogCorner.png) no-repeat scroll 0 0 rgba(0,0,0,0);
bottom:-5px;
height:18px;
position:absolute;
right:-5px;
width:18px
}
#botleftdialog {
background:url(https://www.sacredwiki.org/images/s2dialogCorner.png) no-repeat scroll 0 0 rgba(0,0,0,0);
bottom:-5px;
height:18px;
position:absolute;
left:-5px;
width:18px;
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg)
}
#toprightdialog {
background:url(https://www.sacredwiki.org/images/s2dialogCorner.png) no-repeat scroll 0 0 rgba(0,0,0,0);
top:-5px;
height:18px;
position:absolute;
right:-5px;
width:18px;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg)
}
#topleftdialog {
background:url(https://www.sacredwiki.org/images/s2dialogCorner.png) no-repeat scroll 0 0 rgba(0,0,0,0);
top:-5px;
height:18px;
position:absolute;
left:-5px;
width:18px;
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg)
}
.buttons {
position:absolute;
bottom:-12px;
right:15px;
width:auto;
height:15px;
font-family:caroling;
color:#FFFFFF;
font-size:1em;
line-height:initial;
text-align:center
}
.button1 {
float:right;
margin-right:10px;
width:auto;
min-width:130px;
height:15px;
background:#000000;
padding:0 10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
box-shadow:0 0 0 1px #000000,0 0 0 2px #CFBA74,0 0 0 3px #000000;
-moz-box-shadow:0 0 0 1px #000000,0 0 0 2px #CFBA74,0 0 0 3px #000000;
-webkit-shadow:0 0 0 1px #000000,0 0 0 2px #CFBA74,0 0 0 3px #000000;
background-image:-ms-linear-gradient(top,#5E5E5E 0%,#030303 100%);
background-image:-moz-linear-gradient(top,#5E5E5E 0%,#030303 100%);
background-image:-o-linear-gradient(top,#5E5E5E 0%,#030303 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5E5E5E),color-stop(1,#030303));
background-image:-webkit-linear-gradient(top,#5E5E5E 0%,#030303 100%);
background-image:linear-gradient(to bottom,#5E5E5E 0%,#030303 100%)
}
.button2 {
float:right;
margin:0 10px 0 20px;
width:auto;
min-width:130px;
height:15px;
background:#000000;
padding:0 10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
box-shadow:0 0 0 1px #000000,0 0 0 2px #CFBA74,0 0 0 3px #000000;
-moz-box-shadow:0 0 0 1px #000000,0 0 0 2px #CFBA74,0 0 0 3px #000000;
-webkit-shadow:0 0 0 1px #000000,0 0 0 2px #CFBA74,0 0 0 3px #000000;
background-image:-ms-linear-gradient(top,#5E5E5E 0%,#030303 100%);
background-image:-moz-linear-gradient(top,#5E5E5E 0%,#030303 100%);
background-image:-o-linear-gradient(top,#5E5E5E 0%,#030303 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5E5E5E),color-stop(1,#030303));
background-image:-webkit-linear-gradient(top,#5E5E5E 0%,#030303 100%);
background-image:linear-gradient(to bottom,#5E5E5E 0%,#030303 100%)
}
.whitebox {
background:none repeat scroll 0 0 #FFFFFF;
font-family:monospace,Courier;
border:1px dashed #4169E1;
border-radius:5px;
padding:10px;
width:750px
}
.CharPageCAs {width:100%;}
.CharPageCAs > tbody:first-child > tr > td {width:33%;vertical-align: top;}
.CharPageCAs > tbody:first-child img {max-width: 100%;height:auto;}
.leftvertad {background-color: #D1BB8A;border: 1px solid #7F704F; border-right-width: 3px; border-bottom-width: 3px;}
.StartAttributes {font-size:14px;margin: 0;border-spacing: 0;text-align: center;}
.StartAttributes a:link {text-decoration: none;color: #FFD43F;background: none;}
.StartAttributes th {background-color: #7F704F;color: #DFAD00;font-weight: bold;font-size: 1.2em;border: 1px solid #3F3A2F;}
.StartAttributes td {width: 125px;height: 30px;background-color: #BFA877;border: 1px solid #3F3A2F;}
.CharPageSkills td {vertical-align: top;}
.CharPageSkills > table > tbody:first-child > tr > td {width: 50%;}
.CharPageCAs > tbody:first-child > tr > td > table {width: 100%;text-align: center;}
.CharPageCAs {text-align: center;}
@media screen and (max-width:720px) {
#mw-panel {position:relative;width: 100%;font-size:1.4em;}
#mw-panel .portal {padding:0;}
#mw-panel .portal .body {background: none;}
.portal {display: inline-block;width: 140px;height: 160px;margin-top:0!important;}
nav {width:100%;display: block;position: absolute;top: 0;left: 0;}
}
@media only screen and (max-width: 600px) {
#toc{display: none;}
#mw-head{display: none;}
#mw-navigation{display: none;}
.leftvertad {display: none;}
.UWSWlinks {display: inline-block;width:auto !important;padding: 10px;margin:0;}
.LanguageLinks {font-size:60%;}
.LanguageLinks td:nth-child(1), .LanguageLinks td:nth-child(2) {font-size:60%;display: none;}
.CharPageCAs > tbody:first-child > tr > td {display: block;width:100%;margin: 0 0 0 0px;}
.CharPageSkills > table > tbody:first-child > tr > td {display: block;width: 100%;}
.CharPageSkills > tbody:first-child > tr > td > table {padding-bottom: 20px;margin: 0 0 0 -10px;}
.StartAttributes {margin:0 auto;font-size:100%;}
.StartAttributes tr > *{display: block;}
.StartAttributes tr {display: table-cell;}
.StartAttributes td, .StartAttributes th {height: 40px;}
}
