|
|
| Line 1: |
Line 1: |
| .princess-page {
| |
| position: relative;
| |
| overflow: hidden;
| |
| background-color: rgb(36, 36, 36);
| |
| color: #ffffff;
| |
| font-family: 'Segoe UI', 'Trebuchet MS', Tahoma, sans-serif;
| |
| font-size: 15px;
| |
| line-height: 1.5;
| |
| padding: 25px 30px;
| |
| border: 1px solid rgb(42, 54, 93);
| |
| }
| |
|
| |
|
| .princess-page a,
| |
| .princess-page a:visited {
| |
| color: rgb(52, 86, 221);
| |
| }
| |
|
| |
| .princess-page a:hover {
| |
| color: rgb(98, 137, 233);
| |
| text-shadow: 0 0 2px rgb(171, 171, 255);
| |
| }
| |
|
| |
| .princess-bg {
| |
| position: absolute;
| |
| right: 0;
| |
| bottom: 0;
| |
| z-index: 0;
| |
| pointer-events: none;
| |
| opacity: 0.75;
| |
| line-height: 0;
| |
| }
| |
|
| |
| .princess-content {
| |
| position: relative;
| |
| z-index: 1;
| |
| }
| |
|
| |
| .princess-infobox {
| |
| opacity: 0.55;
| |
| width: 22em;
| |
| border-collapse: separate;
| |
| border-spacing: 2px;
| |
| border: 1px solid rgb(42, 54, 93);
| |
| background-color: rgba(17, 17, 48, 0.85);
| |
| color: #ffffff;
| |
| font-size: 14px;
| |
| float: right;
| |
| margin: 0 0 1.2em 1.5em;
| |
| }
| |
|
| |
| .princess-infobox caption {
| |
| font-family: 'Segoe UI', 'Trebuchet MS', Tahoma, sans-serif;
| |
| font-size: 22pt;
| |
| font-weight: bold;
| |
| color: #ffffff;
| |
| text-shadow: 0 0 5px #ffffff;
| |
| padding-bottom: 0.25em;
| |
| text-align: center;
| |
| }
| |
|
| |
| .princess-infobox .img-cell {
| |
| text-align: center;
| |
| border-bottom: 1px solid rgb(42, 54, 93);
| |
| background-color: rgba(0, 0, 20, 0.5);
| |
| padding: 8px 0;
| |
| }
| |
|
| |
| .princess-infobox .file-caption {
| |
| color: rgb(167, 171, 165);
| |
| }
| |
|
| |
| .princess-infobox th {
| |
| text-align: left;
| |
| vertical-align: top;
| |
| padding: 0.4em 0.5em;
| |
| width: 35%;
| |
| color: rgb(219, 233, 233);
| |
| background-color: rgb(19, 20, 51);
| |
| border: 1px solid rgb(42, 54, 93);
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .princess-infobox td {
| |
| vertical-align: top;
| |
| padding: 0.4em 0.5em;
| |
| background-color: rgba(0, 0, 20, 0.5);
| |
| color: #ffffff;
| |
| border: 1px solid rgb(42, 54, 93);
| |
| }
| |
|
| |
| .princess-name {
| |
| color: rgb(37, 89, 255);
| |
| }
| |
|
| |
| .princess-accent {
| |
| color: rgb(81, 102, 174);
| |
| }
| |
|
| |
| .princess-quote {
| |
| color: rgb(65, 113, 192);
| |
| }
| |
|
| |
| .princess-page h2 {
| |
| font-family: 'Segoe UI', 'Trebuchet MS', Tahoma, sans-serif;
| |
| font-size: 20pt;
| |
| font-weight: bold;
| |
| color: #ffffff;
| |
| text-shadow: 0 0 5px #ffffff;
| |
| border-bottom: 1px solid rgb(69, 69, 137);
| |
| margin-top: 1.5em;
| |
| padding-bottom: 3px;
| |
| }
| |
