|
|
(12 intermediate revisions by the same user not shown) |
Line 4: |
Line 4: |
| **************************************************************/ | | **************************************************************/ |
| #t-upload {display:none;} | | #t-upload {display:none;} |
| | |
| | /* Hide the the Preferences Window and its contents |
| | **************************************************************/ |
| | #citizen-pref, #citizen-pref-panel {display:none;} |
|
| |
|
| /* Hide certain <p> tags that show up due to TemplateStyles | | /* Hide certain <p> tags that show up due to TemplateStyles |
Line 24: |
Line 28: |
| -moz-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); | | 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 {
| |
| min-width: 6vw;
| |
| margin: 0 0 1.25rem;
| |
| padding: 0.5625rem 1.25rem 0 1.1875rem;
| |
| border-left: 1px solid #DDDDDD;
| |
| background-color: var( --color-surface-1 );
| |
| border-radius: var( --border-radius--medium );
| |
| box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.03 ), 0 1px 2px rgba( 0, 0, 0, 0.06 );
| |
| transition: box-shadow 0.2s ease; }
| |
|
| |
| blockquote cite {
| |
| display: block;
| |
| font-size: 0.8125rem; }
| |
| blockquote cite:before {
| |
| content: "\2014 \0020"; }
| |
|
| |
| 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;
| |
| color: var(--color-base);
| |
|
| |
| /*Font*/
| |
| /* font-family: Merriweather, serif; */
| |
| line-height: 1.2;
| |
| text-align: justify;
| |
|
| |
| /*Borders - (Optional)*/
| |
| border-left: 15px solid #697060; }
| |
|
| |
| blockquote.zak_blockquote::before {
| |
| content: "\201C"; /*Unicode for Left Double Quote*/
| |
|
| |
| /*Font*/
| |
| font-family: Italic Times, serif;
| |
| font-size: 60px;
| |
| font-weight: bold;
| |
| color: var(--color-base);
| |
|
| |
| /*Positioning*/
| |
| position: absolute;
| |
| left: 10px;
| |
| top: 5px;
| |
| }
| |
|
| |
| blockquote.zak_blockquote::after {
| |
| /*Reset to make sure*/
| |
| content: "";
| |
| }
| |
|
| |
| blockquote.zak_blockquote:hover {
| |
| box-shadow: 0 10px 20px rgba( 0, 0, 0, 0.0475 ), 0 6px 6px rgba( 0, 0, 0, 0.0575 );
| |
| }
| |
|
| |
| .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;
| |
| }
| |
|
| |
| /* Summary Header
| |
| *******************************************************************************************************/
| |
| div.summary_header {
| |
| background-attachment: scroll, scroll;
| |
| background-clip: border-box, border-box;
| |
| background-color: rgba(0, 0, 0, 0);
| |
| background-image: linear-gradient( to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) ), url(https://www.zd10.net/images/mediawiki/summary_header.jpg);
| |
| background-origin: padding-box, padding-box;
| |
| background-position-x: 0%, 30%;
| |
| background-position-y: 0%, 60%;
| |
| background-size: auto, auto;
| |
| box-sizing: border-box;
| |
| color: var(--color-base--emphasized);
| |
| cursor: auto;
| |
| direction: ltr;
| |
| display: flex;
| |
| font-size: 40px;
| |
| font-style: normal;
| |
| font-weight: 600;
| |
| height: 70px;
| |
| line-height: 40px;
| |
| margin-block-end: 16px;
| |
| margin-block-start: 0px;
| |
| margin-bottom: 16px;
| |
| margin-inline-end: 0px;
| |
| margin-inline-start: 0px;
| |
| margin-left: 0px;
| |
| margin-right: 0px;
| |
| margin-top: 0px;
| |
| padding-bottom: 15px;
| |
| padding-left: 75px;
| |
| padding-right: 25px;
| |
| padding-top: 15px;
| |
| position: relative;
| |
| text-align: left;
| |
| text-rendering: optimizelegibility;
| |
| text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
| |
| text-size-adjust: 100%;
| |
| } | | } |