Difference between revisions of "MediaWiki:Common.css"

From SacredWiki
Jump to navigation Jump to search
m
m (Changed http to https)
 
(94 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
#pt-mytalk, #ca-addsection {display:none;}
.wrapper {display:table;margin:6px 6px 0;}
+
.UWSWlinks {width:50%;vertical-align: top;border: 1px solid #7F704F; border-right-width: 3px; border-bottom-width: 3px;  
.frame {background:url(images/thumbframe/item_tbar0.gif) repeat-x top left;}
+
    padding: .5em 1em; margin: 1em; background-color: #D1BB8A;}
.corner {width:35px;height:15px;margin:-4px;position:absolute;
+
#S1dialogue {
     background:url("images/thumbframe/item_brc.gif") no-repeat scroll 0 0 transparent;}
+
     background: url("https://www.sacredwiki.org/images/dialogbackground2.jpg") repeat scroll 0 0 #25333A;
.ctl {top:0;left:0;-webkit-transform:scaleX(-1) scaleY(-1);-moz-transform:scaleX(-1) scaleY(-1);
+
    border-radius: 10px;
     -o-transform:scaleX(-1) scaleY(-1);transform:scaleX(-1) scaleY(-1);filter:fliph flipv;}
+
    box-shadow: 0 0 0 1px #111111, 0 0 0 2px #404040, 0 0 0 3px #555555, 0 0 0 4px #111111;
.ctr {top:0;right:0;-webkit-transform:scaleY(-1);-moz-transform:scaleY(-1);
+
    color: #FFFFFF;
     -o-transform:scaleY(-1);transform:scaleY(-1);filter:flipv;}
+
    font-family: antique;
.cbl {bottom:0;left:0;-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);
+
     font-size: 1em;
     -o-transform:scaleX(-1);transform:scaleX(-1);filter:fliph;}
+
    letter-spacing: 0.05em;
.cbr {bottom:0;right:0;}
+
    line-height: 1.2em;
.frame_right {padding:6px;position:relative;}
+
    margin: 20px 0;
.frame_bot {background:url(images/thumbframe/item_bbar0.gif) repeat-x bottom left;}
+
     min-height: 85px;
.frame_left {background:url(images/thumbframe/item_lbar.gif) repeat-y top left;}
+
    padding: 12px 0 5px 5px;
.frame_right {background:url(images/thumbframe/item_rbar.gif) repeat-y top right;}
+
    position: relative;
#ca-talk {
+
    width: 495px;
     display: none;
+
}
 +
#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;
 
}
 
}
  
#dialogue {
+
.S1portrait {
     position:relative;
+
     float: left;
    font-family: cursive;
+
     height: 76px;
    font-size: 0.8em;
+
     margin: 5px 5px 0 0;
     width:430px;
+
     overflow: hidden;
    min-height:100px;
+
     position: relative;
     padding: 12px 0 0 5px;
+
     width: 76px;
     background:#25333A;
+
     z-index: 2;
     color:white;
 
     -webkit-border-radius: 15px;
 
    -moz-border-radius: 15px;
 
     border-radius: 15px;
 
box-shadow:
 
  0 0 0 1px #000,
 
  0 0 0 3px #A3A6A6,
 
  0 0 0 4px #000;
 
-moz-box-shadow:
 
  0 0 0 1px #CCC,
 
  0 0 0 2px #A3A6A6,
 
  0 0 0 4px #000;
 
-webkit-shadow:
 
  0 0 0 1px #000,
 
  0 0 0 2px #A3A6A6,
 
  0 0 0 4px #000;
 
 
}
 
}
  
.name-tag {
+
#S1portraitframe {
    position:absolute;
+
     height: 76px;
    top:-10px;
+
     position: absolute;
    left:15px;
+
     top: 0;
    width:auto;
+
     width: 76px;
     height:16px;
+
     z-index: 999;
     background:#000000;
 
     font-family: Palatino Linotype;
 
    font-size:1.5em;
 
    font-weight:bold;
 
    font-style:italic;
 
    line-height: 12px;
 
    color:white;
 
    text-align:center;
 
    padding: 0 10px;
 
     -webkit-border-radius: 5px;
 
     -moz-border-radius: 5px;
 
    border-radius: 5px;
 
    float:left;
 
    box-shadow:
 
  0 0 0 1px #000,
 
  0 0 0 2px #A3A6A6,
 
  0 0 0 3px #000;
 
-moz-box-shadow:
 
  0 0 0 1px #000,
 
  0 0 0 2px #A3A6A6,
 
  0 0 0 3px #000;
 
-webkit-shadow:
 
  0 0 0 1px #000,
 
  0 0 0 2px #A3A6A6,
 
  0 0 0 3px #000;
 
/* IE10 Consumer Preview */
 
background-image: -ms-linear-gradient(top, #5E5E5E 0%, #030303 100%);
 
 
 
/* Mozilla Firefox */
 
background-image: -moz-linear-gradient(top, #5E5E5E 0%, #030303 100%);
 
 
 
/* Opera */
 
background-image: -o-linear-gradient(top, #5E5E5E 0%, #030303 100%);
 
 
 
/* Webkit (Safari/Chrome 10) */
 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E), color-stop(1, #030303));
 
 
 
/* Webkit (Chrome 11+) */
 
background-image: -webkit-linear-gradient(top, #5E5E5E 0%, #030303 100%);
 
 
 
/* W3C Markup, IE10 Release Preview */
 
background-image: linear-gradient(to bottom, #5E5E5E 0%, #030303 100%);
 
 
}
 
}
  
.portrait {
+
#S1botrightdialog {
     float:left;
+
     background: url("https://www.sacredwiki.org/images/itembrc.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     padding-right:10px;
+
     bottom: -11px;
 +
    height: 18px;
 +
    position: absolute;
 +
    right: -8px;
 +
    width: 35px;
 
}
 
}
 
+
#S1botleftdialog {
table.sacred {
+
    background: url("https://www.sacredwiki.org/images/itemblc.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
margin: auto;
+
    bottom: -11px;
background-color: none;
+
    height: 18px;
border: 2px #CDB581 solid;
+
    left: -8px;
border-collapse: collapse;
+
    position: absolute;
color: black;
+
    width: 35px;
 
}
 
}
table.sacred > tr > th,
+
#S1toprightdialog {
table.sacred > tr > td,
+
    background: url("https://www.sacredwiki.org/images/itemtrc.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
table.sacred > * > tr > th,
+
    height: 18px;
table.sacred > * > tr > td {
+
    position: absolute;
border: none;
+
    right: -8px;
height: 26px;
+
    top: -8px;
padding-right: 10px;
+
    width: 35px;
 
}
 
}
table.sacred tr:nth-child(even) {
+
#S1topleftdialog {
     background-color: #FFEECA;
+
    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;
 
}
 
}
table.sacred > tr > th,
+
@media screen {
table.sacred > * > tr > th {
+
@font-face {
background-color: #CDB581;
+
  font-family:'zabriskie';
text-align: left;
+
  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;}
 
}
 
}
table.sacred > caption {
+
@media only screen and (max-width: 600px) {
font-weight: bold;
+
 
 +
#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;}
 
}
 
}

Latest revision as of 17:12, 28 September 2024

#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;}
}