Файл: style/web/static/ui/css/user-cabinet.css
Строк: 303
/* User Cabinet General
Styles
----------------------------------------------------------------------------
*/
.user-cabinet-header {
border-bottom: 1px solid #50929B;
padding-bottom: 10px;
}
.user-cabinet-header > h1 {
font-size:
30px;
background: url(/img/sprites.png) 0 -10px no-repeat;
padding-left: 50px;
line-height: 30px;
font-weight:
700;
}
.user-cabinet-header__wrap {
padding-bottom:
5px;
margin-top: 15px;
}
.user-cabinet-header-left {
padding:
10px 10px 0;
background: #ECEFF1;
position: relative;
height:
105px;
}
.user-cabinet-header__img {
height: 85px;
position:
absolute;
width: 85px;
overflow: hidden;
top: 10px;
left:
10px;
}
.user-cabinet-header__h2 {
margin-top: 0;
padding-left:
95px;
font-size: 18px;
height: 50px;
}
.user-cabinet-header__h2
small {
display: block;
margin-top: 5px;
margin-bottom:
3px;
}
.user-cabinet-header__balans {
padding: 5px
10px;
margin-left: 95px;
background-color: #42858E;
color:
#fff;
font-size: 14px;
}
.user-cabinet-header__balans:hover
{
color: #ccc;
}
.sync-accounts-alert {
margin-top:
20px;
}
/* /User Cabinet General Styles */
/*
Dashboard
----------------------------------------------------------------------------
*/
.user-dashboard {
}
.user-dashboard-i {
text-align:
center;
width: 85px;
vertical-align:
top;
}
.user-dashboard-i__ico {
text-align: center;
display:
inline-block;
border: 2px solid #438790;
color: #2C5C62;
position:
relative;
width: 65px;
height: 65px;
overflow:
hidden;
}
.user-dashboard-i__ico:after {
display:
block;
position: absolute;
content: "";
width:
100%;
height: 100%;
left: 0;
bottom: -100%;
background-color:
#69CFD3;
z-index: 1;
/*webkit-transition: all .3s
ease;
-moz-transition: all .3s ease;
transition: all .3s
ease;
-o-transition: all .3s ease;*/
}
.user-dashboard-i.active
.user-dashboard-i__ico:after,
.user-dashboard-i__lnk:hover
.user-dashboard-i__ico:after {
bottom: 0;
}
.user-dashboard-i__ico
> i {
font-size: 3.5em;
vertical-align: middle;
position:
absolute;
top: 50%;
left: 50%;
margin-left: -34px;
margin-top:
-35px;
z-index: 2
}
.user-dashboard-i__ico > .picol_imprint
{
top: 44%;
}
.user-dashboard-i__lnk {
font-weight:
600;
text-decoration:
none;
}
.user-dashboard-i__lnk:hover,
.user-dashboard-i__lnk:focus
{
text-decoration: none;
}
.user-dashboard-i__lnk > span
{
display: block;
margin-top: 3px;
line-height: 1.2;
font-size:
13px;
}
/* /Dashboard */
/* User
Projects
----------------------------------------------------------------------------
*/
.user-pr-cards {
position: relative;
margin-top: 20px;
}
.user-pr-card {
margin-bottom: 25px;
}
.user-pr-card__num
{
font-size: 18px;
padding-top: 45px;
}
.user-pr-card__h
{
font-size: 17px;
font-weight: 700;
margin-bottom: 3px;
}
.user-pr-card__h > a {
text-decoration: none;
color:
#000;
}
.user-pr-card__info {
font-size: 13px;
}
.user-pr-card__lnks,
.user-pr-card__rt,
.user-pr-card__btn {
display: block;
height: 60px;
}
.user-pr-card__rt,
.user-pr-card__lnks {
float: left;
}
.user-pr-card__btn {
float: right;
}
.user-pr-card__rt,
.user-pr-card__btn {
padding-top: 14px;
}
.user-pr-card__rt {
padding-left: 45px;
padding-right: 45px;
}
.user-pr-card__h > a:hover {
color:
#2C5B61;
}
.user-pr-card__lnks > a {
display: block;
}
.user-pr-card__lnks .user-pr-card__lnk-s {
display: inline-block;
text-decoration: none;
border-bottom: 1px dotted #2C5B61;
}
.user-pr-card__rt-inner {
display: inline-block;
color:
#2C5B61;
vertical-align: middle;
}
.user-pr-card__rt-inner >
span {
display: block;
line-height: 1;
}
.user-pr-card__rt
.user-pr-card__rt-qty {
font-weight: 700;
font-size: 22px;
}
.btn-vote {
border-radius: 0;
background-color: #69CFD3;
border-color: #69CFD3;
font-size: 13px;
webkit-transition: all
.3s ease;
-moz-transition: all .3s ease;
transition: all .3s
ease;
-o-transition: all .3s ease;
text-transform: uppercase;
text-decoration: none;
}
.servers-panel-group {
margin-bottom:
0;
}
.servers-panel-group .panel-default {
border: none;
webkit-box-shadow: none;
box-shadow: none;
}
.servers-panel-group .panel-body {
padding: 0;
}
.user-pr-card__servers {
margin-top: 3px;
margin-bottom: 5px;
}
.user-pr-card__servers > li {
font-size: 12px;
position:
relative;
}
.user-pr-card__servers > li:before {
content:
"\25a0";
font-size: 8px;
color: #FF0000;
vertical-align: middle;
padding-right: 3px;
}
.user-pr-card__servers > .server-online:before {
color: #7FFF00;
}
.user-pr-card__descr {
line-height: 1;
margin-top: 3px;
}
/* /User Projects */
/* Add
Project
----------------------------------------------------------------------------
*/
.add-project-form {
font-size: 15px;
}
.add-project-form
.control-label {
text-align: left;
}
.add-project-banner
{
margin-bottom: 10px;
}
.tab-add-project-servers .alert
{
padding: 10px
15px;
}
.edit-server-lnk,
.del-server-lnk,
.edit-server-lnk:hover,
.del-server-lnk:hover,
.edit-server-lnk:focus,
.del-server-lnk:focus
{
text-decoration: none;
}
.del-server-lnk {
color:
#FFAB91;
}
.del-server-lnk:hover {
color: #FF7043;
}
/* /Add
Project */
/* Project
Admins
----------------------------------------------------------------------------
*/
.project-admin-i__img {
padding-right: 0;
position:
relative;
}
.project-admin-i__name >
strong,
.project-admin-i__name > span {
display:
block;
}
.project-admin-i__del,
.project-admin-i__del:hover,
.project-admin-i__del:focus
{
text-decoration: none;
}
.project-admin-i__del {
position:
absolute;
top: -10px;
right: -10px;
color: #FFAB91;
display:
inline-block;
z-index: 2;
}
.project-admin-i__del:hover {
color:
#FF7043;
}
/* /Project Admins */
/* Achiv
Script
--------------------------------------------------
*/
.add-achiv-form {
font-size: 15px;
margin-bottom:
30px;
}
.add-achiv-form .control-label {
text-align:
left;
}
.btn-achiv {
background-color: #FCFCFC;
border-color:
#ccc;
border-width: 1px;
border-style: solid;
color:
#575757;
padding: 7px 12px;
font-weight: bold;
}
.btn-achiv:hover
{
background-color: #eee;
}
.achiv-manual-l > li {
margin-bottom:
15px;
}
.btn-achiv-script {
margin-top: 10px;
}
.achiv-manual
{
border: 1px solid #ECEFF1;
padding: 0 15px 15px;
background-color:
#FAFAFA;
width: 700px;
}
.achiv-manual-l {
}
.achiv-manual-l > li
> strong {
font-size: 15px;
/*margin-bottom: 5px;
display:
inline-block;*/
}
.code-achiv {
display: inline-block;
padding:
20px;
border: 1px dashed #ccc;
background-color:
#fff;
}
.send-query-wrap div.tooltip-inner {
max-width:
350px;
}
/* /Achiv Script */
/* Favorites
Projects
----------------------------------------------------------------------------
*/
.del-fav-lnk {
display: inline-block;
margin-top:
45px;
font-size: 16px;
color: #FFAB91;
}
.del-fav-lnk:hover
{
color:
#FF7043;
}
.del-fav-lnk,
.del-fav-lnk:hover,
.del-fav-lnk:focus
{
text-decoration: none;
}
/* /Favorites Projects */
/* User
Profile
----------------------------------------------------------------------------
*/
.user-profile form {
font-size: 15px;
}
.user-profile form
.control-label {
text-align: left;
}
.user-profile form
{
margin-bottom: 40px;
}
.user-profile form > h3
{
border-bottom: 2px solid #6ECBD0;
padding-bottom:
5px;
margin-bottom: 20px;
}
.btn-show {
padding-left:
0;
}
.btn-show .checkbox {
padding-top: 0;
}
.btn-show .btn
{
background-color: #FCFCFC;
border-color:
rgb(234,234,234);
border-width: 1px;
border-style: solid;
color:
#575757;
padding: 7px 0;
text-align: center;
width:
35px;
font-size: 16px;
position: relative;
}
.btn-show:hover .btn
{
background-color: #eee;
}
.btn-show .active.fa-lock:before
{
content: "\f1e0";
}
.btn-show .btn.active {
color:
#fff;
background-color: rgb(80,146,155);
border-color:
rgb(83,151,160);
-webkit-box-shadow: none;
box-shadow: none;
}
/*
/User Profile */
/* User Page
Styles
----------------------------------------------------------------------------
*/
.user-page-header {
border-bottom: 1px solid
#50929B;
padding-bottom: 5px;
margin-bottom:
20px;
}
.user-page-img {
max-width: 95px;
padding-right:
0;
}
.user-page-header h1 {
margin-top: 0;
}
.user-page-header
h1 small {
display: block;
margin-top: 5px;
}
.user-page-info
{
width: 875px;
}
.user-page-links {
margin-bottom:
10px;
font-size: 13px;
}
.user-page-links li {
line-height:
1.4;
margin-right: 5px;
}
.user-page-links .fa {
margin-right:
5px;
color: #50929B;
}
.user-page-links a {
text-decoration:
none;
}
/* /User Page Styles */