153 lines
2.4 KiB
CSS
153 lines
2.4 KiB
CSS
|
body {
|
||
|
/* background: url('/static/images/purplebg.jpg') no-repeat center center fixed; */
|
||
|
background-color: #cccccc;
|
||
|
padding-top: 0px;
|
||
|
-webkit-background-size: cover;
|
||
|
-moz-background-size: cover;
|
||
|
background-size: cover;
|
||
|
-o-background-size: cover;
|
||
|
font-size: 12pt;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
header {
|
||
|
background: url('/static/images/texture-diagonal.png' repeat, url('static/images/header-layer.jpg') no repeat 50% -25px, #493874 url('/static/images/bg-linear.jpg') repeat-x 50%, -25px;
|
||
|
background-position: 50%, 0;
|
||
|
clear: both;
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
h1 {
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
a:link {
|
||
|
color: #2DA6F7;
|
||
|
}
|
||
|
|
||
|
a:visited {
|
||
|
color: #2DA6F7;
|
||
|
}
|
||
|
|
||
|
a:hover {
|
||
|
color: #0099f0;
|
||
|
}
|
||
|
|
||
|
a:active {
|
||
|
color: #2DA6F7;
|
||
|
}
|
||
|
|
||
|
|
||
|
.fluidMedia {
|
||
|
position: relative;
|
||
|
padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
|
||
|
padding-top: 30px;
|
||
|
height: 0;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.fluidMedia iframe {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
.login-form {
|
||
|
max-width: 350px;
|
||
|
margin-top: 25%;
|
||
|
}
|
||
|
|
||
|
.login-panel {
|
||
|
margin-top: 25%;
|
||
|
}
|
||
|
|
||
|
.form {
|
||
|
max-width: 500px;
|
||
|
}
|
||
|
|
||
|
.padding-left-32 {
|
||
|
padding-left: 32px;
|
||
|
}
|
||
|
|
||
|
.padding-left-16 {
|
||
|
padding-left: 16px;
|
||
|
}
|
||
|
|
||
|
.container-fluid {
|
||
|
position: relative;
|
||
|
max-width: 1170px;
|
||
|
min-width: 480px;
|
||
|
}
|
||
|
|
||
|
.container-fluid-index {
|
||
|
position: relative;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.container-fluid-index a:active {
|
||
|
color: lightgray;
|
||
|
}
|
||
|
|
||
|
.container-fluid-index a:link {
|
||
|
color: lightgray;
|
||
|
}
|
||
|
|
||
|
.container-fluid-index a:hover {
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.container-fluid-index a:visited {
|
||
|
color: lightgray;
|
||
|
}
|
||
|
|
||
|
.roundavatar {
|
||
|
border-radius: 50%;
|
||
|
-moz-border-radius: 50%;
|
||
|
-webkit-border-radius: 50%;
|
||
|
}
|
||
|
|
||
|
.btn-outline {
|
||
|
color: inherit;
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
|
||
|
.btn-primary.btn-outline {
|
||
|
color: #428bca;
|
||
|
}
|
||
|
|
||
|
.btn-success.btn-outline {
|
||
|
color: #5cb85c;
|
||
|
}
|
||
|
|
||
|
.btn-info.btn-outline {
|
||
|
color: #5bc0de;
|
||
|
}
|
||
|
|
||
|
.btn-warning.btn-outline {
|
||
|
color: #f0ad4e;
|
||
|
}
|
||
|
|
||
|
.btn-danger.btn-outline {
|
||
|
color: #d9534f;
|
||
|
}
|
||
|
|
||
|
.btn-primary.btn-outline:hover,
|
||
|
.btn-success.btn-outline:hover,
|
||
|
.btn-info.btn-outline:hover,
|
||
|
.btn-warning.btn-outline:hover,
|
||
|
.btn-danger.btn-outline:hover {
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.btn-primary.btn-outline:focus,
|
||
|
.btn-success.btn-outline:focus,
|
||
|
.btn-info.btn-outline:focus,
|
||
|
.btn-warning.btn-outline:focus,
|
||
|
.btn-danger.btn-outline:focus {
|
||
|
background-color: #fff;
|
||
|
border-color: #070;
|
||
|
}
|
||
|
|