exchangerix/admin/css/exchangerix.css
2025-12-19 20:13:55 +06:00

946 lines
17 KiB
CSS

/*----------------------------------------
Exchangerix
http://www.exchangerix.com
----------------------------------------*/
.navbar {
background: #FFF;
margin-bottom: 0;
box-shadow: none;
border-bottom: 0 none;
border-bottom: 1px solid #EEE;
height: 65px;
}
.navbar.ontop-now {
border-bottom: 1px solid #EEE;
/*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);*/
}
.navbar .navbar-brand img {
margin-top: -5px;
}
.navbar-header { width: 100% }
#rightmenu { width: 30%; padding: 10px; float: right; text-align: right }
#rightmenu a { color: #777; text-decoration: none }
#rightmenu a:hover { color: #000; }
.note + .tooltip > .tooltip-inner {background-color: #ecf3f7; color: #555;}
.note + .tooltip > .tooltip-inner {
/*border: 1px solid #c9deea;*/
padding: 10px;
min-width: 220px;
text-align: left;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
}
/*
* Off Canvas
* --------------------------------------------------
*/
@media screen and (max-width: 767px) {
.row-offcanvas {
position: relative;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.row-offcanvas-right {
right: 0;
}
.row-offcanvas-left {
left: 0;
}
.row-offcanvas-right
.sidebar-offcanvas {
right: -50%; /* 6 columns */
}
.row-offcanvas-left
.sidebar-offcanvas {
left: -50%; /* 6 columns */
}
.row-offcanvas-right.active {
right: 50%; /* 6 columns */
}
.row-offcanvas-left.active {
left: 50%; /* 6 columns */
}
.sidebar-offcanvas {
position: absolute;
top: 0;
width: 50%; /* 6 columns */
}
.navbar .navbar-brand img {
width: 100px;
}
.navbar .navbar-brand { float: left; }
#rightmenu {width: 50%; white-space: nowrap; padding: 10px; font-size: 12px; }
#rightmenu a {color: #777 }
#rightmenu a:hover {color: #67b664 }
}
body {
background: #FFFFFF url('../images/bg.png') repeat-x;
font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
font-size: 14px;
color: #000000;
margin: 0 auto;
padding: 0;
overflow-x: hidden;
}
/* Source Sans Pro */
/*
table {
border-collapse:separate;
border-spacing:0 5px;
}
*/
.checkbox {
margin-left: 20px;
}
#right_header {
width: 280px;
white-space: nowrap;
float: right;
text-align: center;
color: #5F5F5F;
padding: 7px;
margin-right: 5px;
background: #F7F7F7;
border-radius: 0 0 5px 5px;
}
#right_header a {
color: #333333;
text-decoration: underline;
margin: 0 2px 0 2px;
}
#right_header a:hover {
color: #000000;
text-decoration: none;
}
#right_header a.logout {
background: url('../images/icons/logout.png') no-repeat left;
padding-left: 20px;
}
.form-control {
min-width: 0;
width: auto;
display: inline;
margin: 3px 0;
padding-left: 6px;
}
/*
.form-control {
min-width: 0;
width: auto;
display: inline;
height: 28px;
margin: 3px 0;
padding: 4px 6px;
font-size: 12px;
}
select.form-control {
min-width: 0;
width: auto;
display: inline;
height: 28px;
margin: 3px 0;
padding: 2px 4px;
font-size: 12px;
}
*/
select optgroup {
background:#000;
color:#fff;
font-weight:bold;
}
/* Menu
----------------------------------------------- */
#sidebar {
background: #FFF;
}
#sidebar ul {
padding: 0px;
margin: 10px 0;
list-style-type: none;
width: 165px;
float: left;
}
#sidebar ul li {
float: left;
width: 165px;
white-space: nowrap;
line-height: 20px;
}
#sidebar ul li a {
display: block;
background: url('../images/arrow_right.gif') 3px 5px no-repeat;
color: #000;
padding: 4px 15px;
border-bottom: 1px solid #F5F5F5;
text-decoration: none;
}
#sidebar ul li a:hover {
color: #FFFFFF;
background: #A2D1F9 url('../images/arrow_right_white.gif') 3px 5px no-repeat;
}
#sidebar ul li.selected {
color: #FFFFFF;
font-weight: bold;
background: #F5F5F5 url('../images/arrow_right_white.gif') 3px 5px no-repeat;
}
#sidebar ul li a.last {
border-bottom: 1px solid #FFFFFF;;
}
#footer {
height: 50px;
background: #727475;
padding: 15px 0 0 0;
border-top: 1px solid #333;
font-size: 13px;
color: #B7B7B7;
text-align: center;
margin-top: 40px;
}
#footer a {
color: #B7B7B7;
text-decoration: none;
}
/* Tables
----------------------------------------------- */
th {
background: #EFF6F7;
height: 33px;
text-align: center;
vertical-align: middle;
color: #333;
font-weight: bold;
border-right: 1px solid #FFFFFF;
white-space: nowrap;
}
th.noborder {
border: 0;
}
.tb1 {
color: #000;
font-weight: normal;
font-size: 14px;
white-space: nowrap;
padding: 5px 8px;
}
.tb2 {
color: #000000;
font-weight: normal;
font-size: 14px;
}
.row_title {
font-weight: normal;
font-size: 14px;
}
tr.odd {
height: 32px;
background: #FFFFFF;
border-bottom: 1px solid #FFF;
}
tr.odd:hover {
background: #F7F7F7;
}
tr.even {
height: 32px;
background: #F9F9F9;
border-bottom: 1px solid #FFF;
}
tr.even:hover {
background: #F7F7F7;
}
.tbl {
border-bottom: 1px solid #F5F5F5;
}
tr.wrow {
height: 22px;
}
/* Links
----------------------------------------------- */
a {
color: #369DDB;
text-decoration: none;
}
a:hover {
color: #78b50e;
text-decoration: none;
}
a.goback {
background: url('../images/back.gif') no-repeat center left;
padding: 20px;
}
#addnew {
float: right;
margin-top: 2px;
padding-top: 15px;
}
#addnew a {
color: #777;
text-decoration: none;
}
#addnew a:hover {
color: #000;
text-decoration: none;
}
a.addnew {
background: url('../images/icons/add.png') no-repeat left;
text-align: right;
padding: 4px 5px 5px 18px;
}
a.search {
background: url('../images/icons/search.png') no-repeat left;
text-align: right;
padding: 4px 5px 5px 20px;
margin-left: 15px;
}
a:hover.search {
color: #000;
text-decoration: none;
}
a.import {
color: #46ADD9;
background: url('../images/import.png') no-repeat left;
text-align: right;
padding: 4px 5px 5px 20px;
margin-right: 15px;
text-decoration: none;
}
a:hover.import {
color: #96E706;
text-decoration: none;
}
a.export {
color: #81C601;
background: url('../images/export.png') no-repeat left;
text-align: right;
padding: 4px 5px 5px 20px;
margin-left: 15px;
text-decoration: none;
}
a:hover.export {
color: #000;
text-decoration: none;
}
a.sendmessage {
background: url('../images/icons/send_message.gif') no-repeat center left;
padding: 35px;
color: #FBBC00;
text-decoration: none;
}
a.sendmessage:hover {
color: #000;
}
a.blockit {
background: url('../images/icons/block_user.gif') no-repeat center left;
padding: 30px 15px 30px 35px;
color: #FB3232;
text-decoration: none;
}
a.blockit:hover {
color: #000;
}
a.unblockit {
background: url('../images/icons/unblock_user.gif') no-repeat center left;
padding: 30px 15px 30px 35px;
color: #CD952A;
text-decoration: none;
}
a.unblockit:hover {
color: #000;
}
a.emailit {
background: url('../images/icons/email_user.png') no-repeat center left;
padding: 30px 10px 30px 35px;
color: #777777;
text-decoration: none;
}
a.emailit:hover {
color: #000;
}
a.moneyit {
background: url('../images/icons/money_user.png') no-repeat center left;
padding: 30px 10px 30px 35px;
color: #777777;
text-decoration: none;
}
a.moneyit:hover {
color: #000;
}
/* TEXT
----------------------------------------------- */
p {
margin: 0;
padding: 5px 0 5px 0;
}
h1 {
font-family: 'Oswald', Times, Arial, Verdana, sans-serif;
font-size: 30px;
color: #000000;
padding: 0px 0px 0px 6px;
margin-top: 14;
}
h2 {
font-family: 'Oswald', Times, Arial, Verdana, sans-serif;
font-size: 28px;
color: #000000;
border-bottom: 2px solid #D1E8FC;
padding: 0px 0px 0px 2px;
margin-top: 10px;
margin-bottom: 7px;
}
h3 {
font-family: 'Oswald', Times, Arial, Verdana, sans-serif;
font-size: 26px;
color: #555555;
padding: 0;
margin-top: 5px;
margin-bottom: 5px;
}
h4 {
font-family: 'Oswald', Times, Arial, Verdana, sans-serif;
font-size: 20px;
color: #555555;
padding: 0;
margin-top: 5px;
margin-bottom: 5px;
}
.lg {
font-family: 'Oswald', Times, Arial, Verdana, sans-serif;
font-size: 15px;
color: #555555;
padding: 0;
margin-top: 5px;
margin-bottom: 5px;
}
.req {
color: red;
}
.note {
color: #9B9B9B;
font-size: 13px;
font-weight: normal;
background: url('../images/note.png') no-repeat center left;
padding: 2px 0 2px 20px;
margin-left: 5px;
cursor: pointer;
}
.sline {
background: #EEEEEE url('../images/px.gif') no-repeat center bottom;
margin: 2px auto;
height: 1px;
}
.help {
color: #777777;
font-size: 13px;
font-weight: normal;
}
.active_s {
background: #59d810;
color: #FFFFFF;
/*background: url('../images/active.png') no-repeat center left;*/
padding: 2px 5px;
border-radius: 3px;
}
.inactive_s {
background: #BBBBBB;
color: #FFFFFF;
/*background: url('../images/inactive.png') no-repeat center left;*/
padding: 2px 5px;
border-radius: 3px;
}
.stat {
color: #4F4E4E;
font-weight: normal;
font-size: 18px;
}
.stat_s {
color: #333333;
background: #F7F7F7;
text-align: center;
}
.stats_total {
color: #777777;
font-size: 33px;
font-weight: bold;
font-family: 'Oswald', Times, Arial, Verdana, sans-serif;
}
.todays_total {
font-weight: bold;
color: #FFFFFF;
background: #92d2e8;
padding: 2px 4px;
border-radius: 5px;
}
.featured {
color: #BB6CAA;
background: url('../images/icons/featured.png') no-repeat right;
padding: 5px 15px 5px 2px;
}
.deal_of_week {
color: #0099D9;
background: url('../images/icons/deal_of_week.png') no-repeat right;
padding: 7px 8px 5px 2px;
}
.old_cashback {
color: #BBBBBB;
text-decoration: line-through;
}
.cashback {
color: #F8A51B;
font-weight: bold;
}
/* Forms
----------------------------------------------- */
/*
.bootstrap-select > .btn {
height: 28px;
padding: 2px 4px;
font-size: 12px;
}
.btn {
font-size: 12px;
}
*/
.checkbox {
margin: 0 2px;
padding: 0;
}
.imgs {
border: 1px solid #EFEFEF;
margin-right: 3px;
padding: 3px;
background: #FFFFFF;
}
a:hover .imgs {
border-color: #F3F3F3;
}
/* Statuses
----------------------------------------------- */
.confirmed_status, .pending_status, .declined_status, .failed_status, .request_status, .paid_status, .expired_status, .payment_status {
float: left;
padding: 2px 5px;
margin: 0;
border-radius: 3px;
min-width: 47px;
}
.confirmed_status {
background: #59d80f;
color: #FFFFFF;
/*color: #A6D220;
background: url('../images/icons/status-confirmed.png') no-repeat center left;*/
}
.pending_status {
background: #F7B400;
color: #FFFFFF;
/* background: url('../images/icons/status-pending.png') no-repeat center left;*/
}
.declined_status {
background: #E27677;
color: #FFFFFF;
/*color: #E27677;
background: url('../images/icons/status-declined.png') no-repeat center left;*/
}
.failed_status {
color: #FF000A;
background: url('../images/icons/status-failed.png') no-repeat center left;
}
.expired_status {
background: #f2bfab;
color: #FFFFFF;
min-width: 37px;
/*color: #939393;
background: url('../images/icons/status-expired.png') no-repeat center left;*/
}
.request_status {
background: #F7B400;
color: #FFFFFF;
/*color: #FF9D00;
background: url('../images/icons/status-request.png') no-repeat center left;*/
}
.paid_status {
background: #94D710;
color: #FFFFFF;
/*color: #86C125;
background: url('../images/icons/status-paid.png') no-repeat center left;*/
}
.payment_status {
color: #535352;
/*background: url('../images/icons/status-default.png') no-repeat center left;*/
}
/* Scroll Box
----------------------------------------------- */
.scrollbox {
border: 1px solid #CCCCCC;
width: 335px;
height: 110px;
background: #FFFFFF;
overflow-y: scroll;
}
.scrollbox div {
padding: 4px 3px;
}
.scrollbox div input {
margin: 0px;
padding: 0px;
margin-right: 3px;
}
.scrollbox div.even {
background: #FFFFFF;
}
.scrollbox div.odd {
background: #F5F5F5;
}
/* Pagination
----------------------------------------------- */
div.pagination {
width: 100%;
font-size: 14px;
margin: 15px 0 5px 0;
text-align: center;
padding: 2px 0;
}
div.pagination a {
padding: 2px 6px;
text-decoration:none;
margin: 1px;
color: #8E8E8E;
}
div.pagination a:hover {
padding: 2px 6px;
color: #000;
}
div.pagination span.disabled {
padding: 2px 6px;
margin: 2px;
color: #DDDDDD;
}
div.pagination span.curPage {
background: #8CC5FA;
border: 1px solid #8CC5FA;
padding: 2px 6px;
color: #FFFFFF;
margin: 1px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.date {
color: #3D3D3D;
font-weight: normal;
background: url('../images/icons/date.png') no-repeat center left;
padding: 2px 0 2px 18px;
}
.user {
color: #777777;
font-weight: normal;
background: url('../images/icons/user.png') no-repeat center left;
padding: 4px 0 2px 20px;
}
.amount {
color: #FFFFFF;
background: #84D304;
padding: 3px 8px;
border-radius: 3px;
}
.abalance {
float: right;
width: 140px;
background: #fafafa;
color: #333333;
padding: 8px 5px;
margin: 3px;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.abalance .total_balance {
font-family: 'Oswald', Times, Arial, Verdana, sans-serif;
font-size: 25px;
font-weight: bold;
color: #91d608;
}
.count {
font-size: 16px;
padding: 4px 8px;
color: #FFF;
border-radius: 3px;
}
.count a {
color: #FFF;
text-decoration: none;
}
.sletter {
font-size: 13px;
font-weight: bold;
color: #567F03;
background: #D7F993;;
}
/* Rating
----------------------------------------------- */
.exchangerix_rating {
display: inline-block;
position: relative;
width: 50px;
height: 10px;
}
.exchangerix_rating .cover {
position: absolute;
background: transparent url('../images/rating_stars.png') top left no-repeat;
top: 0px;
left: 0px;
width: 50px;
height: 10px;
z-index: 101;
}
.exchangerix_rating .progress {
position: absolute;
background: transparent url('../images/rating_stars_full.png') top left no-repeat;
top: 0px;
left: 0px;
height: 10px;
z-index: 102;
}
.subscribers {
position: absolute;
right: 0;
text-align: left;
padding-top: 10px;
padding-left: 37px;
margin-right: 70px;
background: url('../images/icons/subscribers.png') no-repeat center left;
}
/* TABS
----------------------------------------------- */
.nav-tabs {
border-bottom: 1px solid #EEE;
}
.nav-tabs li a {
font-size: 13px;
color: #777;
border: 1px solid #EEE;
padding: 6px 10px;
margin-right: 5px;
text-decoration: none;
background-color: #F7F7F7;
border-bottom: none;
outline: none;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
.nav-tabs li a:hover {
color: #FFF;
background-color: #8ADFEA;
padding: 6px 10px;
border-color: #8ADFEA;
}
.tab_content, .tab-pane {
margin-top: 2px;
background: #FFF;
padding: 10px;
border-left: 1px solid #EEE;
border-right: 1px solid #EEE;
border-bottom: 1px solid #EEE;
border-radius: 0 0 10px 10px;
}
/* Chart
----------------------------------------------- */
.morris-hover{position:absolute;z-index:1000}
.morris-hover.morris-default-style {border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family: Tahoma, Arial, sans-serif; font-size:11px;text-align:center}
.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}
.alert {
margin: 0 auto;
padding: 10px;
}
.alert-success {
color: #FFF;
background: #66b210;
border: 1px solid #66b210;
}
/*
.alert-danger {
color: #FFF;
background: #db6767;
border: 1px solid #db6767;
}
*/
.alert-info {
color: #000;
background: #F7F7F7;
border: 1px solid #EEE;
text-align: center;
}
.label {font-size: 12px; font-weight: normal; /*text-transform: uppercase;*/}
#itooltip {cursor: pointer}
[data-letters]:before {
content:attr(data-letters);
display:inline-block;
font-size:1em;
width:2.5em;
height:2.5em;
line-height:2.5em;
text-align:center;
border-radius:50%;
background:#72b437;
vertical-align:middle;
margin-right:1em;
color:white;
}
.imgrs { border-radius: 50%; margin-right: 7px; }