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.
.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%;} .CharPageCAs > tbody:first-child img {max-width: 100%;} .leftvertad {background-color: #D1BB8A;border: 1px solid #7F704F; border-right-width: 3px; border-bottom-width: 3px;} .StartAttributes {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;} @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 -10px;} .CharPageSkills > 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 tr > *{display: block;} .StartAttributes tr {display: table-cell;} .StartAttributes td, .StartAttributes td {height: 40px;} }