145 lines
2.8 KiB
SCSS
145 lines
2.8 KiB
SCSS
@import 'bootstrap/scss/functions';
|
|
@import 'bootstrap/scss/variables';
|
|
|
|
$font-family-sans-serif: 'PT Sans','Open Sans',"Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
$headings-font-family: "PT Sans Caption",$font-family-sans-serif;
|
|
$font-family-base: $font-family-sans-serif;
|
|
|
|
$grey-color: #cc925d;
|
|
$body-bg: #E4CDD4;
|
|
$content-bg: rgba(202,158,185, 0.4);
|
|
$body-color: #3A2D42;
|
|
$link-color: #7D6393;
|
|
$link-button-background: rgb(202, 158, 185);
|
|
$link-button-background-hover: $body-color;
|
|
$link-button-foreground: $body-color;
|
|
$link-button-foreground-hover: $body-bg;
|
|
$status-color: #7E5980;
|
|
$btn-bg: grey;
|
|
$btn-color: lighten($btn-bg, 50%);
|
|
$secondary-bg: #F1EED9;
|
|
|
|
$primary: $link-color;
|
|
$brand-primary: lighten($body-color, 20%);
|
|
$brand-danger: darken($body-bg, 30%);
|
|
|
|
$waycolor: $link-color;
|
|
$animation_duration: 2s;
|
|
|
|
$enable-rounded: true;
|
|
$enable-shadows: false;
|
|
$enable-gradients: false;
|
|
$enable-transitions: false;
|
|
$enable-hover-media-query: false;
|
|
$enable-grid-classes: true;
|
|
$enable-print-styles: true;
|
|
|
|
$ok-color: $link-color;
|
|
$neutral-color: brown;
|
|
$warning-color: darkred;
|
|
|
|
@import 'bootstrap/scss/mixins';
|
|
@import 'bootstrap/scss/utilities';
|
|
@import 'bootstrap/scss/root';
|
|
@import 'bootstrap/scss/reboot';
|
|
@import 'bootstrap/scss/type';
|
|
//@import 'bootstrap/scss/images';
|
|
@import 'bootstrap/scss/containers';
|
|
@import 'bootstrap/scss/grid';
|
|
@import 'bootstrap/scss/buttons';
|
|
//@import 'bootstrap/scss/transitions';
|
|
|
|
h1,h2,h3 {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
h1 {
|
|
color: #333;
|
|
}
|
|
h2 {
|
|
color: #666;
|
|
}
|
|
#page {
|
|
background: $content-bg;
|
|
border-radius: 5px;
|
|
margin-top: $font-size-base;
|
|
padding-top: $font-size-base * 0.5;
|
|
}
|
|
#content {
|
|
.subtitle {
|
|
display: none;
|
|
}
|
|
}
|
|
#options {
|
|
border: 1px solid #876;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
border-radius: 4px;
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
li {
|
|
background-color: $link-button-background;
|
|
padding: 0.5em;
|
|
border-bottom: 1px solid #876;
|
|
&,a {
|
|
color: $link-button-foreground;
|
|
}
|
|
}
|
|
li:hover {
|
|
background-color: $link-button-background-hover;
|
|
cursor: pointer;
|
|
&,a {
|
|
color: $link-button-foreground-hover;
|
|
}
|
|
}
|
|
li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.subtitle {
|
|
display: block;
|
|
font-size: ($font-size-base * 0.9);
|
|
font-style: italic;
|
|
}
|
|
}
|
|
|
|
.room-start {
|
|
border-top: none;
|
|
}
|
|
|
|
.portrait {
|
|
font-size: ($font-size-base * 1.5);
|
|
}
|
|
|
|
.portraits {
|
|
float: right;
|
|
margin: ($font-size-base * 0.5);
|
|
}
|
|
|
|
.text-right {
|
|
text-align: right;
|
|
}
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
.bigger {
|
|
font-size: ($font-size-base * 1.15);
|
|
small {
|
|
font-size: ($font-size-base * 0.8);
|
|
}
|
|
}
|
|
.fright {
|
|
float: right;
|
|
}
|
|
.disclaimer {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 20%;
|
|
margin-right: 15%;
|
|
width: 65%;
|
|
font-size: ($font-size-base * 0.8);
|
|
}
|
|
.clearboth {
|
|
clear: both;
|
|
}
|