MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
No edit summary |
No edit summary |
||
| Line 60: | Line 60: | ||
blockquote cite { | blockquote cite { | ||
display: block; | display: block; | ||
font-size: 0.8125rem | font-size: 0.8125rem; } | ||
blockquote cite:before { | blockquote cite:before { | ||
content: "\2014 \0020"; } | |||
blockquote, | blockquote, | ||
blockquote p { | blockquote p { | ||
line-height: 1.6 | line-height: 1.6; } | ||
blockquote.zak_blockquote { | blockquote.zak_blockquote { | ||
| Line 77: | Line 72: | ||
display: flex; | display: flex; | ||
flex-flow: column wrap; | flex-flow: column wrap; | ||
padding: 15px 20px 15px 45px; | padding: 15px 20px 15px 45px; | ||
margin: 0 0 20px; | margin: 0 0 20px; | ||
| Line 104: | Line 98: | ||
font-size: 60px; | font-size: 60px; | ||
font-weight: bold; | font-weight: bold; | ||
/*Positioning*/ | /*Positioning*/ | ||
| Line 122: | Line 115: | ||
blockquote.zak_blockquote cite { | blockquote.zak_blockquote cite { | ||
display: block; | display: block; | ||
margin-top: 5px; | margin-top: 5px; | ||
Revision as of 16:34, 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; }
blockquote cite:before {
content: "\2014 \0020"; }
blockquote,
blockquote p {
line-height: 1.6; }
blockquote.zak_blockquote {
/* display:block; */
display: flex;
flex-flow: column wrap;
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;
/*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 {
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;
}