Difference between revisions of "Kiki (old)/Portrait"
Jump to navigation
Jump to search
(Removed redirect to Kiki) Tag: Removed redirect |
|||
Line 1: | Line 1: | ||
− | [[ | + | {{#css: |
+ | h1#firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .mw-body { | ||
+ | background-color: White!important; | ||
+ | color: Black!important; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | max-width: 93em; | ||
+ | width: calc(100% - 12.5em); | ||
+ | margin: 2em auto 0 auto; | ||
+ | background-color:white; | ||
+ | color:Black; | ||
+ | } | ||
+ | |||
+ | #catlinks a, #catlinks a:visited { | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | div.Characterbox { | ||
+ | border: 7px ridge #800080; | ||
+ | border-radius: 10px; | ||
+ | max-width: 95em; | ||
+ | width: calc(100% - 10.5em); | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | div.picturebox { | ||
+ | margin: 1em; | ||
+ | padding: 0; | ||
+ | text-indent: 0; | ||
+ | background-color: White; | ||
+ | margin: 2em; | ||
+ | } | ||
+ | |||
+ | img.top { | ||
+ | width:100%; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | img.top2 { | ||
+ | width: calc(100% - 30px); | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | table.infobox { | ||
+ | background-color: White; | ||
+ | border: 7px ridge #000080; | ||
+ | border-radius: 10px; | ||
+ | margin-right: -6em; | ||
+ | margin-bottom: 0.5em; | ||
+ | margin-left: 1em; | ||
+ | padding: 1em .3em; | ||
+ | float: right; | ||
+ | margin-top: 2em; | ||
+ | clear: right; | ||
+ | max-width: 400px; | ||
+ | } | ||
+ | |||
+ | td.name { | ||
+ | margin-top: 0; | ||
+ | padding-right: .5em; | ||
+ | text-align: right; | ||
+ | font-size: 2em; | ||
+ | color: Black; | ||
+ | font-family: 'Linux Libertine','Georgia','Times',serif; | ||
+ | line-height: 1.3; | ||
+ | margin-bottom: .25em; | ||
+ | padding: 0; | ||
+ | padding-left: .5em; | ||
+ | background: none; | ||
+ | font-weight: normal; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | border-bottom: 1px solid #a2a9b1; | ||
+ | } | ||
+ | |||
+ | div.subframe2 { | ||
+ | border: none; | ||
+ | margin: .5em .5em; | ||
+ | } | ||
+ | |||
+ | td.label { | ||
+ | margin-top: 0; | ||
+ | padding-right: .5em; | ||
+ | text-align: right; | ||
+ | font-size: 1.5em; | ||
+ | color: black; | ||
+ | font-family: 'Linux Libertine','Georgia','Times',serif; | ||
+ | line-height: 1.3; | ||
+ | margin-bottom: .25em; | ||
+ | padding: 0; | ||
+ | padding-left: .5em; | ||
+ | background: none; | ||
+ | font-weight: normal; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | border-bottom: 1px solid black; | ||
+ | } | ||
+ | |||
+ | tr.infobox td:first-child { | ||
+ | text-align: right; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | tr.soundTitle { | ||
+ | font-weight: bold; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | tr.infolyrics { | ||
+ | background: none; | ||
+ | color: #C0C0C0; | ||
+ | } | ||
+ | |||
+ | tr.infolyrics td { | ||
+ | padding-left: 3em; | ||
+ | text-indent: -1em; | ||
+ | font-style: italic; | ||
+ | font-size: 90%; | ||
+ | padding-bottom: 1em; | ||
+ | } | ||
+ | |||
+ | tr.infolyrics td p { | ||
+ | margin: 0; | ||
+ | line-height: 1.3; | ||
+ | } | ||
+ | |||
+ | div.content p, div.content ul li, span.contactName, span.contactDesc, span.plainlinks a.external.text { | ||
+ | color: #C0C0C0; | ||
+ | font-family: sans-serif; | ||
+ | margin-bottom: 0.1em; | ||
+ | font-size: 100%; | ||
+ | line-height: 1.6; | ||
+ | } | ||
+ | |||
+ | div.mainframe { | ||
+ | background: none; | ||
+ | padding-left: 0!important; | ||
+ | padding-right: 0!important; | ||
+ | margin-left: 0!important; | ||
+ | margin-right: 0!important; | ||
+ | } | ||
+ | |||
+ | div.subframe { | ||
+ | border: 7px ridge #000080; | ||
+ | margin: 1em; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | |||
+ | div.content p.quote { | ||
+ | font-family: 'Linux Libertine','Georgia','Times',serif; | ||
+ | line-height: 1.3; | ||
+ | margin-bottom: .25em; | ||
+ | text-align: center; | ||
+ | text-indent: none; | ||
+ | font-style: italic; | ||
+ | font-size: 1.5em; | ||
+ | } | ||
+ | |||
+ | p.sb1, td.label { | ||
+ | font-size: 1.5em; | ||
+ | margin-top: 5px; | ||
+ | color: black; | ||
+ | font-family: 'Linux Libertine','Georgia','Times',serif; | ||
+ | line-height: 1.3; | ||
+ | margin-bottom: .25em; | ||
+ | padding: 0; | ||
+ | padding-left: .5em; | ||
+ | background: none; | ||
+ | font-weight: normal; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | border-bottom: 1px solid black; | ||
+ | } | ||
+ | |||
+ | div.content { | ||
+ | margin: 0em; | ||
+ | padding: 1em; | ||
+ | } | ||
+ | |||
+ | div.content p, span.contactName, span.contactDesc { | ||
+ | color: black; | ||
+ | font-family: sans-serif; | ||
+ | margin-bottom: 0.1em; | ||
+ | font-size: 100%; | ||
+ | line-height: 1.6; | ||
+ | text-indent: 2em; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | span.contactName { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .gallery { | ||
+ | -webkit-transition: all 0.5s ease; | ||
+ | -moz-transition: all 0.5s ease; | ||
+ | -o-transition: all 0.5s ease; | ||
+ | -ms-transition: all 0.5s ease; | ||
+ | transition: all 0.5s ease; | ||
+ | margin: 10px; | ||
+ | -moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.75); | ||
+ | webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.75); | ||
+ | box-shadow: 10px 10px 20px rgba(0,0,0,0.75); | ||
+ | } | ||
+ | |||
+ | .gallery:hover { | ||
+ | -webkit-transform: scale(1.9); | ||
+ | -moz-transform: scale(1.9); | ||
+ | -o-transform: scale(1.9); | ||
+ | -ms-transform: scale(1.9); | ||
+ | transform: scale(1.9); | ||
+ | cursor: pointer; | ||
+ | |||
+ | ul li { | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | |||
+ | }} | ||
+ | |||
+ | |||
+ | <center> | ||
+ | <div class="picturebox">[[Image:kiki-intro.png|400px|class=gallery]]</div> | ||
+ | </center> |