Difference between revisions of "MediaWiki:Common.css"

From SacredWiki
Jump to navigation Jump to search
m (Changed http to https)
 
(121 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;
#siteNotice {
+
     width: 495px;
     background: none repeat scroll 0 0 #95FF8F;
 
     border: 2px solid #C2A170;
 
    border-radius: 19px 19px 19px 19px;
 
     box-shadow: 2px 2px 10px #C2A170;
 
     font-size: medium;
 
     padding: 0 10px;
 
     width: 800px;
 
     margin: auto;
 
 
}
 
}
 +
#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) {
  
table.sacred {background-color: none;border: none;}
+
#toc{display: none;}
table.sacred > tr > th, table.sacred > * > tr > th {background-color: 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;}
}