MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
No edit summary Tag: Manual revert |
No edit summary |
||
| Line 22: | Line 22: | ||
/* Images | /* Images | ||
**************************************************************/ | **************************************************************/ | ||
img.mapImage { | img.mapImage { | ||
display: block; | display: block; | ||
| Line 51: | Line 50: | ||
line-height: 1.2; | line-height: 1.2; | ||
text-align: center; | text-align: center; | ||
} | |||
/* Blockquotes | |||
**************************************************************/ | |||
blockquote { | |||
margin: 0 0 1.25rem; | |||
padding: 0.5625rem 1.25rem 0 1.1875rem; | |||
border-left: 1px solid #DDDDDD; } | |||
blockquote cite { | |||
display: block; | |||
font-size: 0.8125rem; | |||
color: #555555; } | |||
blockquote cite:before { | |||
content: "\2014 \0020"; } | |||
blockquote cite a, | |||
blockquote cite a:visited { | |||
color: #555555; } | |||
blockquote, | |||
blockquote p { | |||
line-height: 1.6; | |||
color: #6f6f6f; } | |||
blockquote.zak_blockquote { | |||
/* display:block; */ | |||
display: flex; | |||
flex-flow: column wrap; | |||
background: #fff; | |||
padding: 15px 20px 15px 45px; | |||
margin: 0 0 20px; | |||
position: relative; | |||
/*Font*/ | |||
/* font-family: Merriweather, serif; */ | |||
line-height: 1.2; | |||
color: #666; | |||
text-align: justify; | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #697060; | |||
/*Box Shadow - (Optional)*/ | |||
-moz-box-shadow: 2px 2px 15px #ccc; | |||
-webkit-box-shadow: 2px 2px 15px #ccc; | |||
box-shadow: 2px 2px 15px #ccc; | |||
} | |||
blockquote.zak_blockquote::before { | |||
content: "\201C"; /*Unicode for Left Double Quote*/ | |||
/*Font*/ | |||
font-family: Italic Times, serif; | |||
font-size: 60px; | |||
font-weight: bold; | |||
color: #999; | |||
/*Positioning*/ | |||
position: absolute; | |||
left: 10px; | |||
top: 5px; | |||
} | |||
blockquote.zak_blockquote::after { | |||
/*Reset to make sure*/ | |||
content: ""; | |||
} | |||
.zak_blockquote em { | |||
font-style: oblique; | |||
} | |||
blockquote.zak_blockquote cite { | |||
color: #999; | |||
display: block; | |||
margin-top: 5px; | |||
font-size: 1.1em; | |||
} | |||
blockquote.zak_blockquote cite::before { | |||
content: "\2014 \2009"; | |||
} | |||
blockquote.zak_blockquote * { | |||
font-size: 0.8em; | |||
} | |||
/* Faction Specific Overrides for Blockquotes | |||
*******************************************************************************************************/ | |||
blockquote.zak_blockquote_council { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #77bbff; | |||
} | |||
blockquote.zak_blockquote_friendly_third_party { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #a2bc13; | |||
} | |||
blockquote.zak_blockquote_neutral_third_party { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #bdb76b; | |||
} | |||
blockquote.zak_blockquote_aggressive_third_party { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #eead0e; | |||
} | |||
blockquote.zak_blockquote_recreancy { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #db2645; | |||
} | |||
/* Concept Specific Overrides for Blockquotes | |||
*******************************************************************************************************/ | |||
blockquote.zak_blockquote_concept_mc { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #8f4700; | |||
} | |||
blockquote.zak_blockquote_concept_rc { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #5cacee; | |||
} | |||
blockquote.zak_blockquote_concept_tog { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #64627f; | |||
} | |||
blockquote.zak_blockquote_concept_mu { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #adadad; | |||
} | |||
blockquote.zak_blockquote_concept_potd { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #ffcc00; | |||
} | |||
blockquote.zak_blockquote_concept_motm { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #ff0066; | |||
} | |||
blockquote.zak_blockquote_concept_sn { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #3385dd; | |||
} | |||
blockquote.zak_blockquote_concept_mm { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #006b6b; | |||
} | |||
blockquote.zak_blockquote_concept_tot { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #ff3300; | |||
} | |||
blockquote.zak_blockquote_concept_eaa { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #00b200; | |||
} | |||
blockquote.zak_blockquote_concept_dbd { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #6600cc; | |||
} | |||
blockquote.zak_blockquote_concept_ooo { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #000000; | |||
} | |||
blockquote.zak_blockquote_concept_h { | |||
/*Borders - (Optional)*/ | |||
border-left: 15px solid #d3d3d3; | |||
} | } | ||
Revision as of 16:15, 5 August 2022
/* All CSS here will be loaded for users of the Citizen skin */
/* Hide the "Upload File" option on the Sidebar Toolbox
**************************************************************/
#t-upload {display:none;}
/* Body Shadow
**************************************************************/
body:before {
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;
z-index: 100;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
}
/* Images
**************************************************************/
img.mapImage {
display: block;
margin-left: auto;
margin-right: auto;
object-fit: cover;
}
img.artImage {
display: block;
margin-left: auto;
margin-right: auto;
object-fit: cover;
height: 50%;
width: 50%;
}
/* Figure Captions
**************************************************************/
figcaption.imageCaption {
display: flex;
flex-flow: column wrap;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
/* font-family: Merriweather, serif; */
line-height: 1.2;
text-align: center;
}
/* Blockquotes
**************************************************************/
blockquote {
margin: 0 0 1.25rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #DDDDDD; }
blockquote cite {
display: block;
font-size: 0.8125rem;
color: #555555; }
blockquote cite:before {
content: "\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited {
color: #555555; }
blockquote,
blockquote p {
line-height: 1.6;
color: #6f6f6f; }
blockquote.zak_blockquote {
/* display:block; */
display: flex;
flex-flow: column wrap;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
/*Font*/
/* font-family: Merriweather, serif; */
line-height: 1.2;
color: #666;
text-align: justify;
/*Borders - (Optional)*/
border-left: 15px solid #697060;
/*Box Shadow - (Optional)*/
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}
blockquote.zak_blockquote::before {
content: "\201C"; /*Unicode for Left Double Quote*/
/*Font*/
font-family: Italic Times, serif;
font-size: 60px;
font-weight: bold;
color: #999;
/*Positioning*/
position: absolute;
left: 10px;
top: 5px;
}
blockquote.zak_blockquote::after {
/*Reset to make sure*/
content: "";
}
.zak_blockquote em {
font-style: oblique;
}
blockquote.zak_blockquote cite {
color: #999;
display: block;
margin-top: 5px;
font-size: 1.1em;
}
blockquote.zak_blockquote cite::before {
content: "\2014 \2009";
}
blockquote.zak_blockquote * {
font-size: 0.8em;
}
/* Faction Specific Overrides for Blockquotes
*******************************************************************************************************/
blockquote.zak_blockquote_council {
/*Borders - (Optional)*/
border-left: 15px solid #77bbff;
}
blockquote.zak_blockquote_friendly_third_party {
/*Borders - (Optional)*/
border-left: 15px solid #a2bc13;
}
blockquote.zak_blockquote_neutral_third_party {
/*Borders - (Optional)*/
border-left: 15px solid #bdb76b;
}
blockquote.zak_blockquote_aggressive_third_party {
/*Borders - (Optional)*/
border-left: 15px solid #eead0e;
}
blockquote.zak_blockquote_recreancy {
/*Borders - (Optional)*/
border-left: 15px solid #db2645;
}
/* Concept Specific Overrides for Blockquotes
*******************************************************************************************************/
blockquote.zak_blockquote_concept_mc {
/*Borders - (Optional)*/
border-left: 15px solid #8f4700;
}
blockquote.zak_blockquote_concept_rc {
/*Borders - (Optional)*/
border-left: 15px solid #5cacee;
}
blockquote.zak_blockquote_concept_tog {
/*Borders - (Optional)*/
border-left: 15px solid #64627f;
}
blockquote.zak_blockquote_concept_mu {
/*Borders - (Optional)*/
border-left: 15px solid #adadad;
}
blockquote.zak_blockquote_concept_potd {
/*Borders - (Optional)*/
border-left: 15px solid #ffcc00;
}
blockquote.zak_blockquote_concept_motm {
/*Borders - (Optional)*/
border-left: 15px solid #ff0066;
}
blockquote.zak_blockquote_concept_sn {
/*Borders - (Optional)*/
border-left: 15px solid #3385dd;
}
blockquote.zak_blockquote_concept_mm {
/*Borders - (Optional)*/
border-left: 15px solid #006b6b;
}
blockquote.zak_blockquote_concept_tot {
/*Borders - (Optional)*/
border-left: 15px solid #ff3300;
}
blockquote.zak_blockquote_concept_eaa {
/*Borders - (Optional)*/
border-left: 15px solid #00b200;
}
blockquote.zak_blockquote_concept_dbd {
/*Borders - (Optional)*/
border-left: 15px solid #6600cc;
}
blockquote.zak_blockquote_concept_ooo {
/*Borders - (Optional)*/
border-left: 15px solid #000000;
}
blockquote.zak_blockquote_concept_h {
/*Borders - (Optional)*/
border-left: 15px solid #d3d3d3;
}