Järjestelmäviesti:Common.css
KKWikistä
Versio hetkellä 30. elokuuta 2020 kello 16.26 – tehnyt Tapsa (keskustelu | muokkaukset)
Huomautus: Selaimen välimuisti pitää tyhjentää asetusten tallentamisen jälkeen, jotta muutokset tulisivat voimaan.
- Firefox ja Safari: Napsauta Shift-näppäin pohjassa Päivitä, tai paina Ctrl-F5 tai Ctrl-R (⌘-R Macilla)
- Google Chrome: Paina Ctrl-Shift-R (⌘-Shift-R Macilla)
- Internet Explorer: Napsauta Ctrl-näppäin pohjassa Päivitä tai paina Ctrl-F5
- Opera: Valikko → Asetukset (Opera → Asetukset Macilla) ja sitten Tietosuoja ja turvallisuus → Tyhjennä selaustiedot → Välimuistissa olevat kuvat ja tiedostot.
/*
* XenoCSS
* copyright (c) Roni Lehto 2017
*/
/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
/* @noflip */
text-align: left;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
#frontBg {
background-image: url('https://projektit.lehtodigital.fi/kkwiki/images/9/99/Bg_wooley.png');
background-repeat: repeat;
background-size: 120px;
border-radius: 0px;
border: 3px solid rgba(0,0,0,0.3);
/*background: #90b1e5;
border-radius: 20px;*/
padding: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.frontBg2 {
background-image: url('https://projektit.lehtodigital.fi/kkwiki/images/9/99/Bg_wooley.png');
background-repeat: repeat;
background-size: 120px;
border-radius: 0px;
border: 3px solid rgba(0,0,0,0.3);
padding: 15px;
}
.frontblob {
background: rgba(255,255,255,0.2);
border: 2px solid rgba(255,255,255,0.2);
border-radius: 5px;
padding: 5px;
margin-left: 3px;
margin-right: 3px;
}
.frontblob:hover {
background: rgba(255,255,255,0.3);
border: 2px solid rgba(255,255,255,0.4);
}
.frontblob3 {
padding: 5px;
margin-left: 3px;
margin-right: 3px;
}
.x-crafting {
display: block;
position: relative;
margin: 5px;
width: 350px;
height: 220px;
background: #d4d4d4;
border-top: 3px solid rgba(255,255,255,0.7);
border-left: 3px solid rgba(255,255,255,0.7);
border-bottom: 3px solid rgba(0,0,0,0.5);
border-right: 3px solid rgba(0,0,0,0.5);
border-radius: 3px;
box-shadow: -3px 0px 0px Black, 0px -3px 0px Black, 3px 0px 0px Black, 0px 3px 0px Black;
line-height: 1;
}
.x-crafting.blacksmith {
background: rgb(92, 92, 92);
}
.x-crafting-grid {
display: block;
position: absolute;
top: 41px;
left: 21px;
width: 150px;
height: 150px;
}
.x-crafting-grid table, .x-crafting-grid table tr, .x-crafting-grid table td {
padding: 0px;
margin: 0px;
border: none;
}
.x-crafting-item {
display: inline-block;
width: 44px;
height: 44px;
border-bottom: 3px solid rgba(255,255,255,0.7);
border-right: 3px solid rgba(255,255,255,0.7);
border-top: 3px solid rgba(0,0,0,0.5);
border-left: 3px solid rgba(0,0,0,0.5);
background-color: rgba(0,0,0,0.1);
background-position: center;
background-size: auto 42px;
background-repeat: no-repeat;
cursor: pointer;
}
.x-crafting.blacksmith .x-crafting-item {
background-color: rgba(255,255,255,0.2);
}
.x-crafting-arrow {
position: absolute;
width: 32px;
height: 32px;
top: 108px;
left: 212px;
background-image: url('data:image/gif;base64,R0lGODlhMAAwAIABAERERP///yH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEKAAEALAAAAAAwADAAAAKEjI+pB70Po2xA2gsp3pxqDj6eE5bIWJkq+qkdm7obHMsX3doZXusL3/sBh8Md8QgzIpe5BPM5UkCnQSpUap0yslcDtxv4isfksvmMTqvH2zWr7Y56480wnXS6V+NKdT/tI4QT+IdCKMJzKGioiPjWuCgH6SQ5ieVh6ViXaRfE2fbpqFIAADs=');
background-repeat: no-repeat;
background-size: 32px 32px;
image-rendering: pixelated;
opacity: 0.3;
}
.x-crafting-result {
display: inline-block;
position: absolute;
top: 98px;
left: 278px;
}
.x-crafting-title {
display: inline-block;
position: absolute;
top: 12px;
left: 21px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: rgba(0,0,0,0.5);
}
.x-crafting.blacksmith .x-crafting-title {
color: #ffffff;
}
.x-crafting-tooltip {
position: fixed;
top: 0px;
left: 0px;
padding: 5px;
background-color: #2f184f;
border: 3px solid rgba(0,0,0,0.7);
border-radius: 3px;
color: #ffffff;
font-family: 'Arial', sans-serif;
font-weight: bold;
}