Fixes for FM

This commit is contained in:
Serghey Rodin 2015-10-28 16:39:39 +02:00
commit 5d070fc9a5
13 changed files with 274 additions and 1489 deletions

156
web/css/styles.min.css vendored
View file

@ -663,7 +663,7 @@ input[type="checkbox"] {
height: 22px;
margin-top: 4px;
width: 73px;
margin-left: -11px;
margin-left: -2px;
}
.l-header {
@ -746,7 +746,8 @@ input[type="checkbox"] {
float: left;
color: #a4abad;
font-weight: 700;
padding: 10px 5px;
padding: 10px 0 0 10px;
margin-right: 12px;
}
.l-profile__username:hover {
color: #ffd62e;
@ -759,8 +760,8 @@ input[type="checkbox"] {
.l-profile__logout {
float: left;
color: #fff;
margin-left: 40px;
padding: 10px 5px;
/* margin-left: 40px; */
padding: 10px 0 0 10px;
}
.l-profile__logout:hover {
color: #C0E60E;
@ -775,6 +776,111 @@ input[type="checkbox"] {
padding: 8px 5px;
}
.l-profile__notifications {
background: url("/images/sprite.png") no-repeat scroll -129px -135px;
border-radius: 30px;
color: #fff;
cursor: pointer;
float: left;
font-weight: bold;
height: 15px;
margin-right: 4px;
margin-top: 5px;
padding: 10px 5px 0;
width: 15px;
}
.l-profile__notifications.active {
background-color: #454545;
}
.l-profile__notifications:hover {
background-color: #333;
}
.l-profile__notifications:active {
background-color: #c4da5e;
}
.l-profile__notifications.updates {
background-position: -165px -135px;
}
.l-profile__notifications.updates2 {
/* background-position: -202px -135px; */
background-position: -202px -157px;
}
.notification-container {
background-color: #454545;
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3);
list-style-type: none;
margin: 0;
overflow: hidden;
padding-left: 0;
position: fixed;
top: 34px;
width: 351px;
z-index: 21;
font-size: 12px;
padding: 0;
color: #9E9E9E;
}
.notification-container li {
border-bottom: 1px solid #555;
padding: 10px 15px 24px;
}
.notification-container .mark-seen {
background: rgba(0, 0, 0, 0) url("/images/sprite.png") repeat scroll -427px -486px;
border: 5px solid #454545;
border-radius: 12px;
cursor: pointer;
display: inline-block;
float: right;
height: 9px;
margin-right: -8px;
margin-top: -3px;
width: 9px;
}
.notification-container .mark-seen:hover {
background-color: #333;
border-color: #333;
}
.notification-container .mark-seen:active {
background-color: #777;
border-color: #777;
}
.notification-container .title {
color: #9e9e9e;
font-weight: bold;
line-height: 30px;
padding: 0;
text-transform: none;
float: none;
display: block;
}
.notification-container .title a {
color: #9e9e9e;
}
.notification-container .unseen .title a,
.notification-container .unseen .title {
color: #C4DA5E;
}
.notification-container .unseen .title a:hover {
color: #ffcc00;
}
.notification-container .unseen .title a:active {
color: #dacf2e;
}
.notification-container a {
color: #5ABDB5;/* #eee;*/
}
.notification-container a:hover {
color: #2CA99B;
}
.notification-container a:active {
color: #00C0C0;
}
.l-stat {
@ -1406,7 +1512,7 @@ div.l-content > div.l-separator:nth-of-type(4) {
width: 250px;
}
.l-unit__stat-col--left.wide-4 {
width: 575px;
width: 550px;
}
@ -2686,6 +2792,7 @@ form#vstobjects.suspended {
padding: 3px 14px 3px 27px;
position: absolute;
text-transform: uppercase;
word-break: keep-all;
z-index: -1;
}
@ -2838,7 +2945,7 @@ form#vstobjects.suspended {
.description {
font-weight: normal;
line-height: 25px;
padding-bottom: 20px;
padding-bottom: 45px;
margin-left: 50px;
}
.description ul{
@ -2857,13 +2964,13 @@ form#vstobjects.suspended {
color: #2c9491;
}
.description a.purchase {
color: #86A307;
color: #FFF;
background-color: #9fbf0c;
border: none;
border-radius: 3px;
color: #fff;
font-size: 13px;
font-weight: bold;
padding: 7px;
padding: 7px 15px;;
text-transform: capitalize;
text-decoration: none;
}
@ -2871,6 +2978,30 @@ form#vstobjects.suspended {
background-color: #c0e60f;
color: #555;
}
.description a.purchase:active {
background-color: #D9F210;
color: #555;
}
.description a.cancel {
background-color: #999;
border: none;
border-radius: 3px;
color: #fff;
font-size: 13px;
font-weight: bold;
padding: 7px 15px;
text-transform: capitalize;
text-decoration: none;
}
.description a.cancel:hover {
background-color: #2c9491;
}
.description a.cancel:active {
background-color: #5f9491;
}
.description .licence {
padding: 20px 0;
color: #2c9491;
@ -2887,3 +3018,10 @@ form#vstobjects.suspended {
padding-top: 20px;
}
.description .twoco {
font-style: italic;
line-height: 15px;
font-size: 12px;
}