You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
753 lines
13 KiB
753 lines
13 KiB
html, body { |
|
height: 100%; |
|
} |
|
|
|
body { |
|
background-color: #FCFCFC; |
|
|
|
} |
|
|
|
/*Opera Fix*/ |
|
body:before {/* thanks to Maleika (Kohoutec)*/ |
|
content:""; |
|
height:100%; |
|
float:left; |
|
width:0; |
|
margin-top:-32767px;/* thank you Erik J - negate effect of float*/ |
|
} |
|
|
|
.rounded-box { |
|
-webkit-border-radius: 5px; |
|
-moz-border-radius: 5px; |
|
border-radius: 5px; |
|
background-color: #EEEEEE; |
|
padding: 10px; |
|
} |
|
.brand { |
|
font-family: 'Anton', sans-serif; |
|
color: #049CDB; |
|
} |
|
|
|
.right { |
|
float: right; |
|
} |
|
|
|
.left { |
|
float: left; |
|
} |
|
|
|
.clear:after { |
|
content: "."; |
|
visibility: hidden; |
|
display: block; |
|
height: 0; |
|
clear: both; |
|
} |
|
|
|
.bordered { |
|
border-top: 1px solid #EEEEEE; |
|
border-bottom: 1px solid #EEEEEE; |
|
padding: 7px 0; |
|
margin: 35px 0 15px; |
|
} |
|
|
|
/*================================ BT FIXES ================================*/ |
|
|
|
.sidebar-nav { |
|
padding: 9px 0; |
|
} |
|
|
|
.tooltip { |
|
z-index: 2000 |
|
} |
|
|
|
/*================================= LAYOUT =================================*/ |
|
|
|
.content { |
|
min-height: 100%; |
|
} |
|
|
|
.content:before { |
|
display: table; |
|
content: ""; |
|
height: 40px; |
|
zoom: 1; |
|
} |
|
|
|
.content.controls:before { |
|
background: none repeat scroll 0 0 #F1F1F1; |
|
border-bottom: 1px solid #D2D2D2; |
|
content: ""; |
|
display: table; |
|
height: 86px; |
|
margin-bottom: -47px; |
|
width: 100%; |
|
} |
|
|
|
.content .container-fluid, .content .container { |
|
overflow:auto; |
|
padding-bottom: 53px; |
|
} |
|
|
|
footer { |
|
position: relative; |
|
margin: -53px 20px 0; /* negative value of footer height */ |
|
height: 53px; |
|
clear:both; |
|
text-align: center; |
|
} |
|
|
|
footer a { |
|
display: inline-block; |
|
height: 26px; |
|
opacity: 0.5; |
|
-webkit-transition: all 0.5s ease 0s; |
|
-moz-transition: all 0.5s ease 0s; |
|
-o-transition: all 0.5s ease 0s; |
|
transition: all 0.5s ease 0s; |
|
} |
|
|
|
footer a:hover { |
|
opacity: 1; |
|
} |
|
|
|
footer .copy{ |
|
border-top: 1px solid #E5E5E5; |
|
padding-top: 15px; |
|
} |
|
|
|
footer .icon-html { |
|
background-image: url(../img/sprite.png); |
|
background-position: -174px -214px; |
|
width: 60px; |
|
margin-left: 114px; |
|
} |
|
|
|
footer .icon-dbs { |
|
background-image: url(../img/sprite.png); |
|
background-position: 0px -214px; |
|
height: 26px; |
|
width: 174px; |
|
} |
|
|
|
/*================================ BUTTONS ================================*/ |
|
|
|
.btn-flat { |
|
text-decoration: none; |
|
text-shadow: 0 1px 0 #fff; |
|
font: bold 14px Helvetica, Arial, sans-serif; |
|
color: #444; |
|
line-height: 17px; |
|
display: inline-block; |
|
margin: 0 15px 0 0; |
|
padding: 5px 15px; |
|
background: #F3F3F3; |
|
border: solid 1px #D9D9D9; |
|
border-radius: 4px; |
|
-webkit-border-radius: 4px; |
|
-moz-border-radius: 4px; |
|
-webkit-transition: border-color .20s; |
|
-moz-transition: border-color .20s; |
|
-o-transition: border-color .20s; |
|
transition: border-color .20s; |
|
} |
|
|
|
a.btn-flat { |
|
cursor: pointer; |
|
height: 18px; |
|
} |
|
|
|
button.btn-flat { |
|
height: 30px; |
|
} |
|
|
|
.btn-flat:hover { |
|
text-decoration: none; |
|
background: #F4F4F4; |
|
border-color: #C0C0C0; |
|
color: #333; |
|
} |
|
|
|
.btn-flat:active { |
|
border-color: #0069D6; |
|
color: #0069D6; |
|
-moz-box-shadow: inset 0 0 10px #D4D4D4; |
|
-webkit-box-shadow: inset 0 0 10px #D4D4D4; |
|
box-shadow: inset 0 0 10px #D4D4D4; |
|
} |
|
|
|
.btn-flat i { |
|
background-image: url(../img/sprite.png); |
|
display: inline-block; |
|
height: 18px; |
|
width: 18px; |
|
} |
|
|
|
.btn-flat i.pencil { |
|
background-position: -72px 0px; |
|
} |
|
.btn-flat:hover i.pencil { |
|
background-position: -72px -18px; |
|
} |
|
|
|
.btn-flat i.trash { |
|
background-position: -90px 0px; |
|
} |
|
.btn-flat:hover i.trash { |
|
background-position: -90px -18px; |
|
} |
|
|
|
.btn-flat i.add { |
|
background-position: -108px 0px; |
|
} |
|
.btn-flat:hover i.add { |
|
background-position: -108px -18px; |
|
} |
|
|
|
.btn-flat i.abacus { |
|
background-position: -126px 0px; |
|
} |
|
.btn-flat:hover i.abacus { |
|
background-position: -126px -18px; |
|
} |
|
|
|
.btn-flat i.eye { |
|
background-position: -144px 0px; |
|
} |
|
.btn-flat:hover i.eye { |
|
background-position: -144px -18px; |
|
} |
|
|
|
.btn-flat i.group { |
|
background-position: -54px 0; |
|
} |
|
|
|
.btn-flat:hover i.group { |
|
background-position: -54px -18px; |
|
} |
|
|
|
.btn-flat i.reset { |
|
background-position: -162px 0; |
|
} |
|
|
|
.btn-flat:hover i.reset { |
|
background-position: -162px -18px; |
|
} |
|
|
|
.btn-flat i.clip { |
|
background-position: -180px 0; |
|
} |
|
|
|
.btn-flat:hover i.clip { |
|
background-position: -180px -18px; |
|
} |
|
|
|
.btn-flat i.download { |
|
background-position: -198px 0; |
|
} |
|
|
|
.btn-flat:hover i.download { |
|
background-position: -198px -18px; |
|
} |
|
|
|
.page-controls .btn-group, .page-controls .actions, .page-controls .btn-flat { |
|
float: left; |
|
display: block; |
|
} |
|
|
|
.page-controls .btn-group { |
|
margin-right: 15px; |
|
} |
|
|
|
.btn-group + .btn-group { |
|
margin-left: 0; |
|
} |
|
|
|
.btn-group .btn-flat { |
|
position: relative; |
|
float: left; |
|
margin-left: -1px; |
|
margin-right: 0px; |
|
-webkit-border-radius: 0; |
|
-moz-border-radius: 0; |
|
border-radius: 0; |
|
} |
|
|
|
.btn-group .btn-flat:first-child { |
|
margin-left: 0; |
|
-webkit-border-top-left-radius: 4px; |
|
-moz-border-radius-topleft: 4px; |
|
border-top-left-radius: 4px; |
|
-webkit-border-bottom-left-radius: 4px; |
|
-moz-border-radius-bottomleft: 4px; |
|
border-bottom-left-radius: 4px; |
|
} |
|
|
|
.btn-group .btn-flat:last-child { |
|
-webkit-border-top-right-radius: 4px; |
|
-moz-border-radius-topright: 4px; |
|
border-top-right-radius: 4px; |
|
-webkit-border-bottom-right-radius: 4px; |
|
-moz-border-radius-bottomright: 4px; |
|
border-bottom-right-radius: 4px; |
|
} |
|
|
|
.search [type="search"] { |
|
padding: 5px 4px; |
|
} |
|
|
|
.search .add-on { |
|
cursor: pointer; |
|
padding: 5px; |
|
} |
|
|
|
.search [type="submit"] { |
|
background-image: url(../img/sprite.png); |
|
background-position: 0px -68px; |
|
background-color: #F5F5F5; |
|
border: none; |
|
height: 18px; |
|
width: 18px; |
|
display: inline-block; |
|
overflow: hidden; |
|
text-indent: -9999px; |
|
} |
|
|
|
.search .autocomplete { |
|
background-image: url(../img/sprite.png); |
|
background-position: -18px -68px; |
|
background-color: #F5F5F5; |
|
height: 18px; |
|
width: 18px; |
|
display: inline-block; |
|
overflow: hidden; |
|
text-indent: -9999px; |
|
} |
|
|
|
.search .add-on:active { |
|
border-color: #0069D6; |
|
color: #0069D6; |
|
-moz-box-shadow: inset 0 0 3px #D4D4D4; |
|
-webkit-box-shadow: inset 0 0 3px #D4D4D4; |
|
box-shadow: inset 0 0 3px #D4D4D4; |
|
} |
|
|
|
.typeahead.dropdown-menu { |
|
overflow: hidden; |
|
} |
|
|
|
.btn-group.marking-needed, .btn-flat.marking-needed { |
|
display: none; |
|
} |
|
|
|
/*================================ NAVIGATION ================================*/ |
|
|
|
.navbar .brand, .navbar .brand:hover { |
|
color: #049CDB; |
|
} |
|
|
|
#user-options a { |
|
color: #555555; |
|
text-shadow: none; |
|
} |
|
|
|
#user-options .user-name { |
|
color: #0088CC; |
|
} |
|
|
|
#user-options:hover .user-name { |
|
text-decoration: underline; |
|
} |
|
|
|
.page-controls { |
|
display: block; |
|
height: 30px; |
|
margin-bottom: 25px; |
|
padding: 8px 0; |
|
} |
|
|
|
.page-controls:after { |
|
content: "."; |
|
visibility: hidden; |
|
display: block; |
|
height: 0; |
|
clear: both; |
|
} |
|
|
|
.page-controls h1 { |
|
line-height: 30px; |
|
} |
|
|
|
.page-controls form { |
|
margin-bottom: 0; |
|
} |
|
|
|
.page-controls .input-append.search { |
|
float: right; |
|
} |
|
|
|
/*================================ TABLES ================================*/ |
|
|
|
thead { |
|
background-color: #E0F3FF; |
|
border-bottom: 2px solid #0064CD; |
|
} |
|
th { |
|
border-top: none; |
|
} |
|
th.sortable { |
|
cursor: pointer; |
|
background-color: #E0F3FF; |
|
} |
|
|
|
th.sortable.headerSortDown, th.sortable.headerSortUp { |
|
background-color: #C7E9FF; |
|
} |
|
th, th a { |
|
color: #0064CD; |
|
} |
|
th a:hover { |
|
text-decoration: none; |
|
color: #0064CD; |
|
} |
|
tbody tr:hover { |
|
background-color: #FAFAFA; |
|
} |
|
|
|
td.center, th.center { |
|
text-align: center; |
|
vertical-align: middle; |
|
} |
|
|
|
table .header:hover:after { |
|
border-width: 4px 4px 0; |
|
} |
|
|
|
table .action { |
|
background-image: url(../img/sprite.png); |
|
margin-bottom: -5px; |
|
margin-right: 2px; |
|
height: 16px; |
|
width: 16px; |
|
display: inline-block; |
|
overflow: hidden; |
|
text-indent: -9999px; |
|
background-repeat: no-repeat; |
|
-webkit-transition: background-image 0.20s linear; |
|
-moz-transition: background-image 0.20s linear; |
|
-o-transition: background-image 0.20s linear; |
|
transition: background-image 0.20s linear; |
|
zoom: 1; |
|
filter: alpha(opacity=40); |
|
opacity: 0.4; |
|
} |
|
|
|
table .action:hover { |
|
filter: alpha(opacity=100); |
|
opacity: 1; |
|
} |
|
|
|
table .action.delete { |
|
background-position: 0px -36px; |
|
} |
|
|
|
table .action.delete:hover { |
|
background-position: 0px -52px; |
|
} |
|
|
|
table .action.edit { |
|
background-position: -16px -36px; |
|
} |
|
|
|
table .action.edit:hover { |
|
background-position: -16px -52px; |
|
} |
|
|
|
table .action.eye { |
|
background-position: -145px 0px; |
|
} |
|
|
|
table .action.eye:hover { |
|
background-position: -145px -18px; |
|
} |
|
|
|
|
|
|
|
|
|
/*================================ MODALS ================================*/ |
|
|
|
.modal form { |
|
margin: 0; |
|
} |
|
|
|
.modal-body .option { |
|
font-size: 15px; |
|
} |
|
|
|
.modal-body .option a { |
|
font-weight: bold; |
|
} |
|
|
|
.modal-body .checklist { |
|
margin: 0 20px; |
|
} |
|
|
|
.modal-body .checklist:after { |
|
content: "."; |
|
visibility: hidden; |
|
display: block; |
|
height: 0; |
|
clear: both; |
|
} |
|
|
|
.modal-body .checklist .checkbox { |
|
margin-bottom: 10px; |
|
} |
|
|
|
.modal-body .checklist .left { |
|
float: left; |
|
width: 50%; |
|
} |
|
|
|
.modal-body .checklist .right { |
|
float: right; |
|
width: 50%; |
|
} |
|
|
|
.modal-body .checklist .checkbox input { |
|
margin-left: -20px; |
|
} |
|
|
|
.modal-body .help-block { |
|
margin-bottom: 15px; |
|
} |
|
|
|
/*============================= WELCOME PAGE =============================*/ |
|
|
|
.welcome .content { |
|
background: url(../img/bg.png) repeat-x scroll 0 0 #FCFCFC; |
|
} |
|
|
|
#welcome { |
|
margin: 90px 0 80px; |
|
text-align: center; |
|
} |
|
|
|
#welcome h1 { |
|
font-family: 'Anton',sans-serif; |
|
font-size: 120px; |
|
line-height: 1; |
|
margin-bottom: 5px; |
|
} |
|
|
|
#welcome .brand { |
|
text-transform: none; |
|
} |
|
|
|
#welcome .quote { |
|
color: #878787; |
|
font-size: 16px; |
|
} |
|
|
|
/*============================= ACCOUNT =============================*/ |
|
|
|
#register-successful, #access-denied { |
|
margin: 90px 0 50px; |
|
text-align: center; |
|
} |
|
|
|
#register-successful h1, #access-denied h1 { |
|
font-family: 'Anton',sans-serif; |
|
font-size: 80px; |
|
line-height: 1; |
|
margin-bottom: 5px; |
|
} |
|
|
|
#access-denied { |
|
margin-top: 150px; |
|
} |
|
|
|
#access-denied h1 { |
|
color: #B94A48; |
|
} |
|
|
|
hgroup .info { |
|
color: #878787; |
|
font-size: 16px; |
|
line-height: 24px; |
|
} |
|
|
|
.account.login h1 { |
|
border-bottom: 1px solid #EEEEEE; |
|
font-family: 'Anton',sans-serif; |
|
font-size: 50px; |
|
line-height: 50px; |
|
margin: 80px 0 20px; |
|
padding-bottom: 5px; |
|
} |
|
|
|
/*============================== ADMIN AREA ==============================*/ |
|
|
|
.admin-options a:hover [class*="span"] { |
|
background-color: #EEEEEE; |
|
-webkit-transition: background-color 0.50s linear; |
|
-moz-transition: background-color 0.50s linear; |
|
-o-transition: background-color 0.50s linear; |
|
transition: background-color 0.50s linear; |
|
} |
|
|
|
.admin-options .option { |
|
background-image: url(../img/sprite.png); |
|
background-position: 0px -86px; |
|
margin: 0 auto; |
|
width: 128px; |
|
height: 128px; |
|
} |
|
|
|
.admin-options .option.shop { |
|
background-position: -128px -86px; |
|
} |
|
|
|
.admin-options h2 { |
|
margin-top: 5px; |
|
text-align: center; |
|
} |
|
|
|
.admin-options [class*="span"] { |
|
padding: 20px 0; |
|
background-color: #F7F7F7; |
|
} |
|
|
|
/*============================== FAQ ==============================*/ |
|
|
|
.faq h1 { |
|
font-family: 'Anton',sans-serif; |
|
font-size: 60px; |
|
line-height: 1; |
|
margin: 30px 0; |
|
text-align: center; |
|
} |
|
|
|
.faq h2 { |
|
color: #FCFCFC; |
|
font-size: 28px; |
|
line-height: 1; |
|
background-color: #049CDB; |
|
padding: 10px; |
|
margin-bottom: 5px; |
|
-webkit-border-radius: 5px; |
|
-moz-border-radius: 5px; |
|
border-radius: 5px; |
|
} |
|
|
|
.faq section { |
|
margin-bottom: 35px; |
|
} |
|
|
|
/*============================= ACTIONS =============================*/ |
|
|
|
.action-header { |
|
margin-bottom: 15px; |
|
} |
|
|
|
/*============================== FORMS ==============================*/ |
|
|
|
.control-group.information { |
|
margin: 0; |
|
} |
|
|
|
.control-group.information p { |
|
padding: 5px 0; |
|
color: #AAAAAA; |
|
} |
|
|
|
/*=========================== ORDER SPLASH ===========================*/ |
|
|
|
.accordion { |
|
margin-top: 5px; |
|
} |
|
|
|
.accordion li { |
|
background-color: #EAEAEA; |
|
cursor: pointer; |
|
font-size: 16px; |
|
margin: 5px 0; |
|
padding: 12px 10px; |
|
-webkit-border-radius: 5px; |
|
-moz-border-radius: 5px; |
|
border-radius: 5px; |
|
-webkit-transition: background-color 0.1s ease 0s; |
|
-moz-transition: background-color 0.1s ease 0s; |
|
-o-transition: background-color 0.1s ease 0s; |
|
transition: background-color 0.1s ease 0s; |
|
} |
|
|
|
.accordion li:hover { |
|
background-color: #DDDDDD; |
|
} |
|
|
|
|
|
.accordion li span { |
|
font-size: 13px; |
|
color: #A0A0A0; |
|
} |
|
|
|
.accordion-heading { |
|
background-color: #333333; |
|
padding: 0; |
|
-webkit-border-radius: 5px; |
|
-moz-border-radius: 5px; |
|
border-radius: 5px; |
|
-webkit-transition: background-color 0.1s ease 0s; |
|
-moz-transition: background-color 0.1s ease 0s; |
|
-o-transition: background-color 0.1s ease 0s; |
|
transition: background-color 0.1s ease 0s; |
|
} |
|
|
|
.accordion-heading a { |
|
color: #EEEEEE; |
|
display: block; |
|
font-size: 18px; |
|
font-weight: bold; |
|
line-height: 27px; |
|
padding: 8px 15px; |
|
text-decoration: none; |
|
outline: none; |
|
-webkit-transition: color 0.1s ease 0s; |
|
-moz-transition: color 0.1s ease 0s; |
|
-o-transition: color 0.1s ease 0s; |
|
transition: color 0.1s ease 0s; |
|
} |
|
|
|
.accordion-heading a:hover { |
|
color: #049CDB; |
|
} |
|
|
|
/*========================= RESPONSIVE =========================*/ |
|
|
|
@media (max-width: 1200px) { |
|
.page-controls h1 { font-size: 25px; } |
|
} |
|
|
|
|
|
/*================ STYLES FOR php2python BRANCH ================*/ |
|
|
|
input[value="password:mapping"] + div { margin-bottom:10px; } |
|
input[value="new_password:mapping"] + div { margin-bottom:10px; } |
|
|
|
.form-horizontal.user-settings fieldset > .controls { margin-left:0; } |
|
.user-settings .panel-heading, |
|
.edit-order .panel-heading { |
|
font-size:150%; |
|
padding-top: 20px; |
|
padding-bottom: 20px; |
|
margin-bottom: 20px; |
|
border-bottom: 1px solid #aaa;} |
|
div.alert a { color:inherit; text-decoration:underline; } |
|
td.column-pkg, td.column-price, td.column-total, td.column-amount { |
|
text-align:right;} |
|
input.number { text-align:right; } |
|
.moneyinput .amount { width:167px; text-align:right;} |
|
.moneyinput .currency { width:30px; text-align:center;} |
|
.controls .form-control-static { padding-top:5px; } |
|
.form-like-display.form-horizontal .control-group { margin-bottom:0px; }
|
|
|