Difference between revisions of "MediaWiki:Common.css"

From SacredWiki
Jump to navigation Jump to search
m
m
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
nav {display:none;}
+
nav {display:none;height:inherit;z-index:999;}
 
#pt-mytalk, #ca-addsection {display:none;}
 
#pt-mytalk, #ca-addsection {display:none;}
 
.UWSWlinks {width:50%;vertical-align: top;border: 1px solid #7F704F; border-right-width: 3px; border-bottom-width: 3px;  
 
.UWSWlinks {width:50%;vertical-align: top;border: 1px solid #7F704F; border-right-width: 3px; border-bottom-width: 3px;  
Line 317: Line 317:
 
.CharPageCAs > tbody:first-child > tr > td > table {width: 100%;text-align: center;}
 
.CharPageCAs > tbody:first-child > tr > td > table {width: 100%;text-align: center;}
 
.CharPageCAs {text-align: center;}
 
.CharPageCAs {text-align: center;}
 +
 
@media screen and (max-width:720px) {
 
@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) {
 
@media only screen and (max-width: 600px) {
nav {display: block;position: absolute;top: 0;left: 0;}
+
 
 
#toc{display: none;}
 
#toc{display: none;}
 
#mw-head{display: none;}
 
#mw-head{display: none;}

Revision as of 18:24, 25 June 2020

nav {display:none;height:inherit;z-index:999;}
#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("http://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("http://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("http://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("http://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("http://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(http://www.sacredwiki.org/skins/common/fonts/zabriskiescriptswash-regular-webfont.eot);
  src:url(http://www.sacredwiki.org/skins/common/fonts/zabriskiescriptswash-regular-webfont.eot) format('embedded-opentype'),
  url(http://www.sacredwiki.org/skins/common/fonts/zabriskiescriptswash-regular-webfont.woff) format('woff'),
  url(http://www.sacredwiki.org/skins/common/fonts/zabriskiescriptswash-regular-webfont.ttf) format('truetype'),
  url("http://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(http://www.sacredwiki.org/skins/common/fonts/zabriskiescript-bold-webfont.eot);
  src:url(http://www.sacredwiki.org/skins/common/fonts/zabriskiescript-bold-webfont.eot) format('embedded-opentype'),
  url(http://www.sacredwiki.org/skins/common/fonts/zabriskiescript-bold-webfont.woff) format('woff'),
  url(http://www.sacredwiki.org/skins/common/fonts/zabriskiescript-bold-webfont.ttf) format('truetype'),
  url("http://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(http://www.sacredwiki.org/skins/common/fonts/antqssk-webfont.eot);
  src:url(http://www.sacredwiki.org/skins/common/fonts/antqssk-webfont.eot) format('embedded-opentype'),
  url(http://www.sacredwiki.org/skins/common/fonts/antqssk-webfont.woff) format('woff'),
  url(http://www.sacredwiki.org/skins/common/fonts/antqssk-webfont.ttf) format('truetype'),
  url("http://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(http://www.sacredwiki.org/skins/common/fonts/carolingia-webfont.eot);
  src:url(http://www.sacredwiki.org/skins/common/fonts/carolingia-webfont.eot) format('embedded-opentype'),
  url(http://www.sacredwiki.org/skins/common/fonts/carolingia-webfont.woff) format('woff'),
  url(http://www.sacredwiki.org/skins/common/fonts/carolingia-webfont.ttf) format('truetype'),
  url("http://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(http://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(http://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(http://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(http://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(http://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(http://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;}
}