proxadmin/app/static/css/style.css

291 lines
4.7 KiB
CSS

body {
/* background: url('/static/images/purplebg.jpg') no-repeat center center fixed; */
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding-top: 0px;
background-color: #edf0f5;
background-repeat: no-repeat;
background-attachment: fixed;
top:0;
left:0;
width:100%;
height:100%;
font-size: 16px;
/* font-weight: bold; */
}
.page_wrap {
width: 83%;
margin: 0 auto;
}
.container {
width: 85%;
}
.container-fluid {
max-width: 85%;
min-width: 280px;
}
.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%;
}
#footer_cols {
background:url('/static/images/footer_header_bg.png') repeat;
border-bottom: 1px solid #2c2c2e;
overflow: hidden;
padding: 16px 0 20px 0;
color: #818387;
margin-top: 40px;
}
.clear {
clear:both;
}
.footerblock {
max-width: 420px;
margin-right: 0px;
}
.footerblock h4 {
font-size: 18px;
color: #FFF;
background: url('/static/images/footer_cols_divider.png') no-repeat bottom center;
padding-bottom: 13px;
margin-bottom: 8px;
}
.last_col {
margin-right: 0;
}
.tweet_day {
font-size: 14px;
color: #484a4e;
font-style: italic;
}
.form_field {
position: relative;
}
.newsletter_input {
background: url('/static/images/footer_newsletter_input.png') no-repeat;
width: 190px;
height: 38px;
padding: 0 10px;
border: 0;
outline: 0;
font-size: 13px;
color: #666666;
font-weight: bold;
}
.newsletter_submit {
background: url('/static/images/footer_newsletter_input_btn.png') no-repeat;
width: 16px;
height: 16px;
border: 0;
text-indent: -9999px;
font-size: 0;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
/* Footer Copyright */
#footer_copyright {
background-color: #536a2f;
/* background: url(/static/images/footer_top_bg.png) repeat; */
overflow: hidden;
padding: 20px 0 5px 0;
}
.copyright {
color: #fff;
float: left;
width: 500px;
}
.copyright a {
color: #fff;
}
.design_by {
color: #fff;
float: right;
width: 300px;
text-align: right;
}
.design_by a {
color: #fff;
}
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;
}
.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;
}
.panel-heading {
padding: 6px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.rrd + .tooltip > .tooltip-inner {
background-color: #73AD21;
color: #FFFFFF;
border: 1px solid green;
padding: 15px;
font-size: 20px;
}
/* Tooltip on top */
.rrd + .tooltip.top > .tooltip-arrow {
border-top: 5px solid green;
}
/* Tooltip on bottom */
.rrd + .tooltip.bottom > .tooltip-arrow {
border-bottom: 5px solid blue;
}
/* Tooltip on left */
.rrd + .tooltip.left > .tooltip-arrow {
border-left: 5px solid red;
}
/* Tooltip on right */
.rrd + .tooltip.right > .tooltip-arrow {
border-right: 5px solid black;
}