proxadmin/app/static/css/style.css

291 lines
4.7 KiB
CSS
Raw Normal View History

2017-03-08 13:53:09 -05:00
body {
/* background: url('/static/images/purplebg.jpg') no-repeat center center fixed; */
2017-05-10 23:08:38 -04:00
background-size: cover;
2017-03-08 13:53:09 -05:00
-webkit-background-size: cover;
-moz-background-size: cover;
2017-05-10 23:08:38 -04:00
-o-background-size: cover;
padding-top: 0px;
2017-06-25 10:11:52 -04:00
background-color: #edf0f5;
2017-05-10 23:08:38 -04:00
background-repeat: no-repeat;
background-attachment: fixed;
top:0;
left:0;
width:100%;
height:100%;
2018-03-24 19:31:00 -04:00
font-size: 16px;
2017-05-09 22:15:36 -04:00
/* font-weight: bold; */
2017-03-08 13:53:09 -05:00
}
2017-05-10 23:08:38 -04:00
.page_wrap {
width: 88%;
2017-05-10 23:08:38 -04:00
margin: 0 auto;
}
2018-03-24 19:31:00 -04:00
.container {
width: 90%;
2018-03-24 19:31:00 -04:00
}
.container-fluid {
max-width: 92%;
2018-03-24 19:31:00 -04:00
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%;
}
2017-05-10 23:08:38 -04:00
#footer_cols {
2018-03-24 19:31:00 -04:00
background:url('/static/images/footer_header_bg.png') repeat;
2017-05-10 23:08:38 -04:00
border-bottom: 1px solid #2c2c2e;
overflow: hidden;
2018-03-24 19:31:00 -04:00
padding: 16px 0 20px 0;
2017-05-10 23:08:38 -04:00
color: #818387;
margin-top: 40px;
}
2018-03-24 19:31:00 -04:00
.clear {
2017-06-11 22:12:27 -04:00
clear:both;
}
.footerblock {
2018-03-24 19:31:00 -04:00
max-width: 420px;
2017-06-11 22:12:27 -04:00
margin-right: 0px;
2017-05-10 23:08:38 -04:00
}
2017-06-11 22:12:27 -04:00
.footerblock h4 {
2017-05-10 23:08:38 -04:00
font-size: 18px;
color: #FFF;
2018-03-24 19:31:00 -04:00
background: url('/static/images/footer_cols_divider.png') no-repeat bottom center;
2017-05-10 23:08:38 -04:00
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 {
2018-03-24 19:31:00 -04:00
background: url('/static/images/footer_newsletter_input.png') no-repeat;
2017-05-10 23:08:38 -04:00
width: 190px;
height: 38px;
padding: 0 10px;
border: 0;
outline: 0;
font-size: 13px;
color: #666666;
font-weight: bold;
}
.newsletter_submit {
2018-03-24 19:31:00 -04:00
background: url('/static/images/footer_newsletter_input_btn.png') no-repeat;
2017-05-10 23:08:38 -04:00
width: 16px;
height: 16px;
border: 0;
text-indent: -9999px;
font-size: 0;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
/* Footer Copyright */
#footer_copyright {
2018-03-24 19:31:00 -04:00
background-color: #536a2f;
2017-05-10 23:08:38 -04:00
/* 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;
}
2017-03-08 13:53:09 -05:00
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;
2017-05-09 22:37:19 -04:00
position: relative;
2017-03-08 13:53:09 -05:00
}
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: 660px;
2017-03-08 13:53:09 -05:00
}
.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;
}
2017-06-01 18:27:17 -04:00
.panel-heading {
2017-05-31 11:20:53 -04:00
padding: 6px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
2017-06-01 18:27:17 -04:00
2017-06-11 22:12:27 -04:00
.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;
2017-06-01 18:27:17 -04:00
}