proxadmin/app/static/css/style.css
2017-05-10 05:37:19 +03:00

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;
}