Файл: style/web/static/ui/css/project.css
Строк: 302
.project-header {
position: relative;
}
/* Project
Info
----------------------------------------------------------------------------
*/
.project-rating,
.project-btn {
text-align:
center;
line-height: 60px;
}
.project-btn__vote-btn {
text-align:
right;
}
.project-rating-inner {
display:
inline-block;
text-align: left;
vertical-align:
middle;
}
.project-rating-inner > span {
display:
block;
color: #2C5C62;
font-size: 13px;
text-transform:
uppercase;
line-height: 13px;
}
.project-rating-inner
.project-rating__qty {
font-weight: 600;
font-size:
24px;
line-height: 24px;
}
.btn-fav {
color:
#fff;
text-transform: uppercase;
text-decoration:
none;
background-color: #F9BB00;
border-color: #F9BB00;
font-size:
13px;
vertical-align: middle;
webkit-transition: all .3s
ease;
-moz-transition: all .3s ease;
transition: all .3s
ease;
-o-transition: all .3s
ease;
}
.btn-fav:hover,
.btn-fav:active,
.btn-fav:focus
{
background-color: #E1A900;
border-color:
#E1A900;
}
.project-social {
margin-top: 15px;
}
.tab-pills
{
margin-top: 30px;
padding-bottom: 10px;
border-bottom: 1px solid
#50929B;
}
.tab-pills > li > a {
padding: 5px
10px;
text-decoration: none;
border-radius: 0;
background-color:
#FCFCFC;
border-color:rgb(234,234,234);
border-width:1px;
border-style:solid;
color:
#575757;
text-transform: uppercase;
font-size: 13px;
}
.tab-pills
> li {
margin-right: 18px;
}
.tab-pills > li.active > a,
.tab-pills > li.active > a:hover,
.tab-pills > li.active
> a:focus {
color: #fff;
text-decoration:
none;
background-color:rgb(80,146,155);
border-color:rgb(83,151,160);
border-width:1px;
border-style:solid;
}
.project-info-table
{
display: inline-block;
}
.project-info-table > thead > tr
> th,
.project-info-table > tbody > tr > th,
.project-info-table > tfoot > tr > th,
.project-info-table
> thead > tr > td,
.project-info-table > tbody > tr >
td,
.project-info-table > tfoot > tr > td {
border-top: 1px
dotted #90A4AE;
}
.project-info-table > tbody > tr:nth-child(1)
> td {
border-top: none;
}
.project-info-table > thead > tr
> th:nth-child(1),
.project-info-table > tbody > tr >
th:nth-child(1),
.project-info-table > tfoot > tr >
th:nth-child(1),
.project-info-table > thead > tr >
td:nth-child(1),
.project-info-table > tbody > tr >
td:nth-child(1),
.project-info-table > tfoot > tr >
td:nth-child(1) {
padding-right: 40px;
font-weight:
600;
}
.project-info-table .glyphicon,
.project-info-table i
{
color: #50929B;
margin-right: 3px;
width:
16px;
}
.project-info-table [class^="picol_"]:before,
.project-info-table [class*=" picol_"]:before
{
margin-left: 0;
}
.online {
color: #64DD17;
}
.offline
{
color: #D50000;
}
.project-info-table__user {
margin-right:
10px;
width: 25px;
height: 25px;
}
.project-info-gallery
.thumbnail {
-webkit-transition-duration: .3s;
transition-duration:
.3s;
-webkit-transition-property: box-shadow;
transition-property:
box-shadow;
-webkit-transform: translateZ(0);
transform:
translateZ(0);
box-shadow: inset 0 0 0 5px #ECEFF1,0 0 1px
rgba(0,0,0,0);
}
.project-info-gallery .thumbnail:hover
{
box-shadow: inset 0 0 0 5px #69CFD3, 0 0 1px rgba(0, 0, 0,
0);
}
.project-info-gallery > .col-xs-3 {
padding-right:
0;
}
.project-info-gallery > h2 {
padding-left: 15px;
}
/*
/Project Info */
/* Project
Servers
----------------------------------------------------------------------------
*/
.project-servers-table {
margin-bottom:
20px;
}
.project-servers-table__main {
display:
block;
}
.project-servers-table__main >
div,
.project-servers-table__header > div {
padding:
8px;
line-height: 1.42857143;
display:
inline-block;
vertical-align:
top;
}
.project-servers-table__name,
.project-servers-table__ip
{
width:
19.577777%;
}
.project-servers-table__ver,
.project-servers-table__type,
.project-servers-table__pvp,
.project-servers-table__players
{
width: 12.577778%;
}
.project-servers-table__uptime {
width:
7.577778%;
}
.project-servers-table__header {
font-weight:
600;
border-bottom: 1px dotted
#90A4AE;
}
.project-servers-table__main,
.project-servers-table__main:hover,
.project-servers-table__main:focus,
.project-servers-table__main:active
{
text-decoration:
none;
}
.project-servers-table__main,
.project-servers-table__main.collapsed:hover,
.project-servers-table__more
{
background-color: #F8F9F9;
}
.project-servers-table__main
{
border-bottom: 1px dotted
transparent;
}
.project-servers-table__main.collapsed
{
background-color: transparent;
border-bottom: 1px dotted
#90A4AE;
}
.project-servers-table__more {
padding: 0 8px
8px;
line-height: 1.32857143;
font-size: 13px;
border-bottom: 1px
dotted #90A4AE;
}
.project-servers-table__modes > a
{
margin-right: 10px;
font-size: 12px;
}
.project-online-ico
{
color: #50929B;
}
/* /Project Servers */
/* Project
Reviews
----------------------------------------------------------------------------
*/
.project-review {
margin-bottom: 20px;
}
.project-review +
.project-review {
margin-top: -20px;
}
.project-review:last-child
{
margin-bottom: 0;
}
.project-review__body .project-review
{
margin-top: 20px;
}
.project-review__h {
margin-bottom:
3px;
}
.project-review__user
{
font-size:14px;
font-weight:600;
color:rgb(76,116,121);
margin-right:
10px;
}
.project-review__date
{
font-size:12px;
color:rgb(153,153,153);
}
.project-review__date
.glyphicon-time {
font-size: 10px;
}
.project-review__value
{
font-weight: 600;
}
.project-review--plus {
color:
#64DD17
}
.project-review--minus {
color:
#D50000;
}
.project-review__body {
position:
relative;
padding-left:
40px;
}
.project-review__like,
.project-review__dislike {
display:
inline-block;
margin-left: 5px;
color: #50929B;
text-decoration:
none;
}
.project-review__like:hover {
color:
#64DD17;
text-decoration: none;
}
.project-review__dislike:hover
{
color: #D50000;
text-decoration:
none;
}
.project-review__like.disabled:hover,
.project-review__dislike.disabled:hover
{
color: #50929B;
cursor: no-drop;
}
.project-review__user-img
{
width: 30px;
height: 30px;
overflow: hidden;
display:
block;
text-decoration: none;
position: absolute;
top:
2px;
left: 0;
}
.project-review__user-img > img {
width:
100%;
max-width: 30px;
height: auto;
}
.project-review__text
{
font-size:14px;
line-height:110%;
color:rgb(82,82,82);
}
.project-review__reply,
.project-review__write
{
color:rgb(105,207,211);
border-bottom: 1px dashed
rgb(105,207,211);
text-decoration: none;
font-size:
12px;
}
.project-review__reply:hover,
.project-review__reply:focus,
.project-review__write:hover,
.project-review__write:focus
{
color: #438790;
text-decoration: none;
border-bottom-color:
#438790;
}
.project-review-recomment,
.btn-recomment {
margin-top:
5px;
}
.project-review__write {
font-size:
20px;
}
.project-review__thanks {
margin: 10px 0
5px;
}
.project-review-form {
margin-top: 10px;
}
/* /Project
Reviews */
/* Project
Stat
----------------------------------------------------------------------------
*/
.project-stat-table {
display: inline-block;
margin-bottom:
10px;
}
.table > thead > tr > th {
border-bottom: 1px
dotted #90A4AE;
}
.project-stat-table > thead > tr > th,
.project-stat-table > tbody > tr > th,
.project-stat-table
> tfoot > tr > th,
.project-stat-table > thead > tr >
td,
.project-stat-table > tbody > tr > td,
.project-stat-table > tfoot > tr > td {
border-top: 1px
dotted #90A4AE;
}
.project-stat-table > tbody > tr:nth-child(1)
> td {
border-top: none;
}
.project-stat-table > thead > tr
> th,
.project-stat-table > tbody > tr > th,
.project-stat-table > tfoot > tr > th,
.project-stat-table
> thead > tr > td,
.project-stat-table > tbody > tr >
td,
.project-stat-table > tfoot > tr > td {
padding-right:
20px;
}
.project-stat-table__user {
margin-right: 10px;
width:
25px;
height: 25px;
}
.project-stat__more-lnk {
padding: 3px
10px;
margin-bottom: 20px;
color: #fff;
text-decoration:
none;
display:
inline-block;
}
.project-stat__more-lnk,
.project-stat__more-lnk:hover,
.project-stat__more-lnk:focus
{
text-decoration: none;
color: #fff;
}
.project-stats
{
height: 304px;
}
.graphs {
position: relative;
}
path {
/*stroke: steelblue;*/
stroke-width: 2;
fill:
none;
}
.axis path,
.axis line {
fill: none;
stroke:
grey;
stroke-width: 1;
shape-rendering:
crispEdges;
}
.grid .tick {
stroke: lightgrey;
stroke-opacity: 0.7;
shape-rendering: crispEdges;
}
.grid path
{
stroke-width: 0;
}
.x.axis text,
.y.axis text
{
font-size: 12px;
fill:
gray;
}
.x-axis-description,
.y-axis-description {
font-size:
14px;
fill: gray;
}
.statistics-tooltip {
background-color:
rgba(57,57,57, 0.9);
padding: 7px;
color: #ffffff;
padding: 4px 6px;
font-size: 12px;
}
.legend {
position:
absolute;
right: 30px;
top: 35px;
font-size: 11px;
background:
rgba(255, 255, 255, 0.5);
padding: 5px;
border: 1px solid
lightgrey;
}
.legend-color {
height: 12px;
width: 14px;
display: inline-block;
border: 1px solid
lightgrey;
}
.legend-blue {
background: #3A87AD;
}
.legend-gray
{
background: #666;
}
.legend-darkgreen {
background:
#468847;
}
.legend-darkgray {
background: #333;
}
/* /Project
Stat */
/* Project
Achievements
----------------------------------------------------------------------------
*/
.achievement-i {
margin-bottom: 30px;
}
/* /Project Achievements
*/
/* Project
Banners
----------------------------------------------------------------------------
*/
.project-banner-i {
margin-bottom: 30px;
border:1px solid
#ECEFF1;
padding:10px 10px
0;
/*background-color:#FAFAFA;*/
}
.project-banner-i__img
{
margin-bottom: 10px;
}
.project-banner-i .dl-horizontal
{
margin-bottom: 10px;
}
.project-banner-i__code dt {
text-align:
left;
}
.project-banner-i__code dd {
margin-top:
3px;
margin-bottom: 3px;
}
.project-banner-i__code code {
color:
#5e6167;
border-radius: 0;
background-color: #ECEFF1;
}
/*
/Project Banners */