User:Pax/RiverStyles.css: Difference between revisions
< User:Pax
(Created page with "h3 { font-family: Raleway; font-weight: 900; } .redacted { font-family: 'Special Elite'; } .blurred span { color: transparent; text-shadow: 0 0 12px rgba(0, 0, 0, 0.8);...") |
No edit summary |
||
(31 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
h3 { | h3 { | ||
font-family: | font-family: Josefin Sans; | ||
font-weight: 900; | font-weight: 900; | ||
color: #FFFFFF; | |||
} | } | ||
. | #main {padding: 1em; margin: 0; background-color:#9F9894; width:100%; border-width:0px; } | ||
#block {color: #312925; background-color: white; padding:2em; margin-bottom: 0.5em; font-family: Josefin Sans;} | |||
#blocksound {color: #FFFFFF; background-color: #FFFFFF; font-family: Josefin Sans;} | |||
#blockfam {color: #FFFFFF; background-color: #9F9894; font-family: Josefin Sans;} | |||
#blockintro {color: #FFFFFF; background-color: #9F9894; padding:2em; margin-bottom: 0.5em; font-family: Josefin Sans;} | |||
#title-bar, #title-bar-outro {background-color: #9F9894; color: #FFFFFF; text-align: center; font-weight:bold; padding:.5em 0 .5em 0; font-family: Josefin Sans} | |||
#title-bar {border-radius:1em 1em 0px 0px;} | |||
#outro {padding: 2em; color: white; background-color: #9F9894; border-radius:0 0 2em 2em;} | |||
#character-table | |||
{ | |||
background-color: {{{page color}}}; | |||
border: 0px solid {{{page border}}}; | |||
-border-radius: 7px; | |||
-moz-border-radius: 7px; | |||
-webkit-border-radius: 7px; | |||
} | |||
#character-table .character-table | |||
{ | |||
{{ #switch: {{{page gradient|}}}|no=| | |||
background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(128, 128, 128, .3)), to(rgba(0, 0, 0, .3))); | |||
background: -moz-linear-gradient(-80deg, rgba(128, 128, 128, .3), rgba(0, 0, 0, .3)); | |||
}} | |||
width: 100%; | |||
padding: 5px; | |||
margin: 0px; | |||
} | |||
.character-cell | |||
{ | |||
border: 0px solid {{{cell border}}}; | |||
-border-radius: 5px; | |||
-moz-border-radius: 5px; | |||
-webkit-border-radius: 5px; | |||
background: {{{cell color}}}; | |||
margin-bottom: 0.5em; | |||
width: 100%; | |||
} | |||
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } | |||
.character-cell-table | |||
{ | |||
{{ #switch: {{{cell gradient|}}}|no=| | |||
background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(255, 255, 255, .3)), to(rgba(160, 160, 160, .3))); | |||
background: -moz-linear-gradient(-80deg, rgba(255, 255, 255, .3), rgba(160, 160, 160, .3)); | |||
}} | |||
-border-radius: 4px; | |||
-moz-border-radius: 4px; | |||
-webkit-border-radius: 4px; | |||
color: {{{cell text}}}; | |||
width: 100%; | |||
} | |||
.character-cell-table table td, .character-cell-table table th | |||
{ | |||
color: {{{cell text}}}; | |||
} | |||
.character-cell a, .character-cell a:visited, #content .character-cell a.external, #content .character-cell a.external:visited { color: {{{link color}}}; } | |||
.character-cell a:hover, #content .character-cell a.external:hover { color: {{{link hover color}}}; } | |||
.character-cell a.new, .character-cell a.new:visited { color: red; } | |||
.character-header | |||
{ | |||
background: {{{header color}}}; | |||
border-top-left-radius: 4px; | |||
-moz-border-radius-topleft: 4px; | |||
-webkit-border-top-left-radius: 4px; | |||
border-top-right-radius: 4px; | |||
-moz-border-radius-topright: 4px; | |||
-webkit-border-top-right-radius: 4px; | |||
border: 1px solid {{{header border}}}; | |||
color: {{{header text}}}; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.character-glass | |||
{ | |||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(50%, rgba(0, 0, 0, .2)), to(rgba(255, 255, 255, .1))); | |||
background: -moz-linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, .2) 50%, rgba(0, 0, 0, .2) 50%, rgba(255, 255, 255, .1)); | |||
display: block; | |||
text-outline: 1px 1px #000; | |||
text-shadow: 0 -1px 1px rgba(0, 0, 0, .7); | |||
width: 100%; | |||
} | |||
.character-2columns | |||
{ | |||
-moz-column-count: 2; | |||
-webkit-column-count: 2; | |||
column-count: 2; | |||
} | |||
.character-3columns | |||
{ | |||
-moz-column-count: 3; | |||
-webkit-column-count: 3; | |||
column-count: 3; | |||
} | |||
.character-italic { font-style: italic; } | |||
#character-table table.gallery, #character-table table.gallery td { background-color: transparent; border: 0px; } | |||
#character-table h2 | |||
{ | |||
color: {{{page color}}}; | |||
font-family: Josefin Sans, sans; | |||
font-size: 125%; | |||
font-style: italic; | |||
font-weight: bold; | |||
padding-right: 2em; | |||
text-align: right; | |||
} | } | ||
. | .character-quote | ||
{ | |||
color: {{{header color}}}; | |||
font-family: Josefin Sans, sans; | |||
margin-left: auto; | |||
margin-right: auto; | |||
text-align: center; | |||
text-outline: 1px 1px #000; | |||
text-shadow: 0 -1px 1px rgba(0, 0, 0, .7); | |||
width: 50%; | |||
} | } | ||
. | .character-shadowtext | ||
{ | |||
font-family: Josefin Sans, sans; | |||
text-outline: 1px 1px #000; | |||
text-shadow: 0 -1px 1px rgba( 0, 0, 0, .7 ); | |||
} | } | ||
. | .character-rounded img | ||
{ | |||
border-radius: 15px; | |||
-moz-border-radius: 15px; | |||
-webkit-border-radius: 15px; | |||
} | } | ||
. | .infobox td | ||
{ | |||
vertical-align: top; | |||
} | } | ||
.hiddenStructure { display: none; } |
Latest revision as of 20:42, 15 January 2021
h3 { font-family: Josefin Sans; font-weight: 900; color: #FFFFFF; } #main {padding: 1em; margin: 0; background-color:#9F9894; width:100%; border-width:0px; } #block {color: #312925; background-color: white; padding:2em; margin-bottom: 0.5em; font-family: Josefin Sans;} #blocksound {color: #FFFFFF; background-color: #FFFFFF; font-family: Josefin Sans;} #blockfam {color: #FFFFFF; background-color: #9F9894; font-family: Josefin Sans;} #blockintro {color: #FFFFFF; background-color: #9F9894; padding:2em; margin-bottom: 0.5em; font-family: Josefin Sans;} #title-bar, #title-bar-outro {background-color: #9F9894; color: #FFFFFF; text-align: center; font-weight:bold; padding:.5em 0 .5em 0; font-family: Josefin Sans} #title-bar {border-radius:1em 1em 0px 0px;} #outro {padding: 2em; color: white; background-color: #9F9894; border-radius:0 0 2em 2em;} #character-table { background-color: {{{page color}}}; border: 0px solid {{{page border}}}; -border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #character-table .character-table { {{ #switch: {{{page gradient|}}}|no=| background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(128, 128, 128, .3)), to(rgba(0, 0, 0, .3))); background: -moz-linear-gradient(-80deg, rgba(128, 128, 128, .3), rgba(0, 0, 0, .3)); }} width: 100%; padding: 5px; margin: 0px; } .character-cell { border: 0px solid {{{cell border}}}; -border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: {{{cell color}}}; margin-bottom: 0.5em; width: 100%; } img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } .character-cell-table { {{ #switch: {{{cell gradient|}}}|no=| background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(255, 255, 255, .3)), to(rgba(160, 160, 160, .3))); background: -moz-linear-gradient(-80deg, rgba(255, 255, 255, .3), rgba(160, 160, 160, .3)); }} -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: {{{cell text}}}; width: 100%; } .character-cell-table table td, .character-cell-table table th { color: {{{cell text}}}; } .character-cell a, .character-cell a:visited, #content .character-cell a.external, #content .character-cell a.external:visited { color: {{{link color}}}; } .character-cell a:hover, #content .character-cell a.external:hover { color: {{{link hover color}}}; } .character-cell a.new, .character-cell a.new:visited { color: red; } .character-header { background: {{{header color}}}; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border: 1px solid {{{header border}}}; color: {{{header text}}}; font-weight: bold; text-align: center; } .character-glass { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(50%, rgba(0, 0, 0, .2)), to(rgba(255, 255, 255, .1))); background: -moz-linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, .2) 50%, rgba(0, 0, 0, .2) 50%, rgba(255, 255, 255, .1)); display: block; text-outline: 1px 1px #000; text-shadow: 0 -1px 1px rgba(0, 0, 0, .7); width: 100%; } .character-2columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .character-3columns { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } .character-italic { font-style: italic; } #character-table table.gallery, #character-table table.gallery td { background-color: transparent; border: 0px; } #character-table h2 { color: {{{page color}}}; font-family: Josefin Sans, sans; font-size: 125%; font-style: italic; font-weight: bold; padding-right: 2em; text-align: right; } .character-quote { color: {{{header color}}}; font-family: Josefin Sans, sans; margin-left: auto; margin-right: auto; text-align: center; text-outline: 1px 1px #000; text-shadow: 0 -1px 1px rgba(0, 0, 0, .7); width: 50%; } .character-shadowtext { font-family: Josefin Sans, sans; text-outline: 1px 1px #000; text-shadow: 0 -1px 1px rgba( 0, 0, 0, .7 ); } .character-rounded img { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .infobox td { vertical-align: top; } .hiddenStructure { display: none; }