16388 lines
403 KiB
CSS
16388 lines
403 KiB
CSS
/* All icon mixins must have "icon-" */
|
|
.pseudo {
|
|
content: " ";
|
|
}
|
|
.absolute-center {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
}
|
|
/* ------------------------ */
|
|
/* LESS mixin for CSS arrow */
|
|
/* ------------------------ */
|
|
/* Usage
|
|
* .arrow(size, color, direction, offset, border-size, border-color);
|
|
*/
|
|
/* Where
|
|
* Size is the with of the arrow
|
|
* Color is the color of the arrow (plain color required)
|
|
* Direction is the orientation of the arrow (top, right, bottom, left)
|
|
* Offset is the position of the arrow on its axis (px / em)
|
|
* Border-size is the width of the border if there is one (optional; default "0")
|
|
* Border-color is the color of the border if there is one (optional; default "inherit");
|
|
*/
|
|
/* Extra
|
|
* Drop-shadows can be used on the element to create a shadow on the arrow as well
|
|
*/
|
|
.text-overflow-ellipsis {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.avatar-small {
|
|
-webkit-border-radius: 1px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 1px;
|
|
-moz-background-clip: padding;
|
|
border-radius: 1px;
|
|
background-clip: padding-box;
|
|
width: 32px;
|
|
height: 32px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.avatar-small img {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.avatar-small.online:after,
|
|
.avatar-small.is-online:after {
|
|
content: '';
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: -3px;
|
|
right: -3px;
|
|
background: #5cb888;
|
|
border: 3px solid #f2f5f8;
|
|
}
|
|
.avatar-middle {
|
|
-webkit-border-radius: 1px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 1px;
|
|
-moz-background-clip: padding;
|
|
border-radius: 1px;
|
|
background-clip: padding-box;
|
|
width: 39px;
|
|
height: 39px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.avatar-middle img {
|
|
width: 39px;
|
|
height: 39px;
|
|
}
|
|
.avatar-middle.online:after,
|
|
.avatar-middle.is-online:after {
|
|
content: '';
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: -3px;
|
|
right: -3px;
|
|
background: #5cb888;
|
|
border: 3px solid #f2f5f8;
|
|
}
|
|
.user-stats-small {
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
.user-stats-small .user-stats-charts {
|
|
margin-right: 14px;
|
|
}
|
|
.user-stats-small .user-stats-charts:before {
|
|
height: 12px;
|
|
width: 19px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -547px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
content: " ";
|
|
top: -2px;
|
|
padding-right: 3px;
|
|
top: -3px;
|
|
}
|
|
.user-stats-small .user-stats-followers {
|
|
margin-right: 14px;
|
|
}
|
|
.user-stats-small .user-stats-followers:before {
|
|
height: 13px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1638px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
content: " ";
|
|
top: -2px;
|
|
padding-right: 5px;
|
|
}
|
|
.user-stats-small .user-stats-reputation {
|
|
color: #3cbf81;
|
|
}
|
|
.user-stats-small .user-stats-reputation:before {
|
|
height: 13px;
|
|
width: 10px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1903px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
content: " ";
|
|
top: -2px;
|
|
padding-right: 5px;
|
|
top: -3px;
|
|
}
|
|
.user-stats {
|
|
text-decoration: none;
|
|
color: #1380b7;
|
|
font-size: 19px;
|
|
}
|
|
.user-stats .user-stats-charts {
|
|
margin-right: 14px;
|
|
}
|
|
.user-stats .user-stats-charts:before {
|
|
height: 13px;
|
|
width: 19px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -220px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
content: " ";
|
|
top: -2px;
|
|
padding-right: 3px;
|
|
top: -3px;
|
|
}
|
|
.user-stats .user-stats-followers {
|
|
margin-right: 14px;
|
|
}
|
|
.user-stats .user-stats-followers:before {
|
|
height: 16px;
|
|
width: 16px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1280px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
content: " ";
|
|
top: -2px;
|
|
padding-right: 5px;
|
|
}
|
|
.user-stats .user-stats-reputation {
|
|
color: #3cbf81;
|
|
}
|
|
.user-stats .user-stats-reputation:before {
|
|
height: 15px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1878px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
content: " ";
|
|
top: -2px;
|
|
padding-right: 5px;
|
|
top: -3px;
|
|
}
|
|
.chart-stats-middle {
|
|
text-decoration: none;
|
|
color: #3b3e44;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.chart-stats-middle .chart-stats-comments {
|
|
margin-right: 6px;
|
|
}
|
|
.chart-stats-middle .chart-stats-comments:before {
|
|
height: 15px;
|
|
width: 16px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -569px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
content: " ";
|
|
padding-left: 6px;
|
|
}
|
|
.chart-stats-middle .chart-stats-views:before {
|
|
height: 12px;
|
|
width: 16px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2164px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
content: " ";
|
|
padding-left: 5px;
|
|
top: -1px;
|
|
}
|
|
.chart-stats-small {
|
|
text-decoration: none;
|
|
color: #3b3e44;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
}
|
|
.chart-stats-small .chart-stats-comments {
|
|
margin-right: 9px;
|
|
}
|
|
.chart-stats-small .chart-stats-comments:before {
|
|
height: 13px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -594px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
content: " ";
|
|
padding-left: 5px;
|
|
}
|
|
.chart-stats-small .chart-stats-views:before {
|
|
height: 11px;
|
|
width: 15px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2186px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
content: " ";
|
|
padding-left: 4px;
|
|
top: -1px;
|
|
}
|
|
.symbol-change-direction.up {
|
|
color: #41a771;
|
|
}
|
|
.symbol-change-direction.down {
|
|
color: #de7255;
|
|
}
|
|
body.fullscreen-mode {
|
|
overflow: hidden;
|
|
}
|
|
.tv-layout-width {
|
|
width: 1000px;
|
|
margin: 0 auto;
|
|
}
|
|
/* Header */
|
|
.tv-header {
|
|
min-width: 720px;
|
|
background: #26282f;
|
|
color: #FFF;
|
|
font-size: small;
|
|
}
|
|
/* Footer */
|
|
.tv-footer {
|
|
margin: -395px 0 0;
|
|
height: 395px;
|
|
background: #26282f;
|
|
}
|
|
.tv-content {
|
|
padding: 0 0 395px 0;
|
|
}
|
|
/* Content */
|
|
.tv-overwrap {
|
|
min-height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.tv-main {
|
|
height: auto !important;
|
|
min-height: 100%;
|
|
background: #f2f5f8;
|
|
}
|
|
.tv-content {
|
|
background: #f2f5f8;
|
|
height: auto !important;
|
|
min-height: 100%;
|
|
}
|
|
.tv-side-toolbar {
|
|
float: left;
|
|
position: static;
|
|
height: 100%;
|
|
overflow-x: visible;
|
|
overflow-y: hidden;
|
|
}
|
|
.tv-main-panel {
|
|
position: relative;
|
|
background-color: #F1F3F6;
|
|
overflow: hidden;
|
|
}
|
|
.tv-side-panel {
|
|
float: right;
|
|
position: relative;
|
|
z-index: 15;
|
|
height: 100%;
|
|
}
|
|
.is-mobile .tv-side-panel {
|
|
display: none;
|
|
}
|
|
.tv-panels {
|
|
height: 100%;
|
|
}
|
|
.chart-page .tv-content {
|
|
padding: 0;
|
|
}
|
|
/* Utilities */
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
.clearfix:after {
|
|
clear: both;
|
|
display: block;
|
|
content: "";
|
|
}
|
|
.hide {
|
|
display: none !important;
|
|
}
|
|
.show {
|
|
display: block !important;
|
|
}
|
|
.tv-right {
|
|
float: right !important;
|
|
}
|
|
.tv-left {
|
|
float: left !important;
|
|
}
|
|
#_atssh {
|
|
margin-top: -1px;
|
|
}
|
|
/* for popup indent */
|
|
.js-right-boundary {
|
|
margin-right: 0;
|
|
}
|
|
.hl-bg {
|
|
background: #eaeff4;
|
|
}
|
|
.content-page .bl-bg {
|
|
background: #00b8dc;
|
|
color: White;
|
|
}
|
|
.content-page .bl-bg h1,
|
|
.content-page .bl-bg h2,
|
|
.content-page .bl-bg h3,
|
|
.content-page .bl-bg h4,
|
|
.content-page .bl-bg h5,
|
|
.content-page .bl-bg h6 {
|
|
color: White;
|
|
}
|
|
.content-page .bl-bg a,
|
|
.content-page .bl-bg a:hover,
|
|
.content-page .bl-bg a:visited {
|
|
color: #C8CFD8;
|
|
}
|
|
.content-page .bl-bg .contacts {
|
|
color: inherit;
|
|
background-color: #008da9;
|
|
}
|
|
.content-page .bl-bg .contacts .title {
|
|
color: White;
|
|
}
|
|
.charts-popup-list {
|
|
overflow-y: auto;
|
|
display: none;
|
|
right: 7px;
|
|
top: 46px;
|
|
z-index: 50;
|
|
position: absolute;
|
|
border: 1px solid #aaadb1;
|
|
background: #fff;
|
|
z-index: 120;
|
|
margin: 2px 0;
|
|
}
|
|
.charts-popup-list .icon-white-arrow-up {
|
|
position: absolute;
|
|
top: -9px;
|
|
right: 53px;
|
|
}
|
|
.charts-popup-list .item {
|
|
display: block;
|
|
padding: 7px 30px 7px 7px;
|
|
height: 16px;
|
|
position: relative;
|
|
}
|
|
.charts-popup-list .item.special {
|
|
background: rgba(248, 248, 248, 0.9);
|
|
}
|
|
.charts-popup-list .item:hover,
|
|
.charts-popup-list .item.active {
|
|
background: #f4f7f9;
|
|
}
|
|
.charts-popup-list .item.first {
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
.charts-popup-list .item:last-child {
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
.charts-popup-list .item span {
|
|
color: #595959;
|
|
display: inline-block;
|
|
}
|
|
.charts-popup-list .item.active {
|
|
background: #f4f7f9;
|
|
}
|
|
.charts-popup-list .item .title {
|
|
width: 140px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.charts-popup-list .item .title-expanded {
|
|
width: 225px;
|
|
font-weight: normal;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.charts-popup-list .item.active .title-expanded,
|
|
.charts-popup-list .item.active .title {
|
|
font-weight: bold;
|
|
}
|
|
.charts-popup-list .item .date {
|
|
width: 65px;
|
|
padding-right: 20px;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
float: right;
|
|
}
|
|
.charts-popup-list .separator {
|
|
display: block;
|
|
margin: 0;
|
|
height: 0;
|
|
overflow: hidden;
|
|
border-top: 1px solid #c9cbcd;
|
|
}
|
|
.charts-popup-list .charts-popup-tab-headers {
|
|
overflow: hidden;
|
|
padding: 8px 0 8px 0;
|
|
font-size: 14px;
|
|
}
|
|
.charts-popup-list .charts-popup-tab-header {
|
|
float: left;
|
|
margin: 0 10px 5px 10px;
|
|
}
|
|
.charts-popup-list .charts-popup-tab-header-label {
|
|
padding: 0;
|
|
font-weight: bold;
|
|
border-bottom: dashed 1px;
|
|
cursor: pointer;
|
|
}
|
|
.charts-popup-list .charts-popup-tab-header.active .charts-popup-tab-header-label {
|
|
color: #595959;
|
|
border-bottom: none;
|
|
cursor: default;
|
|
}
|
|
.charts-popup-list .item.item-twobuttons {
|
|
padding-right: 52px;
|
|
}
|
|
.charts-popup-list .item.item-twobuttons .title-expanded {
|
|
width: 203px;
|
|
}
|
|
.charts-popup-list .item.with-indent {
|
|
padding-left: 28px;
|
|
}
|
|
/* delete button */
|
|
.charts-popup-list .item .icon-delete {
|
|
background: url("../images/icons.png") no-repeat scroll -102px -362px transparent;
|
|
width: 14px;
|
|
height: 14px;
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 7px;
|
|
}
|
|
.charts-popup-list .item .icon-delete:hover {
|
|
background-position: -81px -362px;
|
|
}
|
|
.charts-popup-list .item .icon-delete {
|
|
visibility: hidden;
|
|
}
|
|
.is-mobile .charts-popup-list .item .icon-delete {
|
|
visibility: visible;
|
|
opacity: 0.3;
|
|
}
|
|
.is-mobile .charts-popup-list .item .icon-delete:hover {
|
|
opacity: 1;
|
|
}
|
|
.charts-popup-list .item:hover .icon-delete {
|
|
visibility: visible;
|
|
}
|
|
/* save button */
|
|
.charts-popup-list .item .icon-save {
|
|
background: url('../images/icons.png') -120px -280px;
|
|
width: 14px;
|
|
height: 14px;
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 23px;
|
|
}
|
|
.charts-popup-list .item .icon-save:hover {
|
|
background-position: -100px -280px;
|
|
}
|
|
.charts-popup-list .item .icon-save {
|
|
visibility: hidden;
|
|
}
|
|
.charts-popup-list .item:hover .icon-save {
|
|
visibility: visible;
|
|
}
|
|
.charts-popup-list .item .icon {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 0 5px 0 0;
|
|
vertical-align: top;
|
|
}
|
|
.charts-popup-list.iconed .item {
|
|
height: 32px;
|
|
padding: 2px;
|
|
line-height: 34px;
|
|
}
|
|
.charts-popup-list.iconed .item {
|
|
white-space: nowrap;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.charts-popup-list.iconed .item .title {
|
|
/*height: 30px; line-height: 30px;*/
|
|
padding-right: 20px;
|
|
}
|
|
.charts-popup-list.iconed .item .icon {
|
|
width: 32px;
|
|
height: 32px;
|
|
margin: 0 5px;
|
|
}
|
|
.charts-popup-list.iconed.thin .title {
|
|
width: 50px;
|
|
}
|
|
.charts-popup-list.narrow {
|
|
width: 155px;
|
|
}
|
|
.charts-popup-list.narrow .item .title-expanded {
|
|
width: 112px;
|
|
}
|
|
.charts-popup-list.narrow.with-scroll .item .title-expanded {
|
|
width: 100px;
|
|
}
|
|
.charts-popup-list.thin {
|
|
width: 110px;
|
|
}
|
|
.charts-popup-list.thin .item .title-expanded {
|
|
width: 67px;
|
|
}
|
|
.charts-popup-list .item .counter {
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 6px;
|
|
color: #B8B8B8;
|
|
}
|
|
.charts-popup-list .item:hover .counter {
|
|
color: #595959;
|
|
}
|
|
.charts-popup-list .item .counter.blue {
|
|
background: #4E8FF6;
|
|
color: white;
|
|
padding: 2px 3px;
|
|
border-radius: 2px;
|
|
top: 5px;
|
|
}
|
|
.charts-popup-list.small-font {
|
|
font-size: 12px;
|
|
}
|
|
.charts-popup-list.small-font .item {
|
|
height: 12px;
|
|
}
|
|
.charts-popup-list.intervals-list {
|
|
right: auto;
|
|
width: auto;
|
|
max-height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
.charts-popup-list.intervals-list .item {
|
|
cursor: pointer;
|
|
padding: 7px;
|
|
min-width: 180px;
|
|
}
|
|
.charts-popup-itemheader {
|
|
padding: 3px 8px 4px 8px;
|
|
border-top: 1px solid #DBDBDB;
|
|
cursor: pointer;
|
|
color: #595959;
|
|
background: rgba(204, 204, 204, 0.2);
|
|
}
|
|
.charts-popup-group-collapsible.collapsed .item {
|
|
display: none;
|
|
}
|
|
.charts-popup-group-collapsible .charts-popup-itemheader-icon {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -1px;
|
|
width: 11px;
|
|
height: 11px;
|
|
margin: 0 5px 0 -3px;
|
|
background: url('../images/icons.png') -180px -280px no-repeat;
|
|
}
|
|
.charts-popup-group-collapsible.collapsed .charts-popup-itemheader-icon {
|
|
background-position: -160px -280px;
|
|
}
|
|
.favored-list .to-quick {
|
|
position: absolute;
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url('../images/icons.png');
|
|
background-position: -80px -100px;
|
|
top: 7px;
|
|
right: 7px;
|
|
visibility: hidden;
|
|
}
|
|
.favored-list .delete {
|
|
position: absolute;
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url("../images/icons.png") -102px -362px;
|
|
top: 6px;
|
|
right: 30px;
|
|
visibility: hidden;
|
|
}
|
|
.favored-list .item:hover .delete {
|
|
visibility: visible;
|
|
}
|
|
.favored-list .item:hover .delete:hover {
|
|
background-position: -81px -362px;
|
|
}
|
|
.is-mobile .favored-list .delete {
|
|
visibility: visible;
|
|
opacity: 0.3;
|
|
}
|
|
.is-mobile .favored-list .delete:hover {
|
|
background-position: -81px -362px;
|
|
opacity: 1;
|
|
}
|
|
.favored-list .item:hover .to-quick,
|
|
.intervals-list .item:hover .delete,
|
|
.intervals-list.touch .delete,
|
|
.feature-touch .favored-list .to-quick {
|
|
visibility: visible;
|
|
}
|
|
/*.intervals-list .delete:hover
|
|
{
|
|
background-position: -100px -100px;
|
|
}*/
|
|
.favored-list .item .to-quick {
|
|
background-position: -40px -280px;
|
|
}
|
|
.favored-list .item .to-quick:hover {
|
|
background-position: -120px -363px;
|
|
}
|
|
.favored-list .item.quicked .to-quick,
|
|
.favored-list .item .to-quick.quicked {
|
|
background-position: -20px -280px;
|
|
visibility: visible;
|
|
}
|
|
.favored-list .item.disabled {
|
|
color: #C4C4C4;
|
|
}
|
|
.intervals-list .item-add {
|
|
min-width: 230px;
|
|
}
|
|
.intervals-list .item-add-wrap {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.intervals-list .item-add > span {
|
|
margin: 5px;
|
|
display: block;
|
|
overflow-x: hidden;
|
|
}
|
|
.intervals-list input[type='text'] {
|
|
width: 45px;
|
|
height: 25px;
|
|
}
|
|
.intervals-list .mins,
|
|
.intervals-list .add {
|
|
text-transform: uppercase;
|
|
margin-left: 5px;
|
|
height: 14px;
|
|
}
|
|
.intervals-list .mins {
|
|
width: 75px;
|
|
position: relative;
|
|
text-align: left;
|
|
}
|
|
.intervals-list .add {
|
|
width: 45px;
|
|
text-align: center;
|
|
}
|
|
.intervals-list .mins i {
|
|
background: url("../images/select-bg.png") 0 0;
|
|
display: block;
|
|
width: 9px;
|
|
height: 5px;
|
|
position: absolute;
|
|
right: 7px;
|
|
top: 11px;
|
|
}
|
|
.people-container {
|
|
margin: 15px 0 0;
|
|
}
|
|
#loading-indicator-small,
|
|
.loading-indicator-small {
|
|
clear: both;
|
|
height: 24px;
|
|
background: url('../images/loading-small.gif') center center no-repeat;
|
|
}
|
|
.column-trending .user-item {
|
|
margin: 28px 0 10px;
|
|
background: #fff;
|
|
border: 1px solid #bfbfbf;
|
|
border-radius: 4px;
|
|
padding: 4px;
|
|
}
|
|
.column-trending .user-item a,
|
|
.column-trending .user-item a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.column-trending .user-avatar {
|
|
float: left;
|
|
margin: 0 8px 0 0;
|
|
height: 45px;
|
|
}
|
|
.column-trending .user-username {
|
|
font: bold 14px Arial;
|
|
margin: 0 0 5px;
|
|
}
|
|
.column-trending .user-charts {
|
|
float: left;
|
|
width: 70px;
|
|
font: bold 18px Arial;
|
|
}
|
|
.column-trending .user-rating {
|
|
float: left;
|
|
font: bold 18px Arial;
|
|
}
|
|
.column-trending .user-rating-position {
|
|
float: left;
|
|
position: relative;
|
|
top: 4px;
|
|
left: 10px;
|
|
}
|
|
.column-trending .user-stats {
|
|
line-height: 20px;
|
|
}
|
|
.column-trending .user-stats a,
|
|
.column-trending .user-stats a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.column-trending .user-stats .saved-charts {
|
|
margin: 0 0 0 5px;
|
|
}
|
|
.column-trending .user-stats .favorites {
|
|
margin: 0 0 0 5px;
|
|
}
|
|
.column-trending .user-stats .followers {
|
|
margin: 0 0 0 9px;
|
|
}
|
|
#fdbk_tab {
|
|
display: none;
|
|
}
|
|
/* Content */
|
|
.tv-index-content {
|
|
background: #f2f5f8;
|
|
font: 12px Arial, sans-serif;
|
|
color: #4C5151;
|
|
position: relative;
|
|
}
|
|
.tv-index-content h1 {
|
|
font-size: 24px;
|
|
}
|
|
.tv-index-content h2 {
|
|
font-size: 25px;
|
|
}
|
|
.tv-index-content h3 {
|
|
font-size: 18px;
|
|
margin: 15px 0;
|
|
}
|
|
.tv-index-content h4 {
|
|
font-size: 15px;
|
|
margin: 10px 0;
|
|
}
|
|
.tv-index-content p {
|
|
line-height: 20px;
|
|
margin: 10px 0;
|
|
}
|
|
.tv-index-content p a {
|
|
text-decoration: underline;
|
|
}
|
|
.tv-index-content em {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
}
|
|
.tv-index-content pre {
|
|
white-space: normal;
|
|
}
|
|
.tv-index-content ul:not(.sbOptions):not(.no-bullets) {
|
|
margin: 20px 0 35px 0;
|
|
padding: 0;
|
|
}
|
|
.tv-index-content ul:not(.sbOptions):not(.no-bullets) li {
|
|
list-style: none;
|
|
background: url('../images/list-bullet.png') 0 0.4em no-repeat;
|
|
padding: 0 0 0 22px;
|
|
margin: 0 0 15px;
|
|
}
|
|
.tv-index-content-wrap {
|
|
padding: 20px 7px 0;
|
|
}
|
|
.tv-index-content-wrap.profile {
|
|
padding: 10px 7px 20px;
|
|
}
|
|
.tv-index-header-login .tv-index-content-wrap.profile {
|
|
padding: 10px 7px 10px;
|
|
}
|
|
.tv-index-content-wrap.stream {
|
|
padding: 0px 7px 20px;
|
|
}
|
|
.tv-index-content .notop {
|
|
margin-top: 0;
|
|
}
|
|
.features-columns {
|
|
font-size: 16px;
|
|
color: #6b6b6b;
|
|
}
|
|
.features-columns strong {
|
|
margin: 0;
|
|
color: #404040;
|
|
font-size: 25px;
|
|
font-weight: normal;
|
|
}
|
|
.features-columns p.active strong {
|
|
color: #f8833c;
|
|
}
|
|
.features-columns p {
|
|
margin: 28px 0;
|
|
}
|
|
.features-columns li {
|
|
font-size: 14px;
|
|
}
|
|
.features-columns li strong {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
.features-columns li.active strong {
|
|
color: #f8833c;
|
|
}
|
|
.features-column-left {
|
|
width: 48%;
|
|
float: left;
|
|
}
|
|
.features-column-right {
|
|
width: 48%;
|
|
float: right;
|
|
}
|
|
.index-hint {
|
|
display: none;
|
|
position: relative;
|
|
background: #EAF3FB;
|
|
font-size: 15px;
|
|
border: 1px solid #D1DEE9;
|
|
padding: 10px;
|
|
margin: 0 0 25px;
|
|
border-radius: 2px;
|
|
text-align: left;
|
|
height: 19px;
|
|
}
|
|
.index-hint h1 {
|
|
font-size: 15px;
|
|
margin: 0;
|
|
font-weight: normal;
|
|
}
|
|
.index-hint .pin {
|
|
display: block;
|
|
width: 20px;
|
|
height: 12px;
|
|
background-image: url('../images/index-hint-pin.png');
|
|
position: absolute;
|
|
top: -12px;
|
|
left: 0px;
|
|
}
|
|
.watch-video {
|
|
position: absolute;
|
|
background: #4387f6;
|
|
border: 1px solid #346bc2;
|
|
height: 29px;
|
|
right: -1px;
|
|
top: -1px;
|
|
color: #fff;
|
|
border-radius: 0 2px 2px 0;
|
|
padding: 10px 12px 0 10px;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
font-size: 15px;
|
|
}
|
|
.watch-video:hover {
|
|
color: #fff;
|
|
background: #4c8ffc;
|
|
}
|
|
.watch-video:active {
|
|
background: #5391f5;
|
|
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.icon-watch-video {
|
|
width: 22px;
|
|
height: 16px;
|
|
background-position: -160px -200px !important;
|
|
vertical-align: middle;
|
|
top: -1px;
|
|
margin: 0 3px 0 0;
|
|
}
|
|
/* Learn tab */
|
|
/** Content Main Column **/
|
|
.column-main {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
}
|
|
.iotd-section .column-main {
|
|
margin: 0 -5px;
|
|
}
|
|
.column-main-header {
|
|
position: relative;
|
|
width: 70%;
|
|
}
|
|
.column-main-header a {
|
|
text-decoration: none;
|
|
}
|
|
.column-main-header .heading {
|
|
font: bold 16px Arial;
|
|
text-transform: uppercase;
|
|
color: #5A5A5A;
|
|
}
|
|
.column-main-header .sub-heading {
|
|
font: normal 16px Arial;
|
|
}
|
|
.index-learnmore-header {
|
|
height: 259px;
|
|
background: url('../images/index/chart.png') repeat-x;
|
|
background-position: top center;
|
|
background-color: #14b8da;
|
|
color: #fff;
|
|
}
|
|
.is-authenticated .index-learnmore-header {
|
|
display: none;
|
|
}
|
|
.index-learnmore-header > .tv-layout-width {
|
|
width: 1000px !important;
|
|
display: block;
|
|
position: relative;
|
|
padding: 40px 0;
|
|
height: 149px;
|
|
text-decoration: none;
|
|
}
|
|
.index-learnmore-header h2 {
|
|
margin: 0;
|
|
font-size: 28px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
.index-learnmore-header p {
|
|
margin: 12px 0 0;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
font-style: italic;
|
|
}
|
|
.index-learnmore-header a {
|
|
display: block;
|
|
width: 174px;
|
|
height: 53px;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 33px;
|
|
background: url('../images/index/video.png') no-repeat;
|
|
background-position: 10px 10px;
|
|
}
|
|
.index-learnmore-header .symbol-input {
|
|
width: 392px;
|
|
height: 47px;
|
|
background: White;
|
|
margin: 45px 0 0 304px;
|
|
}
|
|
.index-learnmore-header .symbol-input input {
|
|
border: 0;
|
|
padding: 0;
|
|
width: 217px;
|
|
height: 47px;
|
|
margin: 0 13px 0 0;
|
|
text-indent: 13px;
|
|
font-size: 20px;
|
|
color: #555;
|
|
}
|
|
.index-learnmore-header .symbol-input input::-webkit-input-placeholder {
|
|
color: #999;
|
|
}
|
|
.index-learnmore-header .symbol-input input:-moz-placeholder {
|
|
color: #999;
|
|
}
|
|
.index-learnmore-header .symbol-input input::-moz-placeholder {
|
|
color: #999;
|
|
}
|
|
.index-learnmore-header .symbol-input input:-ms-input-placeholder {
|
|
color: #999;
|
|
}
|
|
.index-learnmore-header .symbol-input span {
|
|
float: right;
|
|
width: 162px;
|
|
height: 30px;
|
|
padding: 17px 0 0;
|
|
background: #243640;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
}
|
|
.index-learnmore-header .symbol-input span:hover {
|
|
background: #1b1d22;
|
|
}
|
|
.is-authenticated .index-learnmore-header {
|
|
/*display: none;*/
|
|
}
|
|
.index-charts-tab .item {
|
|
margin: 0 0 38px 9px;
|
|
}
|
|
.index-charts-tab .item:nth-child(3n+1) {
|
|
margin-left: 0px;
|
|
}
|
|
.index-charts-tab .item:nth-child(3n):after {
|
|
clear: both;
|
|
display: block;
|
|
content: "";
|
|
}
|
|
.chart-with-cover .item {
|
|
float: left;
|
|
padding: 5px 5px 5px 5px;
|
|
position: relative;
|
|
}
|
|
.chart-with-cover .item:hover {
|
|
background: #dee4ec;
|
|
}
|
|
.chart-with-cover .item .chart-img {
|
|
border: 1px solid #d6d7da;
|
|
width: 312px;
|
|
height: 184px;
|
|
padding: 1px;
|
|
background: #fff;
|
|
}
|
|
.chart-with-cover .item .caption {
|
|
margin: 10px 1px 5px;
|
|
line-height: 17px;
|
|
}
|
|
.chart-with-cover .item .caption button.follow-symbol {
|
|
vertical-align: top;
|
|
}
|
|
.chart-with-cover .item .symbol {
|
|
margin: 0 0 0 2px;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 178px;
|
|
}
|
|
.chart-with-cover .item .symbol,
|
|
.chart-with-cover .item .interval {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
vertical-align: text-bottom;
|
|
}
|
|
.chart-with-cover .item .interval {
|
|
color: #666;
|
|
}
|
|
.chart-with-cover .item .symbol:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.chart-with-cover .item .symbol-last {
|
|
margin-left: 7px;
|
|
padding: 1px 2px;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #777;
|
|
}
|
|
.chart-with-cover .item .symbol-change-pt {
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
}
|
|
.chart-with-cover .item .chart-stats-small {
|
|
float: right;
|
|
}
|
|
.chart-with-cover .item .cover {
|
|
cursor: pointer;
|
|
color: #666;
|
|
padding: 12px 10px;
|
|
position: absolute;
|
|
display: block;
|
|
opacity: 0;
|
|
top: 5px;
|
|
left: 5px;
|
|
right: 5px;
|
|
height: 164px;
|
|
background: #fff;
|
|
background: rgba(255, 255, 255, 0.95);
|
|
transition: opacity 0.2s ease-out;
|
|
-moz-transition: opacity 0.2s ease-out;
|
|
-webkit-transition: opacity 0.2s ease-out;
|
|
-o-transition: opacity 0.2s ease-out;
|
|
-ms-transition: opacity 0.2s ease-out;
|
|
}
|
|
.chart-with-cover .item:hover .cover {
|
|
opacity: 1;
|
|
transition: opacity 0.2s ease-out;
|
|
-moz-transition: opacity 0.2s ease-out;
|
|
-webkit-transition: opacity 0.2s ease-out;
|
|
-o-transition: opacity 0.2s ease-out;
|
|
-ms-transition: opacity 0.2s ease-out;
|
|
}
|
|
.chart-with-cover .item .cover a {
|
|
text-decoration: underline;
|
|
}
|
|
.chart-with-cover .item .cover .avatar-small {
|
|
float: left;
|
|
margin: 0 10px 0 0;
|
|
}
|
|
.chart-with-cover .item .cover .user-info {
|
|
float: left;
|
|
font-size: 14px;
|
|
margin: -2px 0 0;
|
|
}
|
|
.chart-with-cover .item .cover .user-info .icon,
|
|
.chart-with-cover .chart-tooltip .user-info .icon {
|
|
margin: 0 2px 0 0;
|
|
}
|
|
.chart-with-cover .item .cover .user-info a {
|
|
margin: 0 5px 0 0;
|
|
z-index: 2;
|
|
}
|
|
.chart-with-cover .item .cover .user-info .user-name {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #0080b7;
|
|
}
|
|
.chart-with-cover .item .cover .user-info .user-stats-small {
|
|
margin: 3px 0 0;
|
|
}
|
|
.chart-with-cover .item .cover .name {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
margin: 18px 0 5px 0;
|
|
color: #666;
|
|
display: block;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.chart-with-cover .item .cover .desc {
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
height: 80px;
|
|
color: #919191;
|
|
}
|
|
.chart-with-cover .item .cover .date {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
}
|
|
.chart-with-cover .item .cover .date:not([title]) {
|
|
visibility: hidden;
|
|
}
|
|
.chart-with-cover .item .cover .icons {
|
|
position: absolute;
|
|
top: 34px;
|
|
right: 10px;
|
|
}
|
|
.chart-with-cover .show-more {
|
|
margin: 15px 0 45px;
|
|
}
|
|
.chart-with-cover .show-more a {
|
|
height: 39px;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
background: #ecf0f3;
|
|
display: block;
|
|
border-radius: 4px;
|
|
font-weight: bold;
|
|
}
|
|
.chart-with-cover .show-more a:hover {
|
|
background: #e5e9ec;
|
|
}
|
|
.chart-with-cover .index-charts-tab-sizer {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.chart-with-cover .index-charts-spinner {
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
.chart-with-cover.loading .index-charts-tab-sizer {
|
|
overflow: visible;
|
|
}
|
|
.chart-with-cover.loading .index-charts-spinner {
|
|
display: block;
|
|
width: 24px;
|
|
height: 24px;
|
|
background: url('../images/loading-small.gif') no-repeat;
|
|
margin: -12px 0 0 -12px;
|
|
top: 50%;
|
|
left: 50%;
|
|
}
|
|
.chart-tooltip {
|
|
font-size: 13px;
|
|
position: absolute;
|
|
width: 230px;
|
|
background: #e8f2fb;
|
|
background: rgba(232, 242, 251, 0.9);
|
|
color: #41474d;
|
|
padding: 8px 10px;
|
|
border: 1px solid #b5bfc7;
|
|
border-radius: 4px;
|
|
z-index: 70;
|
|
}
|
|
.chart-tooltip .arrow {
|
|
position: absolute;
|
|
bottom: -11px;
|
|
background-position: 0 -80px;
|
|
width: 19px;
|
|
height: 11px;
|
|
}
|
|
.chart-tooltip .avatar-pic {
|
|
float: left;
|
|
margin: 0 10px 0 0;
|
|
}
|
|
.chart-tooltip .user-info {
|
|
float: left;
|
|
line-height: 22px;
|
|
font-size: 14px;
|
|
}
|
|
.chart-tooltip .chart-title {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
margin: 10px 0 0;
|
|
}
|
|
.chart-tooltip .description {
|
|
margin: 5px 0 5px;
|
|
}
|
|
.chart-tooltip .created {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
font-size: 11px;
|
|
}
|
|
.chart-tooltip .icons {
|
|
position: absolute;
|
|
top: 29px;
|
|
right: 5px;
|
|
}
|
|
/* Activity Stream Remnants */
|
|
.activity-stream-index .column-main-header {
|
|
margin-bottom: 17px;
|
|
}
|
|
.activity-stream-type-links {
|
|
margin: 5px 0 0;
|
|
display: none;
|
|
}
|
|
.users-table-header .activity-stream-type-links {
|
|
margin: 0;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.activity-stream-type-links a:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.users-table .activity-stream {
|
|
margin: 0;
|
|
}
|
|
.activity-stream .activity-stream-container {
|
|
border: 1px solid #bfbfbf;
|
|
margin: 10px 0 0;
|
|
border-radius: 3px;
|
|
background: #fff;
|
|
font-size: 14px;
|
|
color: #5a5a5a;
|
|
overflow: hidden;
|
|
height: 599px;
|
|
}
|
|
.activity-stream .activity-stream-container-static {
|
|
height: auto;
|
|
}
|
|
.users-table .activity-stream .activity-stream-container {
|
|
border: none;
|
|
border-radius: 0 3px 3px 3px;
|
|
margin: 0;
|
|
}
|
|
/** Trending Column **/
|
|
.column-trending {
|
|
color: #5a5a5a;
|
|
margin-bottom: 60px;
|
|
}
|
|
.column-trending-symbols {
|
|
width: 295px;
|
|
float: left;
|
|
}
|
|
.column-trending-people {
|
|
margin: 0 3px;
|
|
}
|
|
.column-trending-people .icon-rating-small {
|
|
margin: 0 6px 0 0;
|
|
}
|
|
.column-trending-header {
|
|
margin: 5px 0 6px;
|
|
}
|
|
.column-trending-header a {
|
|
text-decoration: none;
|
|
}
|
|
.column-trending-header .heading {
|
|
font: bold 16px Arial;
|
|
display: inline-block;
|
|
padding: 3px 0 0 2px;
|
|
}
|
|
.column-trending .head-icon {
|
|
top: -6px;
|
|
padding-right: 6px;
|
|
}
|
|
.column-trending-symbols .head-icon {
|
|
height: 18px;
|
|
width: 24px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -519px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.column-trending-people .head-icon {
|
|
height: 19px;
|
|
width: 15px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1926px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
vertical-align: top;
|
|
}
|
|
.activity-stream .head-icon {
|
|
height: 17px;
|
|
width: 24px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px 0px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
top: -3px;
|
|
padding-right: 6px;
|
|
}
|
|
.column-trending-people .tabs {
|
|
padding-top: 14px;
|
|
margin-bottom: 6px;
|
|
border-bottom: solid 1px #dce1e6;
|
|
}
|
|
.column-trending-people .tabs a {
|
|
color: #5a5a5a;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
margin-bottom: -1px;
|
|
margin-right: 14px;
|
|
padding-bottom: 10px;
|
|
padding-left: 2px;
|
|
}
|
|
.column-trending-people .tabs a.active {
|
|
font-weight: bold;
|
|
border-bottom: solid 2px #58b987;
|
|
}
|
|
.column-trending-people .search {
|
|
float: right;
|
|
position: relative;
|
|
margin-top: -5px;
|
|
}
|
|
.column-trending-people .search:before {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
width: 13px;
|
|
height: 13px;
|
|
background: url(../images/icons.png) no-repeat -80px -339px;
|
|
top: 10px;
|
|
left: 9px;
|
|
}
|
|
.column-trending-people .search input {
|
|
padding: 6px 22px 5px 27px;
|
|
margin: 1px 0 0;
|
|
border: 1px solid #D7DBE0;
|
|
width: 128px;
|
|
}
|
|
.column-trending-people .search .go {
|
|
width: 32px;
|
|
height: 27px;
|
|
line-height: 27px;
|
|
text-align: center;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
background: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
.column-trending-people .search .go:before {
|
|
content: " ";
|
|
height: 12px;
|
|
width: 14px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1414px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.column-trending-people table {
|
|
width: 100%;
|
|
}
|
|
.column-trending-people table td {
|
|
padding: 12px 0;
|
|
border-bottom: solid 1px #dbdfe4;
|
|
}
|
|
.column-trending-people table tr:last-child td {
|
|
border-bottom: 0;
|
|
}
|
|
.column-trending-people table td.user-list-username {
|
|
width: 100%;
|
|
}
|
|
.column-trending-people .user-stats-small {
|
|
padding-right: 23px;
|
|
}
|
|
.column-trending-people .user-stats-small a {
|
|
font-weight: bold;
|
|
}
|
|
.column-trending-people .user-stats-small span {
|
|
margin-right: 0;
|
|
}
|
|
.column-trending-people .user-stats-small span.user-stats-charts:before,
|
|
.column-trending-people .user-stats-small span.user-stats-followers:before {
|
|
top: -1px;
|
|
}
|
|
.column-trending-people .user-stats-small span:before {
|
|
padding-right: 6px;
|
|
}
|
|
.column-trending-people .user-stats-small .delta {
|
|
font-size: 11px;
|
|
vertical-align: super;
|
|
}
|
|
.column-trending-people tr td:last-child .user-stats-small {
|
|
padding-right: 5px;
|
|
}
|
|
.column-trending-people .user-stats-charts,
|
|
.column-trending-people .user-stats-followers,
|
|
.column-trending-people .user-stats-reputation {
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
}
|
|
.column-trending-people .user-list-username {
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
line-height: 32px;
|
|
margin: 0 0 0 32px;
|
|
}
|
|
.column-trending-people .max-width-container {
|
|
position: relative;
|
|
height: 32px;
|
|
}
|
|
.column-trending-people .ellipsis {
|
|
width: 95%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.column-trending-people a.userlink {
|
|
font-size: 15px;
|
|
}
|
|
.column-trending-people a.user-badge {
|
|
margin: -4px 0 0 6px;
|
|
vertical-align: middle;
|
|
}
|
|
.column-trending .user-list {
|
|
margin: 0 0 20px;
|
|
}
|
|
.user-list-item {
|
|
padding: 12px 0 8px;
|
|
border-bottom: solid 1px #dbdfe4;
|
|
}
|
|
.user-list-item:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
.user-list-item .follow-link {
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
top: -1px;
|
|
}
|
|
.user-list-avatar {
|
|
-webkit-border-radius: 1px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 1px;
|
|
-moz-background-clip: padding;
|
|
border-radius: 1px;
|
|
background-clip: padding-box;
|
|
width: 32px;
|
|
height: 32px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
margin: 0 11px 0 0;
|
|
}
|
|
.user-list-avatar img {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.user-list-avatar.online:after,
|
|
.user-list-avatar.is-online:after {
|
|
content: '';
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: -3px;
|
|
right: -3px;
|
|
background: #5cb888;
|
|
border: 3px solid #f2f5f8;
|
|
}
|
|
/* Follow buttons small for main page */
|
|
.follow-link-s {
|
|
width: 16px;
|
|
height: 16px;
|
|
border: none;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
background: #a5abb5 url('data:image/gif;base64,R0lGODlhCAAIAIABAPL1+P///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNTAzRjFDMDJBOEMxMUUzQkU1MEQwMUUwRTdCNUNGNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNTAzRjFDMTJBOEMxMUUzQkU1MEQwMUUwRTdCNUNGNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE1MDNGMUJFMkE4QzExRTNCRTUwRDAxRTBFN0I1Q0Y0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE1MDNGMUJGMkE4QzExRTNCRTUwRDAxRTBFN0I1Q0Y0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAgACAAAAg2MAaaBe/mQnFQ1d1cuADs=') no-repeat 50% 50%;
|
|
position: absolute;
|
|
}
|
|
.follow-link-s:hover {
|
|
background-color: #58c3e5;
|
|
}
|
|
.follow-link-s.active,
|
|
.follow-link-s.unfollow {
|
|
background: #43be83 url('data:image/gif;base64,R0lGODlhCQAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRTNBQUU5RTJBOEMxMUUzQUU3QTg3QUM5MEJFOTYxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRTNBQUU5RjJBOEMxMUUzQUU3QTg3QUM5MEJFOTYxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJFM0FBRTlDMkE4QzExRTNBRTdBODdBQzkwQkU5NjFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJFM0FBRTlEMkE4QzExRTNBRTdBODdBQzkwQkU5NjFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAkACAAAAhCMHwBouuiWSo7GZyfUDJsCADs=') no-repeat 3px 50%;
|
|
}
|
|
.follow-link-s.active:hover,
|
|
.follow-link-s.unfollow:hover {
|
|
background: #a5abb5 url('data:image/gif;base64,R0lGODlhCQAJAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERjVCQkNBQjJBOEMxMUUzQjY4Nzg0OTBDNTAwMDE2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERjVCQkNBQzJBOEMxMUUzQjY4Nzg0OTBDNTAwMDE2MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRGNUJCQ0E5MkE4QzExRTNCNjg3ODQ5MEM1MDAwMTYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGNUJCQ0FBMkE4QzExRTNCNjg3ODQ5MEM1MDAwMTYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAkACQAAAhEMgnjAyd+ggU1JdyfVix4bFAA7') no-repeat 3px 3px;
|
|
}
|
|
.follow-link-s.self {
|
|
background-color: #e0735e;
|
|
}
|
|
/* Follow buttons */
|
|
.follow-link {
|
|
width: 16px;
|
|
height: 16px;
|
|
border: none;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
background: #a5abb5 url('data:image/gif;base64,R0lGODlhCAAIAIABAPL1+P///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNTAzRjFDMDJBOEMxMUUzQkU1MEQwMUUwRTdCNUNGNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNTAzRjFDMTJBOEMxMUUzQkU1MEQwMUUwRTdCNUNGNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE1MDNGMUJFMkE4QzExRTNCRTUwRDAxRTBFN0I1Q0Y0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE1MDNGMUJGMkE4QzExRTNCRTUwRDAxRTBFN0I1Q0Y0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAgACAAAAg2MAaaBe/mQnFQ1d1cuADs=') no-repeat 50% 50%;
|
|
position: absolute;
|
|
}
|
|
.follow-link:hover {
|
|
background-color: #58c3e5;
|
|
}
|
|
.follow-link.active,
|
|
.follow-link.unfollow {
|
|
background: #43be83 url('data:image/gif;base64,R0lGODlhCQAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRTNBQUU5RTJBOEMxMUUzQUU3QTg3QUM5MEJFOTYxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRTNBQUU5RjJBOEMxMUUzQUU3QTg3QUM5MEJFOTYxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJFM0FBRTlDMkE4QzExRTNBRTdBODdBQzkwQkU5NjFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJFM0FBRTlEMkE4QzExRTNBRTdBODdBQzkwQkU5NjFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAkACAAAAhCMHwBouuiWSo7GZyfUDJsCADs=') no-repeat 3px 50%;
|
|
}
|
|
.follow-link.active:hover,
|
|
.follow-link.unfollow:hover {
|
|
background: #a5abb5 url('data:image/gif;base64,R0lGODlhCQAJAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERjVCQkNBQjJBOEMxMUUzQjY4Nzg0OTBDNTAwMDE2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERjVCQkNBQzJBOEMxMUUzQjY4Nzg0OTBDNTAwMDE2MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRGNUJCQ0E5MkE4QzExRTNCNjg3ODQ5MEM1MDAwMTYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGNUJCQ0FBMkE4QzExRTNCNjg3ODQ5MEM1MDAwMTYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAkACQAAAhEMgnjAyd+ggU1JdyfVix4bFAA7') no-repeat 3px 3px;
|
|
}
|
|
.follow-link.self {
|
|
background-color: #e0735e;
|
|
}
|
|
/* Profile follow buttons */
|
|
.follow-link-big {
|
|
display: inline-block;
|
|
height: 24px;
|
|
width: 84px;
|
|
background: url('../images/follow-big-icons.png') 0 0;
|
|
}
|
|
.follow-link-big:hover {
|
|
background-position: 0 -24px;
|
|
}
|
|
.follow-link-big.unfollow {
|
|
width: 103px;
|
|
background-position: -84px 0;
|
|
}
|
|
.follow-link-big.unfollow:hover {
|
|
background-position: -84px -24px;
|
|
}
|
|
.message-link-big {
|
|
display: inline-block;
|
|
height: 24px;
|
|
width: 124px;
|
|
background: url('../images/send-message-big.png');
|
|
}
|
|
.message-link-big:hover {
|
|
background-position: 0 -24px;
|
|
}
|
|
/* Colored Button */
|
|
.color-button {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-size: 11px;
|
|
padding: 4px 8px;
|
|
color: white;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
}
|
|
a.color-button,
|
|
a.color-button:link,
|
|
a.color-button:visited,
|
|
a.color-button:active {
|
|
color: white;
|
|
text-decoration: none;
|
|
}
|
|
.color-button.orange {
|
|
background-color: #C8C8C8;
|
|
}
|
|
.color-button.orange:hover {
|
|
background-color: #F58540;
|
|
}
|
|
.color-button.orange.active {
|
|
background-color: #E67C30;
|
|
}
|
|
.color-button.blue {
|
|
background-color: #3678D4;
|
|
}
|
|
.color-button.blue:hover {
|
|
background-color: #2965BA;
|
|
}
|
|
.color-button.follow-big {
|
|
background-color: #C8C8C8;
|
|
}
|
|
.color-button.follow-big:hover {
|
|
background-color: #5BA3FF;
|
|
}
|
|
.color-button.follow-big.unfollow {
|
|
background-color: #43BE83;
|
|
}
|
|
.color-button.follow-big.unfollow:hover {
|
|
background-color: #A6A7A8;
|
|
}
|
|
/*
|
|
.color-button.follow-big:before { display: inline-block; content: ""; background: url('../images/follow-big-icons.png'); width: 11px; height: 11px; margin-right: 5px; vertical-align: -1px; }
|
|
.color-button.follow-big:hover:before { background-position: 0 -11px;}
|
|
.color-button.follow-big.unfollow:before { background-position: -11px 0px;}
|
|
.color-button.follow-big.unfollow:hover:before { background-position: -11px -11px;}
|
|
*/
|
|
/* Bright Button */
|
|
.bright-button,
|
|
.tv-button.bright-button,
|
|
a.bright-button,
|
|
a.bright-button:link,
|
|
a.bright-button:visited {
|
|
background: #4590D1;
|
|
border: 1px solid #3977AD;
|
|
border-radius: 2px;
|
|
color: White;
|
|
}
|
|
.tv-button.bright-button {
|
|
color: White !important;
|
|
}
|
|
img.avatar-pic {
|
|
-webkit-border-radius: 1px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 1px;
|
|
-moz-background-clip: padding;
|
|
border-radius: 1px;
|
|
background-clip: padding-box;
|
|
width: 32px;
|
|
height: 32px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
img.avatar-pic img {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
img.avatar-pic.online:after,
|
|
img.avatar-pic.is-online:after {
|
|
content: '';
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: -3px;
|
|
right: -3px;
|
|
background: #5cb888;
|
|
border: 3px solid #f2f5f8;
|
|
}
|
|
/*
|
|
img.avatar-pic {padding: 1px; background: #fff; width: 39px; height: 39px; border: 1px solid #C4CED6;}
|
|
img.avatar-pic-small {width: 30px; height: 30px;}
|
|
img.avatar-pic-mid {padding: 1px; background: #fff; width: 80px; height: 80px; border: 1px solid #cbcbcb;}
|
|
*/
|
|
.user-actions {
|
|
line-height: 27px;
|
|
}
|
|
.user-actions a,
|
|
.user-actions a:link {
|
|
display: block;
|
|
color: #5a5a5a !important;
|
|
font-size: 14px;
|
|
padding: 0 8px;
|
|
}
|
|
.user-actions a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.user-actions a.active {
|
|
text-transform: uppercase;
|
|
color: #fff !important;
|
|
background: #5292f3;
|
|
border-radius: 2px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
#index-stream-load-more {
|
|
line-height: 40px;
|
|
background: #06B2CE;
|
|
text-align: center;
|
|
display: block;
|
|
width: 484px;
|
|
margin: 20px auto 40px;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
}
|
|
/* Footer */
|
|
body.index-page .tv-index-footer {
|
|
position: relative;
|
|
}
|
|
body.index-page .tv-index-footer:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
border-width: 0 62px 62px 0;
|
|
border-style: solid;
|
|
border-color: #555e6f #eaeff4;
|
|
}
|
|
.tv-index-footer div.promo-menu {
|
|
padding: 30px 0 30px;
|
|
text-align: center;
|
|
border-bottom: solid 1px #4d5056;
|
|
}
|
|
.tv-index-footer div.promo-menu a {
|
|
font-size: 16px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
margin: 0 46px;
|
|
}
|
|
.tv-index-footer div.promo-menu a.active,
|
|
.tv-index-footer div.promo-menu a:hover {
|
|
color: #14b8da;
|
|
}
|
|
.tv-index-footer div.promo-menu a:before {
|
|
content: " ";
|
|
margin: -3px 10px 0 0;
|
|
}
|
|
.tv-index-footer div.promo-menu a.how:before {
|
|
height: 16px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -716px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.tv-index-footer div.promo-menu a.how.active:before,
|
|
.tv-index-footer div.promo-menu a.how:hover:before {
|
|
height: 16px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -742px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.tv-index-footer div.promo-menu a.features:before {
|
|
height: 16px;
|
|
width: 17px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1115px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.tv-index-footer div.promo-menu a.features.active:before,
|
|
.tv-index-footer div.promo-menu a.features:hover:before {
|
|
height: 16px;
|
|
width: 17px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1141px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.tv-index-footer div.promo-menu a.widgets:before {
|
|
height: 19px;
|
|
width: 19px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1193px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.tv-index-footer div.promo-menu a.widgets.active:before,
|
|
.tv-index-footer div.promo-menu a.widgets:hover:before {
|
|
height: 19px;
|
|
width: 19px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1222px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.tv-index-footer div.promo-menu a.tradingview-for-the-web:before {
|
|
height: 17px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -794px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
top: -1px;
|
|
}
|
|
.tv-index-footer div.promo-menu a.tradingview-for-the-web.active:before,
|
|
.tv-index-footer div.promo-menu a.tradingview-for-the-web:hover:before {
|
|
height: 17px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -821px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.tv-index-footer .tv-index-footer-wrap {
|
|
padding: 43px 3px 0;
|
|
}
|
|
body.index-page .tv-index-footer .tv-index-footer-wrap {
|
|
padding: 52px 5px 0;
|
|
}
|
|
.tv-index-footer .tv-footlinks a,
|
|
.tv-index-footer .tv-footlinks a:link {
|
|
color: #14b8da !important;
|
|
text-decoration: none;
|
|
}
|
|
.tv-index-footer .footer-right {
|
|
float: right;
|
|
width: 155px;
|
|
position: relative;
|
|
color: #949698;
|
|
font-size: 12px;
|
|
}
|
|
.tv-index-footer .footer-right .windows-store {
|
|
margin-bottom: 15px;
|
|
display: block;
|
|
}
|
|
.tv-index-footer .footer-right .footer-right-designedby {
|
|
margin-top: 10px;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
}
|
|
.tv-index-footer .footer-right .footer-right-designedby a {
|
|
color: #1fb2cc !important;
|
|
}
|
|
.tv-index-footer .footer-right ul.footer-consolidation {
|
|
list-style: none outside none;
|
|
margin: 16px 0 0;
|
|
padding: 0;
|
|
width: 140px;
|
|
overflow: hidden;
|
|
}
|
|
.tv-index-footer .footer-right ul.footer-consolidation li {
|
|
height: 26px;
|
|
position: relative;
|
|
}
|
|
.tv-index-footer .footer-left {
|
|
float: left;
|
|
width: 800px;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
}
|
|
.tv-index-footer .footer-left a {
|
|
text-decoration: none;
|
|
}
|
|
.tv-index-footer .footer-left a.active {
|
|
font-weight: bold;
|
|
}
|
|
.tv-index-footer .footer-left ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.tv-index-footer .footer-left div.footer-col {
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
float: left;
|
|
margin: 0px 60px 0px 0px;
|
|
text-align: left;
|
|
}
|
|
.tv-index-footer .footer-left div.footer-col:last-child ul {
|
|
margin-right: 0;
|
|
}
|
|
.tv-index-footer .footer-left div.footer-col ul li.header {
|
|
font-weight: bold;
|
|
color: #d1d1d1;
|
|
margin: 0px 0 26px;
|
|
}
|
|
.tv-index-footer .footer-left div.footer-col ul li {
|
|
list-style: none;
|
|
margin: 5px 0 0 0;
|
|
}
|
|
.tv-introvideo {
|
|
position: relative;
|
|
background: url('data:image/gif;base64,R0lGODlhCgABAIABAFVeb////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3ODFBQUREQjJEMDYxMUUzOUVCNDg2MEE5RjA1MDFDMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3ODFBQUREQzJEMDYxMUUzOUVCNDg2MEE5RjA1MDFDMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc4MUFBREQ5MkQwNjExRTM5RUI0ODYwQTlGMDUwMUMwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc4MUFBRERBMkQwNjExRTM5RUI0ODYwQTlGMDUwMUMwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAoAAQAAAgSEHZkFADs=') repeat-x 0 100%;
|
|
color: #9096a7;
|
|
padding-bottom: 50px;
|
|
}
|
|
.tv-introvideo .intro-video-text {
|
|
/* padding-right: 320px;*/
|
|
padding-left: 10px;
|
|
width: 65%;
|
|
}
|
|
.three-columns .tv-introvideo .intro-video-text {
|
|
width: 70%;
|
|
}
|
|
.tv-introvideo .intro-video-text > div:nth-child(1) {
|
|
padding: 44px 0 0;
|
|
font-size: 18px;
|
|
color: #dbdfeb;
|
|
}
|
|
.tv-introvideo .intro-video-text > div:nth-child(1) strong {
|
|
text-transform: uppercase;
|
|
font-size: 24px;
|
|
display: block;
|
|
font-weight: normal;
|
|
padding-bottom: 2px;
|
|
}
|
|
.tv-introvideo .intro-video-text > div:nth-child(2) {
|
|
margin: 20px 20px 0 0;
|
|
line-height: 24px;
|
|
font-size: 16px;
|
|
position: relative;
|
|
}
|
|
.tv-introvideo .intro-video-buttons {
|
|
float: right;
|
|
padding-top: 120px;
|
|
}
|
|
.three-columns .tv-introvideo .intro-video-buttons {
|
|
padding: 67px 70px 0 0;
|
|
}
|
|
.tv-introvideo a,
|
|
.tv-introvideo a:link,
|
|
.tv-introvideo a:visited {
|
|
display: block;
|
|
width: 272px;
|
|
height: 57px;
|
|
line-height: 56px;
|
|
margin: 0 0 20px;
|
|
background: #1fb2cc;
|
|
font-size: 14px;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
.tv-introvideo a.intro-video {
|
|
background: #60b789;
|
|
}
|
|
.tv-introvideo a:hover {
|
|
background: #26c2de;
|
|
}
|
|
.tv-introvideo a.intro-video:hover {
|
|
background: #72bf96;
|
|
}
|
|
.tv-footlinks {
|
|
color: #626262;
|
|
}
|
|
body.index-page .tv-footlinks {
|
|
height: 269px;
|
|
}
|
|
/* Footer stats */
|
|
.tv-footstats {
|
|
height: 135px;
|
|
clear: both;
|
|
color: #626262;
|
|
}
|
|
.tv-footstats .tv-layout-width {
|
|
position: relative;
|
|
top: 25px;
|
|
text-align: center;
|
|
}
|
|
.three-columns .tv-footstats .tv-layout-width {
|
|
width: 1385px !important;
|
|
}
|
|
.three-columns .tv-footstats .tv-layout-width .aligment-cnt {
|
|
margin-left: -46px;
|
|
}
|
|
.tv-footstats .tv-layout-width,
|
|
.tv-footstats .tv-footstats-col {
|
|
height: 85px;
|
|
}
|
|
.tv-footstats .tv-footstats-col {
|
|
position: relative;
|
|
padding-right: 10px;
|
|
}
|
|
.tv-footstats .tv-footstats-col:first-child {
|
|
border: none;
|
|
}
|
|
.tv-footstats .tv-footstats-col {
|
|
text-align: left;
|
|
}
|
|
.tv-footstats .tv-footstats-col i {
|
|
top: 15px;
|
|
left: 10px;
|
|
}
|
|
.tv-footstats .tv-footstats-col.investors {
|
|
float: left;
|
|
}
|
|
.tv-footstats .tv-footstats-col.investors i {
|
|
height: 65px;
|
|
width: 62px;
|
|
background-image: url("../images/sprites/index-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -316px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
.tv-footstats .tv-footstats-col.published {
|
|
display: inline-block;
|
|
}
|
|
.tv-footstats .tv-footstats-col.published i {
|
|
height: 63px;
|
|
width: 83px;
|
|
background-image: url("../images/sprites/index-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -243px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
.tv-footstats .tv-footstats-col.created {
|
|
float: right;
|
|
}
|
|
.tv-footstats .tv-footstats-col.created i {
|
|
height: 63px;
|
|
width: 83px;
|
|
background-image: url("../images/sprites/index-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -170px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
.tv-footstats .tv-footstats-col.investors .tv-footstats-item {
|
|
padding-left: 100px;
|
|
}
|
|
.tv-footstats .tv-footstats-item {
|
|
padding: 12px 0 0 110px;
|
|
font-size: 18px;
|
|
text-transform: uppercase;
|
|
color: #9096a7;
|
|
}
|
|
.tv-footstats .tv-footstats-item strong,
|
|
.tv-footstats .tv-footstats-item span {
|
|
display: block;
|
|
}
|
|
.tv-footstats .tv-footstats-item strong {
|
|
color: #dbdfeb;
|
|
font-size: 46px;
|
|
font-weight: 200;
|
|
}
|
|
/* Footer press */
|
|
.tv-footpress {
|
|
background: url('data:image/gif;base64,R0lGODlhCgABAIABAFVeb////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3ODFBQUREQjJEMDYxMUUzOUVCNDg2MEE5RjA1MDFDMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3ODFBQUREQzJEMDYxMUUzOUVCNDg2MEE5RjA1MDFDMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc4MUFBREQ5MkQwNjExRTM5RUI0ODYwQTlGMDUwMUMwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc4MUFBRERBMkQwNjExRTM5RUI0ODYwQTlGMDUwMUMwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAoAAQAAAgSEHZkFADs=') repeat-x 0 100%;
|
|
clear: both;
|
|
height: 186px;
|
|
text-align: center;
|
|
}
|
|
.three-columns .tv-footpress .aligment-cnt {
|
|
margin-left: -70px;
|
|
}
|
|
.tv-footpress .tv-footpress-col {
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
.tv-footpress .tv-footpress-col:after {
|
|
content: " ";
|
|
}
|
|
.tv-footpress .tv-footpress-col:nth-child(1):after {
|
|
height: 36px;
|
|
width: 129px;
|
|
background-image: url("../images/sprites/index-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -28px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
margin-top: -12px;
|
|
}
|
|
.tv-footpress .tv-footpress-col:nth-child(2):after {
|
|
height: 20px;
|
|
width: 155px;
|
|
background-image: url("../images/sprites/index-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -74px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.tv-footpress .tv-footpress-col:nth-child(3):after {
|
|
height: 29px;
|
|
width: 125px;
|
|
background-image: url("../images/sprites/index-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -104px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
margin-top: -3px;
|
|
}
|
|
.tv-footpress .tv-footpress-col:nth-child(4):after {
|
|
height: 18px;
|
|
width: 179px;
|
|
background-image: url("../images/sprites/index-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px 0px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.tv-footpress .tv-footpress-col blockquote {
|
|
margin: 0 auto;
|
|
padding: 0 10px;
|
|
font-size: 14px;
|
|
height: 106px;
|
|
width: 230px;
|
|
}
|
|
.tv-footpress .tv-footpress-col blockquote :before {
|
|
content: " ";
|
|
height: 17px;
|
|
width: 17px;
|
|
background-image: url("../images/sprites/index-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -143px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
display: block;
|
|
margin: 25px auto 16px;
|
|
}
|
|
.tv-footpress .tv-footpress-col a {
|
|
color: #dbdfeb;
|
|
text-decoration: none;
|
|
}
|
|
/* Icons */
|
|
.icon {
|
|
display: inline-block;
|
|
background: url('../images/icons.png') 0 0 no-repeat;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.icon-star {
|
|
background-position: -20px 0;
|
|
width: 19px;
|
|
height: 18px;
|
|
top: 1px;
|
|
}
|
|
.icon-arrow-small {
|
|
background-position: -80px -20px;
|
|
width: 6px;
|
|
height: 9px;
|
|
left: 1px;
|
|
}
|
|
.icon-charts {
|
|
background-position: -60px 0px;
|
|
width: 14px;
|
|
height: 14px;
|
|
top: 2px;
|
|
margin: 0 6px 0 0;
|
|
}
|
|
.icon-charts-smallest {
|
|
background-position: -117px -330px;
|
|
width: 10px;
|
|
height: 6px;
|
|
}
|
|
.icon-rating-small {
|
|
background-position: -80px 0px;
|
|
width: 14px;
|
|
height: 14px;
|
|
top: 2px;
|
|
}
|
|
.icon-rating-smallest {
|
|
background-position: -118px -320px;
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
.icon-plus {
|
|
background-position: -40px 0px;
|
|
width: 14px;
|
|
height: 14px;
|
|
left: -5px;
|
|
}
|
|
.icon-green-check {
|
|
background-position: -100px 0px;
|
|
width: 14px;
|
|
height: 14px;
|
|
left: -5px;
|
|
}
|
|
.icon-popular {
|
|
background-position: 0px 0px;
|
|
width: 18px;
|
|
height: 16px;
|
|
top: 3px;
|
|
}
|
|
.icon-new {
|
|
background-position: -120px 0px;
|
|
width: 17px;
|
|
height: 18px;
|
|
top: -1px;
|
|
vertical-align: bottom;
|
|
}
|
|
.icon-nav-left-disabled {
|
|
background-position: -160px 0px;
|
|
width: 17px;
|
|
height: 18px;
|
|
}
|
|
.icon-nav-left-active {
|
|
background-position: -180px 0px;
|
|
width: 17px;
|
|
height: 18px;
|
|
}
|
|
.icon-nav-right-active {
|
|
background-position: -140px 0px;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.icon-nav-right-disabled {
|
|
background-position: 0px -20px;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.icon-eye {
|
|
background-position: -20px -20px;
|
|
width: 16px;
|
|
height: 10px;
|
|
}
|
|
.icon-eye-dark {
|
|
background-position: -80px -80px;
|
|
width: 16px;
|
|
height: 10px;
|
|
}
|
|
.icon-eye-blue {
|
|
background-position: -60px -100px;
|
|
width: 16px;
|
|
height: 10px;
|
|
}
|
|
.icon-telly {
|
|
background-position: -100px -20px;
|
|
width: 16px;
|
|
height: 15px;
|
|
top: 3px;
|
|
}
|
|
.icon-saved {
|
|
background-position: -120px -20px;
|
|
width: 15px;
|
|
height: 14px;
|
|
top: 2px;
|
|
}
|
|
.icon-globe {
|
|
background-position: -140px -20px;
|
|
width: 15px;
|
|
height: 15px;
|
|
top: 2px;
|
|
}
|
|
.icon-user {
|
|
background-position: -160px -20px;
|
|
width: 11px;
|
|
height: 15px;
|
|
top: 2px;
|
|
left: 2px;
|
|
}
|
|
.icon-gear {
|
|
background-position: -180px -20px;
|
|
width: 17px;
|
|
height: 17px;
|
|
top: 2px;
|
|
left: 0px;
|
|
}
|
|
.icon-user-blue {
|
|
background-position: -60px -40px;
|
|
width: 14px;
|
|
height: 17px;
|
|
top: 3px;
|
|
left: 0px;
|
|
}
|
|
.icon-popup-arrow {
|
|
background-position: -80px -40px;
|
|
width: 9px;
|
|
height: 5px;
|
|
top: 0px;
|
|
left: 2px;
|
|
}
|
|
.icon-gallery-prev {
|
|
background-position: -120px -40px;
|
|
width: 9px;
|
|
height: 13px;
|
|
top: 62px;
|
|
left: 9px;
|
|
}
|
|
.icon-gallery-next {
|
|
background-position: -100px -40px;
|
|
width: 9px;
|
|
height: 13px;
|
|
top: 62px;
|
|
left: 9px;
|
|
}
|
|
.icon-similar-charts {
|
|
background-position: -140px -40px;
|
|
width: 18px;
|
|
height: 15px;
|
|
}
|
|
.icon-share {
|
|
background-position: -80px -60px;
|
|
width: 14px;
|
|
height: 14px;
|
|
vertical-align: middle;
|
|
left: -3px;
|
|
top: -1px;
|
|
}
|
|
.tv-button:hover .icon-share {
|
|
background-position: -100px -60px;
|
|
}
|
|
.tv-button.active .icon-share {
|
|
background-position: -120px -260px;
|
|
}
|
|
.tv-button.disabled .icon-share {
|
|
background-position: -80px -60px;
|
|
}
|
|
.icon-favorites {
|
|
background-position: -140px -60px;
|
|
width: 16px;
|
|
height: 15px;
|
|
vertical-align: top;
|
|
left: -3px;
|
|
top: -1px;
|
|
}
|
|
.tv-button:hover .icon-favorites {
|
|
background-position: -160px -60px;
|
|
}
|
|
.tv-button.active .icon-favorites {
|
|
background-position: -140px -260px;
|
|
}
|
|
.tv-button.disabled .icon-favorites {
|
|
background-position: -140px -60px;
|
|
}
|
|
.tv-button .icon-dropdown {
|
|
position: relative;
|
|
left: 5px;
|
|
display: inline-block;
|
|
height: 15px;
|
|
width: 13px;
|
|
vertical-align: top;
|
|
background: url('../images/select-bg.png') 2px 5px no-repeat;
|
|
}
|
|
.tv-button.load-more-button {
|
|
width: 88px;
|
|
}
|
|
.tv-button.tv-button-fontstyle {
|
|
height: 14px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
width: 25px;
|
|
text-align: center;
|
|
}
|
|
.tv-button.process,
|
|
.ajax-process-bg {
|
|
background: url("../images/bar-loader.gif") !important;
|
|
background-repeat: repeat !important;
|
|
background-position: 0 0 !important;
|
|
}
|
|
.tv-button.tv-button-fontstyle .icon-fontstyle-bold,
|
|
.tv-button.tv-button-fontstyle .icon-fontstyle-italic {
|
|
display: block;
|
|
height: 11px;
|
|
margin: auto;
|
|
background: url('../images/icons.png') 0 0 no-repeat;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
.tv-button.tv-button-fontstyle .icon-fontstyle-bold {
|
|
width: 10px;
|
|
background-position: -40px -260px;
|
|
}
|
|
.tv-button.tv-button-fontstyle .icon-fontstyle-italic {
|
|
width: 7px;
|
|
background-position: -60px -260px;
|
|
}
|
|
.icon-reply {
|
|
background-position: -40px -80px;
|
|
width: 13px;
|
|
height: 11px;
|
|
vertical-align: top;
|
|
left: -2px;
|
|
top: 3px;
|
|
}
|
|
.icon-toolbar-b {
|
|
background-position: -100px -80px;
|
|
width: 10px;
|
|
height: 11px;
|
|
top: 3px;
|
|
}
|
|
a:hover .icon-toolbar-b {
|
|
background-position: -120px -80px;
|
|
}
|
|
.icon-toolbar-i {
|
|
background-position: -140px -80px;
|
|
width: 7px;
|
|
height: 11px;
|
|
top: 3px;
|
|
}
|
|
a:hover .icon-toolbar-i {
|
|
background-position: -160px -80px;
|
|
}
|
|
.icon-toolbar-u {
|
|
background-position: -180px -80px;
|
|
width: 13px;
|
|
height: 14px;
|
|
top: 5px;
|
|
}
|
|
a:hover .icon-toolbar-u {
|
|
background-position: 0 -100px;
|
|
}
|
|
.icon-toolbar-attach {
|
|
background-position: -40px -100px;
|
|
width: 7px;
|
|
height: 13px;
|
|
top: 5px;
|
|
}
|
|
a:hover .icon-toolbar-attach {
|
|
background-position: -20px -100px;
|
|
}
|
|
.icon-close {
|
|
background-position: -80px -100px;
|
|
width: 13px;
|
|
height: 13px;
|
|
}
|
|
.tv-button .icon-close {
|
|
top: 1px;
|
|
}
|
|
a:hover .icon-close {
|
|
background-position: -100px -100px;
|
|
}
|
|
.icon-search-results {
|
|
background-position: -120px -100px;
|
|
width: 15px;
|
|
height: 17px;
|
|
top: 1px;
|
|
}
|
|
.icon-search-filter {
|
|
background-position: -140px -100px;
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
.icon-zoom {
|
|
background-position: -160px -100px;
|
|
width: 15px;
|
|
height: 15px;
|
|
vertical-align: middle;
|
|
left: -3px;
|
|
top: -2px;
|
|
}
|
|
.icon-fullscreen {
|
|
background-position: -180px -100px;
|
|
width: 18px;
|
|
height: 18px;
|
|
top: 3px;
|
|
}
|
|
.icon-activitystream {
|
|
background-position: 0px -120px;
|
|
width: 17px;
|
|
height: 16px;
|
|
top: 3px;
|
|
}
|
|
.icon-following {
|
|
background-position: -20px -120px;
|
|
width: 14px;
|
|
height: 11px;
|
|
top: 1px;
|
|
}
|
|
.icon-realtime {
|
|
background-position: -40px -120px;
|
|
width: 15px;
|
|
height: 15px;
|
|
left: -2px;
|
|
vertical-align: top;
|
|
}
|
|
.icon-feedback {
|
|
background-position: -60px -120px;
|
|
width: 15px;
|
|
height: 14px;
|
|
left: -2px;
|
|
top: 2px;
|
|
}
|
|
.icon-feedback-arrow {
|
|
background-position: -80px -120px;
|
|
width: 5px;
|
|
height: 9px;
|
|
left: -4px;
|
|
top: 1px;
|
|
display: none;
|
|
}
|
|
a.chart-feedback:hover .icon-feedback-arrow {
|
|
display: inline-block;
|
|
}
|
|
.icon-footer-arrow {
|
|
background-position: -100px -120px;
|
|
width: 11px;
|
|
height: 6px;
|
|
left: 50%;
|
|
top: -6px;
|
|
position: absolute;
|
|
margin-left: -5px;
|
|
}
|
|
.icon-section-tooltip-close {
|
|
background-position: -120px -120px;
|
|
width: 13px;
|
|
height: 13px;
|
|
position: absolute;
|
|
top: 3px;
|
|
right: 3px;
|
|
cursor: pointer;
|
|
}
|
|
.icon-section-tooltip-arrow {
|
|
background-position: -140px -120px;
|
|
width: 18px;
|
|
height: 10px;
|
|
position: absolute;
|
|
top: -10px;
|
|
left: 30px;
|
|
}
|
|
.icon-features {
|
|
background-position: -160px -120px;
|
|
width: 18px;
|
|
height: 16px;
|
|
top: 1px;
|
|
}
|
|
.icon-feature-tooltip-arrow {
|
|
background-position: -180px -120px;
|
|
width: 13px;
|
|
height: 9px;
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 46px;
|
|
}
|
|
.icon-carousel-item-delete {
|
|
background-position: -20px -140px;
|
|
width: 18px;
|
|
height: 18px;
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 5px;
|
|
}
|
|
.icon-carousel-item-delete:hover {
|
|
background-position: 0px -140px;
|
|
}
|
|
.icon-carousel-item-delete-dark {
|
|
background-position: 0px -240px;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
.icon-carousel-item-delete-dark:hover {
|
|
background-position: -20px -240px;
|
|
}
|
|
.icon-people {
|
|
background-position: -40px -140px;
|
|
width: 23px;
|
|
height: 16px;
|
|
top: 1px;
|
|
}
|
|
.icon-insert-chart {
|
|
background-position: -64px -140px;
|
|
width: 16px;
|
|
height: 15px;
|
|
}
|
|
.icon-twitter {
|
|
background-position: -140px -140px;
|
|
width: 14px;
|
|
height: 14px;
|
|
top: 1px;
|
|
}
|
|
.icon-stocktwits {
|
|
background-position: -20px -40px;
|
|
width: 14px;
|
|
height: 14px;
|
|
top: 1px;
|
|
}
|
|
.icon-action-zoom {
|
|
background-position: -100px -80px;
|
|
width: 15px;
|
|
height: 15px;
|
|
left: -1px;
|
|
vertical-align: top;
|
|
}
|
|
.icon-action-load-more {
|
|
background-position: -20px -200px;
|
|
width: 18px;
|
|
height: 15px;
|
|
left: -1px;
|
|
vertical-align: top;
|
|
}
|
|
.icon-action-load-more.disabled {
|
|
background-position: -40px -200px;
|
|
}
|
|
.icon-action-realtime {
|
|
background-position: -120px -80px;
|
|
width: 15px;
|
|
height: 15px;
|
|
left: -1px;
|
|
vertical-align: top;
|
|
}
|
|
.icon-tag {
|
|
background-position: 0 -40px;
|
|
width: 20px;
|
|
height: 17px;
|
|
top: 1px;
|
|
}
|
|
.icon-trending-symbols {
|
|
background-position: -160px -220px;
|
|
width: 20px;
|
|
height: 18px;
|
|
top: 2px;
|
|
}
|
|
.icon-discussed-now {
|
|
background-position: -140px -240px;
|
|
width: 20px;
|
|
height: 18px;
|
|
top: 2px;
|
|
margin: 0 3px 0 0;
|
|
}
|
|
.icon-white-arrow-up {
|
|
background-position: 0 -60px;
|
|
width: 17px;
|
|
height: 9px;
|
|
}
|
|
.icon-tag-label {
|
|
background-position: -40px -40px;
|
|
width: 16px;
|
|
height: 23px;
|
|
vertical-align: top;
|
|
top: 1px;
|
|
}
|
|
.icon-thumb-up {
|
|
background-position: -20px -60px;
|
|
width: 11px;
|
|
height: 15px;
|
|
vertical-align: top;
|
|
top: -2px;
|
|
}
|
|
.icon-comment {
|
|
background-position: -40px -60px;
|
|
width: 13px;
|
|
height: 11px;
|
|
top: 1px;
|
|
}
|
|
.icon-comment-blue {
|
|
background-position: -40px -100px;
|
|
width: 13px;
|
|
height: 11px;
|
|
top: 1px;
|
|
}
|
|
.icon-stream-like {
|
|
background-position: -60px -180px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.icon-stream-dislike {
|
|
background-position: -80px -180px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.icon-stream-comment {
|
|
background-position: -120px -180px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.icon-stream-publish {
|
|
background-position: -100px -180px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.icon-stream-follow {
|
|
background-position: -40px -180px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.icon-stream-favorite {
|
|
background-position: -140px -180px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.icon-toolbar-plus {
|
|
background-position: -180px -160px;
|
|
width: 14px;
|
|
height: 16px;
|
|
}
|
|
.icon-toolbar-minus {
|
|
background-position: -20px -160px;
|
|
width: 14px;
|
|
height: 16px;
|
|
}
|
|
.icon-toolbar-down {
|
|
background-position: -60px -160px;
|
|
width: 14px;
|
|
height: 16px;
|
|
}
|
|
.icon-toolbar-up {
|
|
background-position: -100px -160px;
|
|
width: 14px;
|
|
height: 16px;
|
|
}
|
|
.icon-toolbar-left {
|
|
background-position: -140px -160px;
|
|
width: 14px;
|
|
height: 16px;
|
|
}
|
|
.icon-toolbar-right {
|
|
background-position: 0px -100px;
|
|
width: 14px;
|
|
height: 16px;
|
|
}
|
|
.icon-toolbar-reset {
|
|
background-position: -140px -80px;
|
|
width: 16px;
|
|
height: 19px;
|
|
}
|
|
.icon-toolbar-zoom-to {
|
|
background-position: 0px -180px;
|
|
width: 20px;
|
|
height: 20px;
|
|
top: -2px;
|
|
}
|
|
.icon-toolbar-zoom-from {
|
|
background-position: -20px -180px;
|
|
width: 20px;
|
|
height: 20px;
|
|
top: -2px;
|
|
}
|
|
a:hover .icon-toolbar-zoom-to,
|
|
a:active .icon-toolbar-zoom-to {
|
|
background-position: 0px -180px;
|
|
}
|
|
a:hover .icon-toolbar-zoom-from,
|
|
a:active .icon-toolbar-zoom-from {
|
|
background-position: -20px -180px;
|
|
}
|
|
a:hover .icon-toolbar-plus,
|
|
a:active .icon-toolbar-plus {
|
|
background-position: 0px -160px;
|
|
}
|
|
a:hover .icon-toolbar-minus,
|
|
a:active .icon-toolbar-minus {
|
|
background-position: -40px -160px;
|
|
}
|
|
a:hover .icon-toolbar-down,
|
|
a:active .icon-toolbar-down {
|
|
background-position: -80px -160px;
|
|
}
|
|
a:hover .icon-toolbar-up,
|
|
a:active .icon-toolbar-up {
|
|
background-position: -120px -160px;
|
|
}
|
|
a:hover .icon-toolbar-left,
|
|
a:active .icon-toolbar-left {
|
|
background-position: -160px -160px;
|
|
}
|
|
a:hover .icon-toolbar-right,
|
|
a:active .icon-toolbar-right {
|
|
background-position: -20px -100px;
|
|
}
|
|
a:hover .icon-toolbar-reset,
|
|
a:active .icon-toolbar-reset {
|
|
background-position: -160px -80px;
|
|
}
|
|
.icon-thup {
|
|
background-position: -20px -60px;
|
|
width: 11px;
|
|
height: 15px;
|
|
top: -2px;
|
|
vertical-align: middle;
|
|
}
|
|
.icon-thup.active {
|
|
background-position: -40px -40px;
|
|
}
|
|
.icon-thdown {
|
|
background-position: -40px -20px;
|
|
width: 11px;
|
|
height: 15px;
|
|
vertical-align: middle;
|
|
}
|
|
.icon-thdown.active {
|
|
background-position: -60px -20px;
|
|
}
|
|
.icon-favorite {
|
|
background-position: -140px -280px;
|
|
width: 16px;
|
|
height: 15px;
|
|
vertical-align: -3px;
|
|
}
|
|
.icon-favorite.active {
|
|
background-position: -20px -279px;
|
|
}
|
|
.icon-agree {
|
|
background-position: -20px -180px;
|
|
width: 12px;
|
|
height: 14px;
|
|
vertical-align: middle;
|
|
left: -3px;
|
|
top: -2px;
|
|
}
|
|
.tv-button.disabled .icon-agree {
|
|
background-position: 0px -180px;
|
|
}
|
|
.tv-button.active .icon-agree {
|
|
background-position: -80px -260px;
|
|
}
|
|
.icon-disagree {
|
|
background-position: -180px -180px;
|
|
width: 12px;
|
|
height: 14px;
|
|
vertical-align: middle;
|
|
top: -1px;
|
|
}
|
|
.tv-button.disabled .icon-disagree {
|
|
background-position: -160px -180px;
|
|
}
|
|
.tv-button.active .icon-disagree {
|
|
background-position: -100px -260px;
|
|
}
|
|
.icon-profilemenu-chart {
|
|
background-position: -80px -200px;
|
|
width: 12px;
|
|
height: 9px;
|
|
vertical-align: middle;
|
|
top: -1px;
|
|
}
|
|
/*.icon-profilemenu-profile {background-position: -60px -200px; width: 12px; height: 12px; vertical-align: middle; top: -1px;}
|
|
.icon-profilemenu-settings {background-position: -185px -200px; width: 12px; height: 12px; vertical-align: middle; top: -1px; left: -1px;}*/
|
|
.icon-profilemenu-signout {
|
|
background-position: -89px -209px;
|
|
width: 12px;
|
|
height: 11px;
|
|
vertical-align: middle;
|
|
top: -1px;
|
|
}
|
|
.icon-location {
|
|
background-position: -100px -200px;
|
|
width: 12px;
|
|
height: 14px;
|
|
vertical-align: middle;
|
|
}
|
|
.icon-website {
|
|
background-position: -120px -200px;
|
|
width: 15px;
|
|
height: 14px;
|
|
vertical-align: middle;
|
|
}
|
|
.icon-twitter-profile {
|
|
background-position: -140px -200px;
|
|
width: 16px;
|
|
height: 12px;
|
|
vertical-align: middle;
|
|
}
|
|
.icon-chart-recommended {
|
|
background-position: -60px -220px;
|
|
width: 13px;
|
|
height: 19px;
|
|
margin: 0 0 0 5px;
|
|
vertical-align: top;
|
|
}
|
|
.icon-chart-bullseye {
|
|
background-position: -40px -220px;
|
|
width: 19px;
|
|
height: 18px;
|
|
margin: 0 0 0 5px;
|
|
vertical-align: top;
|
|
}
|
|
.icon-chat-send {
|
|
background-position: -100px -240px;
|
|
width: 16px;
|
|
height: 15px;
|
|
top: 1px;
|
|
vertical-align: baseline;
|
|
}
|
|
.icon-snapshot {
|
|
background-position: -60px -240px;
|
|
width: 16px;
|
|
height: 13px;
|
|
top: 1px;
|
|
}
|
|
.active .icon-snapshot {
|
|
background-position: 0 -260px;
|
|
}
|
|
.icon-snapshot-small {
|
|
background-position: -80px -240px;
|
|
width: 11px;
|
|
height: 9px;
|
|
vertical-align: top;
|
|
top: 3px;
|
|
}
|
|
.icon-snapshot-delete {
|
|
background-position: -20px -260px;
|
|
width: 7px;
|
|
height: 7px;
|
|
margin: 0 0 0 5px;
|
|
cursor: pointer;
|
|
}
|
|
.icon-chart-small {
|
|
background-position: -80px -250px;
|
|
width: 11px;
|
|
height: 9px;
|
|
vertical-align: top;
|
|
top: 3px;
|
|
}
|
|
.icon-calendar {
|
|
background-position: -101px -320px;
|
|
width: 14px;
|
|
height: 16px;
|
|
vertical-align: middle;
|
|
top: -2px;
|
|
}
|
|
.tv-uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
/* Buttons */
|
|
.tv-button {
|
|
cursor: default;
|
|
padding: 6px 10px 5px;
|
|
height: 15px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
text-decoration: none !important;
|
|
color: #6f7073 !important;
|
|
border: 1px solid #c9cbcd;
|
|
font: bold 12px Calibri, Arial;
|
|
text-align: center;
|
|
background: url('../images/button-bg.png') 0 0 repeat-x;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
-webkit-box-sizing: content-box;
|
|
-webkit-appearance: none;
|
|
}
|
|
.tv-button:hover {
|
|
background-position: 0 -26px;
|
|
color: #68696b;
|
|
}
|
|
.tv-button:active:not([disabled]),
|
|
.tv-button.active,
|
|
.tv-button.toolbutton:active,
|
|
.tv-button.toolbutton.active,
|
|
.tv-select-container.sbHolderOpen,
|
|
.tv-select-container:active {
|
|
background: #f4f7f9;
|
|
color: #f5f5f5;
|
|
}
|
|
.tv-button.ok {
|
|
min-width: 30px;
|
|
background: #06bbd8;
|
|
border-color: #06bbd8;
|
|
color: #ffffff !important;
|
|
}
|
|
.tv-button.ok:hover {
|
|
background: #04b9d6;
|
|
border-color: #04b9d6;
|
|
}
|
|
.tv-button.ok:active {
|
|
background: #02b7d4;
|
|
border-color: #02b7d4;
|
|
}
|
|
.tv-button.ok.process {
|
|
background: url("../images/button-base-process.gif") 0 0 repeat !important;
|
|
}
|
|
.tv-button.block {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.tv-button.slim {
|
|
padding: 3px 8px;
|
|
font-weight: normal;
|
|
}
|
|
.tv-button.icon {
|
|
padding: 5px;
|
|
}
|
|
.tv-button.icon.active {
|
|
background: #cfe1ff;
|
|
}
|
|
.tv-button.toolbutton {
|
|
width: 24px;
|
|
height: 25px;
|
|
padding: 0 !important;
|
|
text-align: center;
|
|
}
|
|
.tv-button.wide {
|
|
padding: 5px 15px;
|
|
min-width: 50px;
|
|
}
|
|
.tv-button.xwide {
|
|
padding: 5px 0;
|
|
width: 175px;
|
|
}
|
|
.tv-button.xxwide {
|
|
padding: 5px 0;
|
|
width: 185px;
|
|
}
|
|
.tv-button.disabled {
|
|
color: #848484;
|
|
background-position: 0 -78px;
|
|
opacity: 0.7;
|
|
cursor: default;
|
|
}
|
|
.tv-button.disabled:hover {
|
|
background-position: 0 -78px;
|
|
}
|
|
.tv-button.disabled:active {
|
|
background-position: 0 -78px;
|
|
}
|
|
.tv-button.theblueone {
|
|
background: #4387f6 url('../images/publish-chart-bg.png');
|
|
color: #fff !important;
|
|
border: 1px solid #346bc2;
|
|
padding: 4px 10px 5px;
|
|
}
|
|
.tv-button.theblueone:active {
|
|
background-position: 0 -26px;
|
|
}
|
|
.tv-button.half-left {
|
|
border-radius: 3px 0 0 3px;
|
|
border-right: none;
|
|
}
|
|
.tv-button.half-right {
|
|
border-radius: 0 3px 3px 0;
|
|
}
|
|
.tv-button.cancel {
|
|
background: #9ca0a6;
|
|
border-color: #9ca0a6;
|
|
color: #ffffff !important;
|
|
}
|
|
.tv-button.cancel:hover {
|
|
background: #9a9da4;
|
|
border-color: #9a9da4;
|
|
}
|
|
.tv-button.cancel:active {
|
|
background: #989ba2;
|
|
border-color: #989ba2;
|
|
}
|
|
.tv-button.process {
|
|
background: url(../images/bar-loader.gif) 0 0 repeat;
|
|
}
|
|
.tv-button.with-arrow {
|
|
position: relative;
|
|
margin-left: 2px;
|
|
}
|
|
.tv-button.with-arrow.arrow-left:after,
|
|
.tv-button.with-arrow.arrow-left:before {
|
|
right: 100%;
|
|
border: solid transparent;
|
|
content: " ";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
.tv-button.with-arrow.arrow-left:after {
|
|
border-color: rgba(249, 249, 249, 0);
|
|
border-right-color: #f9f9f9;
|
|
border-width: 5px;
|
|
top: 50%;
|
|
margin-top: -5px;
|
|
}
|
|
.tv-button.with-arrow.arrow-left:before {
|
|
border-color: rgba(188, 188, 188, 0);
|
|
border-right-color: #bcbcbc;
|
|
border-width: 6px;
|
|
top: 50%;
|
|
margin-top: -6px;
|
|
}
|
|
.tv-button.with-arrow.arrow-left:active:after {
|
|
border-color: rgba(227, 231, 233, 0);
|
|
border-right-color: #e3e7e9;
|
|
margin-right: -1px;
|
|
}
|
|
/* Select */
|
|
.tv-select {
|
|
display: none;
|
|
}
|
|
.tv-select-container {
|
|
background-color: #fafafa;
|
|
border: 1px solid #c9cbcd;
|
|
border-radius: 0;
|
|
height: 26px;
|
|
position: relative;
|
|
font: bold 11px Arial, sans-serif;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
color: #6b6b6d;
|
|
}
|
|
.tv-select-container a {
|
|
color: #6b6b6d;
|
|
}
|
|
.tv-select-container.sbHolderOpen {
|
|
color: #595959;
|
|
}
|
|
.tv-select-container.sbHolderOpen a {
|
|
color: #595959;
|
|
}
|
|
.tv-select-container:hover {
|
|
color: #595959;
|
|
}
|
|
.tv-select-container:hover a {
|
|
color: #595959;
|
|
}
|
|
.tv-select-container:hover .sbToggle:after {
|
|
border-color: #595959 transparent transparent transparent;
|
|
}
|
|
.tv-select-container .sbSelector {
|
|
cursor: default;
|
|
display: block;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
outline: none;
|
|
overflow: hidden;
|
|
padding: 0 23px 0 10px;
|
|
color: #6b6b6d;
|
|
}
|
|
.tv-select-container .sbSelector:hover {
|
|
outline: none;
|
|
text-decoration: none;
|
|
}
|
|
.tv-select-container .sbToggle {
|
|
cursor: default;
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 6px;
|
|
display: inline-block;
|
|
height: 15px;
|
|
width: 13px;
|
|
vertical-align: top;
|
|
background: url('../images/select-bg.png') 2px 5px no-repeat;
|
|
}
|
|
.tv-select-container.dialog {
|
|
height: 25px;
|
|
vertical-align: middle;
|
|
}
|
|
.tv-select-container.dialog .sbSelector {
|
|
height: 25px;
|
|
line-height: 25px;
|
|
padding: 0 20px 0 10px;
|
|
width: 80px;
|
|
}
|
|
.tv-select.inset + .tv-select-container {
|
|
background: #eff3f6;
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
|
|
color: #6f7073;
|
|
}
|
|
.tv-unstyled-select-container {
|
|
position: relative;
|
|
}
|
|
.property-wide-select .tv-select-container.dialog .sbSelector {
|
|
width: 90px;
|
|
}
|
|
.tv-select-container .sbHolderDisabled {
|
|
background-color: #3C3C3C;
|
|
border: solid 1px #515151;
|
|
}
|
|
.tv-unstyled-select-container .sbOptions,
|
|
.tv-select-container .sbOptions {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0px;
|
|
position: absolute;
|
|
top: 30px;
|
|
min-width: 150px;
|
|
z-index: 1;
|
|
overflow-y: auto;
|
|
background: #fff;
|
|
border: 1px solid #c9cbcd;
|
|
overflow-x: hidden;
|
|
}
|
|
.tv-unstyled-select-container .sbOptions a,
|
|
.tv-select-container .sbOptions a {
|
|
display: block;
|
|
white-space: nowrap;
|
|
outline: none;
|
|
padding: 7px 12px;
|
|
font-weight: normal;
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
color: #595959;
|
|
}
|
|
.tv-unstyled-select-container .sbOptions a:link,
|
|
.sbOptions a:visited,
|
|
.tv-select-container .sbOptions a:link,
|
|
.sbOptions a:visited {
|
|
color: #595959;
|
|
text-decoration: none;
|
|
}
|
|
.tv-unstyled-select-container .sbOptions a:hover,
|
|
.tv-select-container .sbOptions a:hover {
|
|
background: #f4f7f9;
|
|
}
|
|
.tv-unstyled-select-container .sbOptions a.active,
|
|
.tv-select-container .sbOptions a.active {
|
|
background: #f4f7f9;
|
|
border-left: 3px solid #5cb888;
|
|
padding-left: 9px;
|
|
font-weight: bold;
|
|
}
|
|
.tv-unstyled-select-container .sbOptions li.last a,
|
|
.tv-select-container .sbOptions li.last a {
|
|
border-bottom: none;
|
|
}
|
|
.tv-unstyled-select-container .sbOptions .sbDisabled,
|
|
.tv-select-container .sbOptions .sbDisabled {
|
|
display: block;
|
|
padding: 7px 0 7px 10px;
|
|
}
|
|
.tv-unstyled-select-container .sbOptions .sbGroup,
|
|
.tv-select-container .sbOptions .sbGroup {
|
|
display: block;
|
|
font-weight: bold;
|
|
padding: 7px 0 7px 3px;
|
|
}
|
|
.tv-unstyled-select-container .sbOptions .sbSub,
|
|
.tv-select-container .sbOptions .sbSub {
|
|
padding-left: 17px;
|
|
}
|
|
.tv-select-container.tv-select-container-fontsize .sbSelector {
|
|
width: 26px;
|
|
}
|
|
.tv-select-container.tv-select-container-fontsize .sbOptions {
|
|
min-width: 54px;
|
|
}
|
|
/* Text input */
|
|
.tv-text-input {
|
|
color: #5a5a5a;
|
|
margin: 0;
|
|
border: 1px solid #c9cbcd;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
width: 100px;
|
|
height: 26px;
|
|
vertical-align: top;
|
|
padding: 0 5px;
|
|
}
|
|
.tv-text-input:focus {
|
|
border-color: #4c82ce;
|
|
}
|
|
.tv-text-input.inset {
|
|
background: #ffffff;
|
|
}
|
|
.tv-text-input.ticker {
|
|
height: 25px;
|
|
width: 60px;
|
|
}
|
|
/* Ticker */
|
|
.tv-ticker {
|
|
display: inline;
|
|
position: absolute;
|
|
width: 13px;
|
|
height: 27px;
|
|
margin: 0 0 0 -13px;
|
|
}
|
|
.tv-ticker .icon {
|
|
background: url('../images/ticker-icons.png');
|
|
position: absolute;
|
|
width: 13px;
|
|
}
|
|
.tv-ticker .icon.up {
|
|
height: 13px;
|
|
}
|
|
.tv-ticker .icon.up:hover {
|
|
background-position: 0 -27px;
|
|
}
|
|
.tv-ticker .icon.up:active {
|
|
background-position: 0 -54px;
|
|
}
|
|
.tv-ticker .icon.down {
|
|
height: 14px;
|
|
background-position: 0 -13px;
|
|
top: 13px;
|
|
}
|
|
.tv-ticker .icon.down:hover {
|
|
background-position: 0 -40px;
|
|
}
|
|
.tv-ticker .icon.down:active {
|
|
background-position: 0 -67px;
|
|
}
|
|
input:focus + .tv-ticker {
|
|
border-left: 1px solid #4c82ce;
|
|
}
|
|
input:focus + .tv-ticker .icon {
|
|
width: 12px;
|
|
}
|
|
input:focus + .tv-ticker .icon.up {
|
|
background-position: -1px 0px;
|
|
}
|
|
input:focus + .tv-ticker .icon.up:hover {
|
|
background-position: -1px -27px;
|
|
}
|
|
input:focus + .tv-ticker .icon.up:active {
|
|
background-position: -1px -54px;
|
|
}
|
|
input:focus + .tv-ticker .icon.down {
|
|
background-position: -1px -13px;
|
|
top: 13px;
|
|
}
|
|
input:focus + .tv-ticker .icon.down:hover {
|
|
background-position: -1px -40px;
|
|
}
|
|
input:focus + .tv-ticker .icon.down:active {
|
|
background-position: -1px -67px;
|
|
}
|
|
.tv-global-notification {
|
|
height: 28px;
|
|
background: #f0c42d;
|
|
color: #7a4404;
|
|
position: relative;
|
|
padding: 10px 0 0;
|
|
}
|
|
.tv-global-notification {
|
|
position: fixed;
|
|
width: 100%;
|
|
z-index: 100;
|
|
top: -38px;
|
|
transition: top 0.7s ease-out, opacity 0.5s linear;
|
|
-moz-transition: top 0.7s ease-out, opacity 0.5s linear;
|
|
-webkit-transition: top 0.7s ease-out, opacity 0.5s linear;
|
|
-o-transition: top 0.7s ease-out, opacity 0.5s linear;
|
|
}
|
|
.notification-overlay {
|
|
opacity: 0.85;
|
|
}
|
|
.notification-overlay:hover {
|
|
opacity: 1;
|
|
}
|
|
body.padding-animate {
|
|
transition: padding 0.7s ease-out;
|
|
-moz-transition: padding 0.7s ease-out;
|
|
-webkit-transition: padding 0.7s ease-out;
|
|
-o-transition: padding 0.7s ease-out;
|
|
}
|
|
.tv-global-notification a,
|
|
.tv-global-notification a:link,
|
|
.tv-global-notification a:visited {
|
|
color: #2b2c30;
|
|
text-decoration: underline;
|
|
}
|
|
.tv-global-notification .tv-layout-width {
|
|
overflow: hidden;
|
|
height: 28px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.chart-page .tv-global-notification .tv-layout-width,
|
|
.viewchart-body .tv-global-notification .tv-layout-width {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
.tv-global-notification .tv-layout-width {
|
|
padding-top: 1px;
|
|
margin-top: -1px;
|
|
}
|
|
.icon-notification-info {
|
|
background-position: -60px -60px;
|
|
width: 16px;
|
|
height: 17px;
|
|
vertical-align: middle;
|
|
top: -1px;
|
|
margin: 0 7px 0 10px;
|
|
}
|
|
.icon-notification-close {
|
|
background-position: -60px -80px;
|
|
width: 10px;
|
|
height: 11px;
|
|
position: absolute;
|
|
right: 11px;
|
|
top: 14px;
|
|
cursor: pointer;
|
|
}
|
|
h1.seo-header {
|
|
font: bold 16px Arial;
|
|
text-transform: uppercase;
|
|
color: #5A5A5A;
|
|
}
|
|
h2.seo-header {
|
|
font-weight: bold;
|
|
margin: 0;
|
|
font-size: 12px;
|
|
}
|
|
.trending-symbols-table {
|
|
margin: 10px 0 20px 0;
|
|
}
|
|
.trending-symbols-item {
|
|
padding: 13px 0 14px;
|
|
display: block;
|
|
border-bottom: solid 1px #dbdfe4;
|
|
}
|
|
.trending-symbols-item > div {
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
.trending-symbols-item .sessions {
|
|
position: relative;
|
|
width: 16%;
|
|
padding: 0 3% 0 1%;
|
|
text-align: right;
|
|
}
|
|
.trending-symbols-item,
|
|
.trending-symbols-item a {
|
|
color: #3b3e44 !important;
|
|
}
|
|
.icon-people-watching {
|
|
background-position: -180px -220px;
|
|
width: 14px;
|
|
height: 11px;
|
|
top: 1px;
|
|
}
|
|
.trending-symbols-item .symbol {
|
|
width: 30%;
|
|
}
|
|
.trending-symbols-item .last {
|
|
width: 22%;
|
|
text-align: right;
|
|
}
|
|
.trending-symbols-item .change {
|
|
width: 25%;
|
|
text-align: right;
|
|
color: #5A5D66;
|
|
}
|
|
.trending-symbols-item .change.plus {
|
|
color: #298755;
|
|
}
|
|
.trending-symbols-item .change.minus {
|
|
color: #DA563E;
|
|
}
|
|
.index-charts-tab .item .cover.online:after,
|
|
.timeline-event.online:after,
|
|
.activity-stream-item .avatar.online:after,
|
|
.user-profile-card.online .userpic:after,
|
|
.comment-header.online:after,
|
|
.ch-item-userpic.online:after,
|
|
.public-user-info-avatar.online:after {
|
|
position: absolute;
|
|
display: block;
|
|
background: #69cb19;
|
|
border-top: 1px solid #fff;
|
|
border-left: 1px solid #fff;
|
|
top: 32px;
|
|
left: 32px;
|
|
width: 8px;
|
|
height: 8px;
|
|
content: "";
|
|
}
|
|
.user-profile-card.online .userpic:after,
|
|
.public-user-info-avatar.online:after {
|
|
top: 73px;
|
|
left: 73px;
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
.chat-latest {
|
|
height: 350px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.chat-latest .tv-chat {
|
|
background: none !important;
|
|
}
|
|
.chat-latest .ch-item {
|
|
border-bottom: solid 1px #dbdfe4;
|
|
padding: 12px 0 13px;
|
|
}
|
|
.chat-latest .ch-item-userpic {
|
|
left: 0;
|
|
}
|
|
.chat-latest .ch-item-userpic img {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.chat-latest .ch-item-content {
|
|
margin: -1px 6px 0 38px;
|
|
}
|
|
.chat-latest .ch-item-author a {
|
|
font-size: 12px;
|
|
color: #007FB9;
|
|
}
|
|
.chat-latest .ch-item-channel {
|
|
display: none;
|
|
}
|
|
.chat-latest .ch-item-time {
|
|
top: 27px;
|
|
}
|
|
.chat-latest .ch-item-text {
|
|
font-size: 13px;
|
|
}
|
|
.is-not-trial-available .hide-if-not-trial-available {
|
|
display: none;
|
|
}
|
|
.is-not-trial .hide-if-not-trial {
|
|
display: none;
|
|
}
|
|
.wl-icon-delayed,
|
|
.symbol-list-item .delayed,
|
|
.dl-delayed,
|
|
.quote-area .quotes-item .delayed,
|
|
.symbol-list-item .endofday {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
background: url('../images/delayed.png') center center no-repeat #a953ae;
|
|
line-height: 100px;
|
|
cursor: default;
|
|
}
|
|
.symbol-list-item .name {
|
|
vertical-align: top;
|
|
}
|
|
.symbol-list-item .estimate .value {
|
|
display: inline-block;
|
|
width: 13px;
|
|
height: 13px;
|
|
border: 1px solid #c9cbcd;
|
|
color: #c9cbcd;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
margin: 8px 0 0 0;
|
|
cursor: default;
|
|
}
|
|
.symbol-list-item .estimate .value.soon {
|
|
border: 1px solid #DC5538;
|
|
color: #DC5538;
|
|
}
|
|
.symbol-list-item .endofday {
|
|
background-image: url('data:image/gif;base64,R0lGODlhBAAGAPABAOzw8////yH5BAUKAAEALAAAAAAEAAYAAAIGhB15qBlbADs=');
|
|
}
|
|
.dl-delayed {
|
|
margin: 0 0 0 1ex;
|
|
}
|
|
.symbol-list-item .endofday,
|
|
.symbol-list-item .delayed {
|
|
margin: 3px 0 2px 3px;
|
|
}
|
|
.search-field {
|
|
position: absolute;
|
|
top: -6px;
|
|
right: 7px;
|
|
}
|
|
.search-field input {
|
|
width: 170px;
|
|
padding-right: 30px;
|
|
font-size: 12px;
|
|
}
|
|
.search-field .button {
|
|
display: block;
|
|
width: 26px;
|
|
height: 26px;
|
|
position: absolute;
|
|
top: 1px;
|
|
right: 1px;
|
|
cursor: pointer;
|
|
border: 1px dotted #C6C9CC;
|
|
border-width: 0 0 0 1px;
|
|
background-image: url('../images/index/search-bg.png');
|
|
background-repeat: no-repeat;
|
|
background-position: 5px 6px;
|
|
}
|
|
.search-field input,
|
|
.search-field .button {
|
|
opacity: 0.7;
|
|
}
|
|
.search-field.active input,
|
|
.search-field.active .button {
|
|
opacity: 1.0;
|
|
}
|
|
.search-field.not-empty input {
|
|
text-transform: uppercase;
|
|
}
|
|
.search-field span.placeholder {
|
|
color: #929292;
|
|
line-height: 26px;
|
|
opacity: 0.7;
|
|
}
|
|
.launch-chart-button {
|
|
display: inline-block;
|
|
background: #06B2CE;
|
|
color: white !important;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
width: 119px;
|
|
height: 21px;
|
|
padding: 7px 0 0;
|
|
font-size: 12px;
|
|
}
|
|
.launch-chart-button:hover {
|
|
background: #06C3E0;
|
|
}
|
|
.tv-profile .header h2,
|
|
.tv-gopro-block .marketplace-order-button strong {
|
|
font-weight: 500;
|
|
font-family: 'Helvetica Neue', Arial, 'Myriad Pro', sans-serif;
|
|
}
|
|
@-webkit-keyframes highlight-animation {
|
|
from {
|
|
background: transparent;
|
|
}
|
|
to {
|
|
background: #FFE868;
|
|
}
|
|
}
|
|
@-moz-keyframes highlight-animation {
|
|
from {
|
|
background: transparent;
|
|
}
|
|
to {
|
|
background: #FFE868;
|
|
}
|
|
}
|
|
@-ms-keyframes highlight-animation {
|
|
from {
|
|
background: transparent;
|
|
}
|
|
to {
|
|
background: #FFE868;
|
|
}
|
|
}
|
|
@-o-keyframes highlight-animation {
|
|
from {
|
|
background: transparent;
|
|
}
|
|
to {
|
|
background: #FFE868;
|
|
}
|
|
}
|
|
@keyframes highlight-animation {
|
|
from {
|
|
background: transparent;
|
|
}
|
|
to {
|
|
background: #FFE868;
|
|
}
|
|
}
|
|
html,
|
|
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: #fff;
|
|
color: #000;
|
|
font: small sans-serif;
|
|
height: 100% !important;
|
|
}
|
|
body {
|
|
min-width: 1000px;
|
|
}
|
|
img {
|
|
border: none;
|
|
}
|
|
textarea {
|
|
resize: none;
|
|
}
|
|
:focus {
|
|
outline: none !important;
|
|
}
|
|
input::-ms-clear {
|
|
display: none;
|
|
}
|
|
input,
|
|
textarea {
|
|
-webkit-border-radius: 0;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 0;
|
|
-moz-background-clip: padding;
|
|
border-radius: 0;
|
|
background-clip: padding-box;
|
|
}
|
|
.chart-page :not(input):not(textarea):not(.selectable),
|
|
.unselectable,
|
|
.tv-profile .tags,
|
|
.quote-area {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
input,
|
|
textarea,
|
|
.selectable {
|
|
-moz-user-select: text;
|
|
-webkit-user-select: text;
|
|
user-select: text;
|
|
}
|
|
.mt {
|
|
/* markup-table */
|
|
border: 0px #000 none;
|
|
border-style: none;
|
|
border-collapse: collapse;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
a {
|
|
color: #007FB9;
|
|
text-decoration: none;
|
|
}
|
|
a:visited {
|
|
color: #007FB9;
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
color: #007FB9;
|
|
text-decoration: none;
|
|
}
|
|
a:active {
|
|
color: #007FB9;
|
|
text-decoration: none;
|
|
}
|
|
/* common */
|
|
.auto-size {
|
|
min-width: 100%;
|
|
min-height: 100%;
|
|
height: 100%;
|
|
width: 100%;
|
|
border: 0px #000 none;
|
|
border-style: none;
|
|
border-collapse: collapse;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
.auto-w {
|
|
min-width: 100%;
|
|
width: 100%;
|
|
}
|
|
.auto-h {
|
|
min-height: 100%;
|
|
height: 100%;
|
|
}
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
.center-align {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.l-align {
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
}
|
|
.r-align {
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
}
|
|
/* forms */
|
|
.simple-page {
|
|
background-color: #626262;
|
|
color: #ffffff;
|
|
}
|
|
.form-page {
|
|
background-color: #626262;
|
|
}
|
|
.form-container {
|
|
background-color: #626262;
|
|
}
|
|
.form-at-all {
|
|
background-color: #d3d3d3;
|
|
padding: 5px 5px 3px 5px;
|
|
}
|
|
.form-header {
|
|
font-size: xx-large;
|
|
font-weight: bold;
|
|
}
|
|
.form-content {
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
}
|
|
td.form-table {
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
}
|
|
.submit-button {
|
|
margin-top: 10px;
|
|
}
|
|
.form-error {
|
|
color: #ff0000;
|
|
font-weight: bold;
|
|
margin-bottom: 10px;
|
|
}
|
|
/* footer */
|
|
#footer {
|
|
background: #dbdbdb;
|
|
color: #626262;
|
|
border-top: 1px #999999 solid;
|
|
height: 24px;
|
|
font-size: small;
|
|
}
|
|
.copyright {
|
|
margin-left: 10px;
|
|
}
|
|
.terms-of-use {
|
|
margin-right: 15px;
|
|
}
|
|
/* main chart */
|
|
#chart-area {
|
|
background: transparent;
|
|
}
|
|
#chart-area,
|
|
.chart-container,
|
|
.chart-place {
|
|
position: relative;
|
|
-ms-touch-action: none;
|
|
}
|
|
#chart-area.fullscreen {
|
|
position: fixed;
|
|
z-index: 15;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
background: #F1F3F6;
|
|
}
|
|
.chart-page .chart-container {
|
|
border: solid #C9CBCD 1px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.chart-page .chart-container.multiple.active {
|
|
border: solid #007FB9 1px;
|
|
}
|
|
.is-mobile .chart-page .chart-container.multiple.active {
|
|
z-index: 1;
|
|
}
|
|
.chart-page .chart-container.inactive .chart-status-picture,
|
|
.chart-page .chart-container.inactive .pane-legend {
|
|
opacity: .6;
|
|
}
|
|
.chart-page .chart-container.inactive .pane-legend-line.study,
|
|
.chart-page .chart-container.inactive .back-to-present,
|
|
.chart-page .chart-container.inactive .control-bar-wrapper {
|
|
display: none;
|
|
}
|
|
.viewchart-body .chart-container.multiple {
|
|
border: solid #C9CBCD 1px;
|
|
margin: -1px;
|
|
}
|
|
#detailed-panel {
|
|
background-color: #e8e8e8;
|
|
height: 100px;
|
|
background-color: #f0f0f0;
|
|
padding-left: 7px;
|
|
}
|
|
.detailed-header {
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
}
|
|
.detailed-header-symbol {
|
|
font-size: xx-large;
|
|
color: #484848;
|
|
}
|
|
.detailed-header-value {
|
|
font-size: x-large;
|
|
color: #484848;
|
|
}
|
|
.detailed-header-delta {
|
|
font-size: x-large;
|
|
color: #d84128;
|
|
}
|
|
.detailed-date {
|
|
font-size: small;
|
|
color: #8f8f8f;
|
|
}
|
|
.detailed-column {
|
|
border-left: 1px #c8c8c8 solid;
|
|
width: 100px;
|
|
}
|
|
.detailed-param-name {
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
font-size: x-small;
|
|
color: #8f8f8f;
|
|
}
|
|
.detailed-param-value {
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
}
|
|
/* view chart */
|
|
/* other */
|
|
.gray-border-left {
|
|
border-left: 1px #c8c8c8 solid;
|
|
}
|
|
.gray-border-right {
|
|
border-left: 1px #c8c8c8 solid;
|
|
}
|
|
.q-search {
|
|
background-color: #ebebeb;
|
|
height: 20px;
|
|
}
|
|
.q-s {
|
|
background-color: #ebebeb;
|
|
border: 1px #bdbdbd solid;
|
|
color: #a4a4a4;
|
|
margin: 2px;
|
|
padding: 3px;
|
|
}
|
|
.q-header {
|
|
height: 22px;
|
|
}
|
|
.q-h {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
background-color: #e8e8e8;
|
|
font-weight: bold;
|
|
color: #545454;
|
|
font-size: x-small;
|
|
}
|
|
.q-even-row {
|
|
background-color: #fbfbfb;
|
|
}
|
|
.q-odd-row {
|
|
background-color: #ffffff;
|
|
}
|
|
.q-c-0 {
|
|
color: #363636;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
font-weight: bold;
|
|
}
|
|
.q-c-1 {
|
|
color: #626262;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.q-c-2-3 {
|
|
color: #0f9900;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.o-c-t {
|
|
border-bottom: 2px #cccccc solid;
|
|
color: #363636;
|
|
padding-left: 10px;
|
|
font-size: medium;
|
|
font-weight: bold;
|
|
}
|
|
.chart-info-1 {
|
|
font-weight: bold;
|
|
color: #666666;
|
|
}
|
|
.chart-info-2 {
|
|
color: #666666;
|
|
}
|
|
.action-button {
|
|
border-radius: 3px;
|
|
/* background-color: #eeeeee; */
|
|
background: -moz-linear-gradient(-90deg, #fdfdfd, #e7e7e7);
|
|
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e7e7e7), color-stop(1, #fdfdfd));
|
|
border: 1px #919191 solid;
|
|
color: #636363;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: x-small;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
width: 100px;
|
|
}
|
|
.info-text {
|
|
color: #576069;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: small;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
width: 100px;
|
|
}
|
|
.o-c-i {
|
|
border: 1px #cdcdcd solid;
|
|
}
|
|
.o-c-1 {
|
|
font-weight: bold;
|
|
font-size: medium;
|
|
}
|
|
.o-c-2 {
|
|
font-size: small;
|
|
}
|
|
.ui-tabs .ui-tabs-nav li a {
|
|
font-size: x-small;
|
|
}
|
|
table.save-chart-dialog {
|
|
width: 400px;
|
|
}
|
|
input[type="text"].save-chart-dialog {
|
|
width: 100%;
|
|
}
|
|
input[type="button"].save-chart-dialog {
|
|
width: 100;
|
|
display: inline;
|
|
}
|
|
textarea.save-chart-dialog {
|
|
width: 100%;
|
|
height: 100px;
|
|
}
|
|
.input-reset {
|
|
width: 16px;
|
|
height: 16px;
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 7px;
|
|
cursor: pointer;
|
|
display: none;
|
|
border-radius: 50%;
|
|
}
|
|
.input-reset:before {
|
|
content: " ";
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
background: url(../images/icons.png) no-repeat -103px -340px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -5px 0 0 -5px;
|
|
}
|
|
.input-reset:hover {
|
|
background-color: #f2f5f8;
|
|
}
|
|
.input-reset:active {
|
|
opacity: 0.6;
|
|
}
|
|
.insert-study-dialog {
|
|
position: absolute;
|
|
width: 815px;
|
|
overflow: hidden;
|
|
z-index: 14;
|
|
background: white;
|
|
border: 1px solid #d6d6d6;
|
|
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
|
|
}
|
|
.insert-study-row {
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.is-mobile .scrollbar {
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.load-chart .touch {
|
|
visibility: visible;
|
|
opacity: 0.3;
|
|
}
|
|
.load-chart .touch:hover,
|
|
.load-chart .touch.active {
|
|
opacity: 1;
|
|
}
|
|
.load-chart .columns {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.load-chart .columns.name {
|
|
width: 50%;
|
|
}
|
|
.load-chart .columns.modified {
|
|
width: 30%;
|
|
}
|
|
.load-chart .columns.symbol {
|
|
width: 20%;
|
|
}
|
|
.load-chart .new-chart {
|
|
padding-top: 12px;
|
|
border-left: 1px solid #d6d6d6;
|
|
border-bottom: 1px solid #d6d6d6;
|
|
border-top: 1px solid #d6d6d6;
|
|
height: 38px;
|
|
width: 140px;
|
|
color: #8B8C8E;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
float: right;
|
|
display: block;
|
|
position: relative;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.load-chart .new-chart:hover {
|
|
color: #00C3E6;
|
|
}
|
|
.load-chart .new-chart:active,
|
|
.load-chart .new-chart.active {
|
|
background-color: #f4f7f9;
|
|
color: #00C3E6;
|
|
}
|
|
.load-chart .chart-search {
|
|
width: 514px;
|
|
position: relative;
|
|
cursor: default;
|
|
border-bottom: 1px solid #d6d6d6;
|
|
border-top: 1px solid #d6d6d6;
|
|
}
|
|
.load-chart .chart-search input {
|
|
width: 514px;
|
|
padding: 9px 34px;
|
|
height: 36px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
.load-chart .chart-search .input-reset {
|
|
top: 10px;
|
|
right: 10px;
|
|
}
|
|
.load-chart .chart-search .search-icon {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
width: 13px;
|
|
height: 13px;
|
|
background: url("../images/icons.png") no-repeat -80px -339px;
|
|
top: 12px;
|
|
left: 12px;
|
|
}
|
|
.load-chart .please-log-in {
|
|
height: 452px;
|
|
color: #8f8f8f;
|
|
font-style: italic;
|
|
text-align: center;
|
|
}
|
|
.load-chart .please-log-in:before {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
margin-right: -0.25em;
|
|
/* Adjusts for spacing */
|
|
}
|
|
.load-chart .list-header {
|
|
height: 32px;
|
|
color: #989797;
|
|
padding: 7px 30px 0 10px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.load-chart .list-header .item {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.load-chart .list-header .item.name {
|
|
width: 50%;
|
|
}
|
|
.load-chart .list-header .item.modified {
|
|
width: 30%;
|
|
}
|
|
.load-chart .list-header .item.symbol {
|
|
width: 20%;
|
|
}
|
|
.load-chart .list-header .item:hover,
|
|
.load-chart .list-header .item.active {
|
|
color: #68696b;
|
|
}
|
|
.load-chart .list-header .item.active {
|
|
font-weight: bold;
|
|
}
|
|
.load-chart .list-header .item.name {
|
|
padding-left: 24px;
|
|
}
|
|
.load-chart .charts-list-container {
|
|
height: 420px;
|
|
position: relative;
|
|
}
|
|
.load-chart .charts-list-container .sb-scrollbar-body {
|
|
border: 0;
|
|
background: #d8d8d8;
|
|
width: 6px;
|
|
}
|
|
.load-chart .charts-list-container .sb-scrollbar-top,
|
|
.load-chart .charts-list-container .sb-scrollbar-bottom {
|
|
display: none;
|
|
}
|
|
.load-chart .charts-list-container .charts-list {
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item {
|
|
position: relative;
|
|
cursor: pointer;
|
|
height: 28px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 5px 30px 0 10px;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item .value {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
height: 18px;
|
|
display: inline-block;
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item .value.name {
|
|
width: 50%;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item .value.modified {
|
|
width: 30%;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item .value.symbol {
|
|
width: 20%;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item .value span.match {
|
|
color: #4c82ce;
|
|
font-weight: bold;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item .value.name {
|
|
padding-left: 24px;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item .value .icon-favorite {
|
|
visibility: hidden;
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 1px;
|
|
background: url('../images/icons.png');
|
|
background-position: -40px -280px;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item .value .icon-favorite:hover {
|
|
visibility: visible;
|
|
background-position: -120px -363px;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item .value .icon-favorite.active {
|
|
visibility: visible;
|
|
background-position: -20px -280px;
|
|
}
|
|
.is-mobile .load-chart .charts-list-container .charts-list .item .value .icon-favorite,
|
|
.feature-touch .load-chart .charts-list-container .charts-list .item .value .icon-favorite {
|
|
visibility: visible;
|
|
opacity: 0.3;
|
|
}
|
|
.is-mobile .load-chart .charts-list-container .charts-list .item .value .icon-favorite:hover,
|
|
.feature-touch .load-chart .charts-list-container .charts-list .item .value .icon-favorite:hover,
|
|
.is-mobile .load-chart .charts-list-container .charts-list .item .value .icon-favorite.active,
|
|
.feature-touch .load-chart .charts-list-container .charts-list .item .value .icon-favorite.active {
|
|
opacity: 1;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item .actions {
|
|
visibility: hidden;
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 16px;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item .actions .icon-delete {
|
|
display: inline-block;
|
|
background: url("../images/icons.png") no-repeat scroll -102px -362px transparent;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item .actions .icon-delete:hover {
|
|
background-position: -81px -362px;
|
|
}
|
|
.is-mobile .load-chart .charts-list-container .charts-list .item .actions,
|
|
.feature-touch .load-chart .charts-list-container .charts-list .item .actions {
|
|
visibility: visible;
|
|
opacity: 0.3;
|
|
}
|
|
.is-mobile .load-chart .charts-list-container .charts-list .item .actions:hover,
|
|
.feature-touch .load-chart .charts-list-container .charts-list .item .actions:hover,
|
|
.is-mobile .load-chart .charts-list-container .charts-list .item .actions.active,
|
|
.feature-touch .load-chart .charts-list-container .charts-list .item .actions.active {
|
|
opacity: 1;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item:hover {
|
|
background: #F2F5F8;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item:hover .value.name {
|
|
color: #4C82CE;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item:hover .actions {
|
|
visibility: visible;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item:hover .icon-favorite {
|
|
visibility: visible;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item.active .name {
|
|
font-weight: bold;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item.active {
|
|
background: #F2F5F8;
|
|
}
|
|
.load-chart .charts-list-container .charts-list .item.active:before {
|
|
content: '';
|
|
display: block;
|
|
width: 3px;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: #5CB888;
|
|
}
|
|
.open-script .touch {
|
|
visibility: visible;
|
|
opacity: 0.3;
|
|
}
|
|
.open-script .touch:hover,
|
|
.open-script .touch.active {
|
|
opacity: 1;
|
|
}
|
|
.open-script .columns {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.open-script .columns.name {
|
|
width: 40%;
|
|
}
|
|
.open-script .columns.source {
|
|
width: 35%;
|
|
}
|
|
.open-script .columns.modified {
|
|
width: 25%;
|
|
}
|
|
.open-script .no-scripts {
|
|
height: 420px;
|
|
color: #8f8f8f;
|
|
font-style: italic;
|
|
text-align: center;
|
|
display: none;
|
|
}
|
|
.open-script .no-scripts:before {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
margin-right: -0.25em;
|
|
/* Adjusts for spacing */
|
|
}
|
|
.open-script .search {
|
|
position: relative;
|
|
cursor: default;
|
|
border-bottom: 1px solid #d6d6d6;
|
|
border-top: 1px solid #d6d6d6;
|
|
}
|
|
.open-script .search input {
|
|
width: 514px;
|
|
padding: 9px 34px;
|
|
height: 36px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
.open-script .search .input-reset {
|
|
top: 10px;
|
|
right: 10px;
|
|
}
|
|
.open-script .search .search-icon {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
width: 13px;
|
|
height: 13px;
|
|
background: url("../images/icons.png") no-repeat -80px -339px;
|
|
top: 12px;
|
|
left: 12px;
|
|
}
|
|
.open-script .list-header {
|
|
height: 32px;
|
|
color: #989797;
|
|
padding: 7px 30px 0 10px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.open-script .list-header .item {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.open-script .list-header .item.name {
|
|
width: 40%;
|
|
}
|
|
.open-script .list-header .item.source {
|
|
width: 35%;
|
|
}
|
|
.open-script .list-header .item.modified {
|
|
width: 25%;
|
|
}
|
|
.open-script .list-header .item:hover,
|
|
.open-script .list-header .item.active {
|
|
color: #68696b;
|
|
}
|
|
.open-script .list-header .item.active {
|
|
font-weight: bold;
|
|
}
|
|
.open-script .list-header .item.name {
|
|
padding-left: 24px;
|
|
}
|
|
.open-script .list-container {
|
|
height: 420px;
|
|
position: relative;
|
|
}
|
|
.open-script .list-container .sb-scrollbar-body {
|
|
border: 0;
|
|
background: #d8d8d8;
|
|
width: 6px;
|
|
}
|
|
.open-script .list-container .sb-scrollbar-top,
|
|
.open-script .list-container .sb-scrollbar-bottom {
|
|
display: none;
|
|
}
|
|
.open-script .list-container .list {
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
.open-script .list-container .list .item {
|
|
position: relative;
|
|
cursor: pointer;
|
|
height: 28px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 5px 30px 0 10px;
|
|
}
|
|
.open-script .list-container .list .item .value {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
height: 18px;
|
|
display: inline-block;
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.open-script .list-container .list .item .value.name {
|
|
width: 40%;
|
|
}
|
|
.open-script .list-container .list .item .value.source {
|
|
width: 35%;
|
|
}
|
|
.open-script .list-container .list .item .value.modified {
|
|
width: 25%;
|
|
}
|
|
.open-script .list-container .list .item .value span.match {
|
|
color: #4c82ce;
|
|
font-weight: bold;
|
|
}
|
|
.open-script .list-container .list .item .value.name {
|
|
padding-left: 24px;
|
|
}
|
|
.open-script .list-container .list .item .value .icon-favorite {
|
|
visibility: hidden;
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 1px;
|
|
background: url('../images/icons.png');
|
|
background-position: -40px -280px;
|
|
}
|
|
.open-script .list-container .list .item .value .icon-favorite:hover {
|
|
visibility: visible;
|
|
background-position: -120px -363px;
|
|
}
|
|
.open-script .list-container .list .item .value .icon-favorite.active {
|
|
visibility: visible;
|
|
background-position: -20px -280px;
|
|
}
|
|
.is-mobile .open-script .list-container .list .item .value .icon-favorite,
|
|
.feature-touch .open-script .list-container .list .item .value .icon-favorite {
|
|
visibility: visible;
|
|
opacity: 0.3;
|
|
}
|
|
.is-mobile .open-script .list-container .list .item .value .icon-favorite:hover,
|
|
.feature-touch .open-script .list-container .list .item .value .icon-favorite:hover,
|
|
.is-mobile .open-script .list-container .list .item .value .icon-favorite.active,
|
|
.feature-touch .open-script .list-container .list .item .value .icon-favorite.active {
|
|
opacity: 1;
|
|
}
|
|
.open-script .list-container .list .item .actions {
|
|
visibility: hidden;
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 16px;
|
|
}
|
|
.open-script .list-container .list .item .actions .icon-delete {
|
|
display: inline-block;
|
|
background: url("../images/icons.png") no-repeat scroll -102px -362px transparent;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
.open-script .list-container .list .item .actions .icon-delete:hover {
|
|
background-position: -81px -362px;
|
|
}
|
|
.is-mobile .open-script .list-container .list .item .actions,
|
|
.feature-touch .open-script .list-container .list .item .actions {
|
|
visibility: visible;
|
|
opacity: 0.3;
|
|
}
|
|
.is-mobile .open-script .list-container .list .item .actions:hover,
|
|
.feature-touch .open-script .list-container .list .item .actions:hover,
|
|
.is-mobile .open-script .list-container .list .item .actions.active,
|
|
.feature-touch .open-script .list-container .list .item .actions.active {
|
|
opacity: 1;
|
|
}
|
|
.open-script .list-container .list .item:hover {
|
|
background: #F2F5F8;
|
|
}
|
|
.open-script .list-container .list .item:hover .value.name {
|
|
color: #4C82CE;
|
|
}
|
|
.open-script .list-container .list .item:hover .actions {
|
|
visibility: visible;
|
|
}
|
|
.open-script .list-container .list .item:hover .icon-favorite {
|
|
visibility: visible;
|
|
}
|
|
.open-script .list-container .list .item.active .name {
|
|
font-weight: bold;
|
|
}
|
|
.open-script .list-container .list .item.active {
|
|
background: #F2F5F8;
|
|
}
|
|
.open-script .list-container .list .item.active:before {
|
|
content: '';
|
|
display: block;
|
|
width: 3px;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: #5CB888;
|
|
}
|
|
.ellipsis {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.insert-study-tabs {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 189px;
|
|
min-height: 420px;
|
|
float: left;
|
|
display: block;
|
|
font-size: 13px;
|
|
line-height: 13px;
|
|
border-right: 1px solid #d6d6d6;
|
|
}
|
|
.insert-study-tabs li {
|
|
padding: 11px 26px 9px;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
clear: both;
|
|
color: #595959;
|
|
cursor: pointer;
|
|
}
|
|
.insert-study-tabs li:hover {
|
|
background: #f4f7f9;
|
|
}
|
|
.insert-study-tabs li.active:not(.search) {
|
|
border: 0;
|
|
padding-left: 22px;
|
|
font-weight: bold;
|
|
background: #f4f7f9;
|
|
border-left: 4px solid #5cb888;
|
|
}
|
|
.insert-study-tabs li.search {
|
|
position: relative;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
cursor: default;
|
|
border-top: 1px solid #d6d6d6;
|
|
border-bottom: 1px solid #d6d6d6;
|
|
}
|
|
.insert-study-tabs li.search.active {
|
|
border-top: 1px solid #4c82ce;
|
|
border-bottom: 1px solid #4c82ce;
|
|
}
|
|
.insert-study-tabs li.search.active .left-border,
|
|
.insert-study-tabs li.search.active .right-border {
|
|
display: block;
|
|
}
|
|
.insert-study-tabs li.search input {
|
|
padding: 9px 9px 9px 29px;
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
.insert-study-tabs li.search div {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
width: 13px;
|
|
height: 13px;
|
|
background: url(../images/icons.png) no-repeat -80px -339px;
|
|
top: 12px;
|
|
left: 12px;
|
|
}
|
|
.insert-study-tabs li.search .left-border,
|
|
.insert-study-tabs li.search .right-border {
|
|
display: none;
|
|
width: 1px;
|
|
height: 36px;
|
|
top: -1px;
|
|
background: #4c82ce;
|
|
}
|
|
.insert-study-tabs li.search .left-border {
|
|
left: 0;
|
|
}
|
|
.insert-study-tabs li.search .right-border {
|
|
left: 100%;
|
|
}
|
|
.insert-study-tabs li.search .input-reset {
|
|
top: 9px;
|
|
right: 18px;
|
|
}
|
|
.insert-study-tabs li.market-tabs {
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
.insert-study-tabs li.market-tabs:hover {
|
|
background: none;
|
|
}
|
|
.insert-study-tabs li.market-tabs .text {
|
|
padding: 11px 26px 9px;
|
|
}
|
|
.insert-study-tabs li.market-tabs .text:before {
|
|
content: " ";
|
|
position: absolute;
|
|
display: block;
|
|
width: 5px;
|
|
height: 9px;
|
|
top: 12px;
|
|
left: 14px;
|
|
background: url("../images/select-bg.png");
|
|
background-position: 10px 0;
|
|
}
|
|
.insert-study-tabs li.market-tabs .text.open:before {
|
|
width: 9px;
|
|
height: 5px;
|
|
top: 14px;
|
|
left: 12px;
|
|
background-position: 0 0;
|
|
}
|
|
.insert-study-tabs li.market-tabs ul {
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
.insert-study-tabs li.market-tabs ul li,
|
|
.insert-study-tabs li.market-tabs ul li:hover,
|
|
.insert-study-tabs li.market-tabs ul li:active {
|
|
padding-left: 34px;
|
|
}
|
|
.insert-study-tabs li.market-tabs ul li.active,
|
|
.insert-study-tabs li.market-tabs ul li:hover.active,
|
|
.insert-study-tabs li.market-tabs ul li:active.active {
|
|
padding-left: 30px;
|
|
}
|
|
.insert-study-tabs li .beta-sign {
|
|
color: #5cb888;
|
|
font-size: 10px;
|
|
position: relative;
|
|
top: -2px;
|
|
font-style: italic;
|
|
margin-left: 3px;
|
|
}
|
|
.insert-study-page-content .economy-page {
|
|
padding: 20px;
|
|
}
|
|
.insert-study-page-content.page-padded {
|
|
padding-top: 20px;
|
|
}
|
|
.insert-study-pages {
|
|
width: 625px;
|
|
margin-left: -1px;
|
|
margin-right: -3px;
|
|
border-left: 1px solid #d6d6d6;
|
|
border-top: 1px solid #d6d6d6;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
.insert-study-pages > div:after {
|
|
clear: both;
|
|
display: table;
|
|
content: "";
|
|
}
|
|
.insert-study-pages .page-with-popular > div {
|
|
margin: 0;
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
.insert-study-pages .page-with-popular > div .header-container {
|
|
margin: 0;
|
|
padding-left: 28px;
|
|
padding-right: 12px;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.insert-study-pages .page-with-popular > div .header-container .group-header {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
padding: 20px 0 8px;
|
|
margin: 0;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
.insert-study-pages .page-with-popular > div .header-container.with-divider {
|
|
margin-top: 15px;
|
|
}
|
|
.insert-study-pages .page-with-popular > div .header-container.with-divider .group-header {
|
|
padding-top: 24px;
|
|
border-top: 1px solid #d6d6d6;
|
|
}
|
|
.insert-study-pages .page-with-popular > div .column-left,
|
|
.insert-study-pages .page-with-popular > div .column-right {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
.insert-study-pages .page-with-popular > div .column-left .subgroup-header,
|
|
.insert-study-pages .page-with-popular > div .column-right .subgroup-header {
|
|
font-weight: bold;
|
|
width: 100%;
|
|
margin: 0px;
|
|
padding: 8px 0 8px 28px;
|
|
float: left;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.insert-study-items {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.insert-study-items ul {
|
|
margin: 0 0 8px;
|
|
padding: 0;
|
|
}
|
|
.insert-study-items ul.column {
|
|
float: left;
|
|
width: 199px;
|
|
}
|
|
.insert-study-items li {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 171px;
|
|
padding: 8px 0 8px 28px;
|
|
font-size: 12px;
|
|
position: relative;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
}
|
|
.insert-study-items li.custom-script {
|
|
padding-right: 28px;
|
|
width: 144px;
|
|
}
|
|
.insert-study-items li:not(.placeholder) {
|
|
color: #595959;
|
|
cursor: pointer;
|
|
}
|
|
.insert-study-items li:hover:not(.placeholder) {
|
|
background: #f4f7f9;
|
|
}
|
|
.insert-study-items li .fav {
|
|
display: block;
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 6px;
|
|
visibility: hidden;
|
|
width: 16px;
|
|
height: 14px;
|
|
background: url('../images/icons.png') -40px -280px;
|
|
}
|
|
.insert-study-items li .fav:hover:not(.in-fav) {
|
|
background-position: -120px -363px;
|
|
}
|
|
.insert-study-items li .in-fav {
|
|
background-position: -20px -280px;
|
|
}
|
|
.insert-study-items li.custom-script .source {
|
|
display: block;
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 8px;
|
|
visibility: hidden;
|
|
width: 16px;
|
|
height: 14px;
|
|
background: url('../images/icons.png') -159px -362px;
|
|
}
|
|
.insert-study-items li.custom-script .source:hover {
|
|
background: url('../images/icons.png') -180px -362px;
|
|
}
|
|
.insert-study-items li:hover .fav,
|
|
.insert-study-items li.custom-script:hover .source,
|
|
.insert-study-items li .fav.in-fav,
|
|
.is-mobile .insert-study-items li .fav,
|
|
.is-mobile .insert-study-items li .source {
|
|
visibility: visible;
|
|
opacity: 0.3;
|
|
}
|
|
.is-mobile .insert-study-items li .fav.in-fav {
|
|
opacity: 0.6;
|
|
}
|
|
.insert-study-items li .fav.in-fav,
|
|
.favored-list .item.quicked .to-quick,
|
|
.favored-list .item .to-quick.quicked {
|
|
opacity: 0.35;
|
|
}
|
|
.insert-study-items li:hover .fav.in-fav,
|
|
.favored-list .item.quicked:hover .to-quick,
|
|
.favored-list .item:hover .to-quick.quicked {
|
|
opacity: 1.0;
|
|
-webkit-transition: opacity 0.4s ease;
|
|
-moz-transition: opacity 0.4s ease;
|
|
-ms-transition: opacity 0.4s ease;
|
|
-o-transition: opacity 0.4s ease;
|
|
transition: opacity 0.4s ease;
|
|
}
|
|
.insert-study-items li .match {
|
|
color: #4c82ce;
|
|
}
|
|
.insert-study-pages .search-header {
|
|
padding: 0px;
|
|
margin: 0 14px 9px 28px;
|
|
height: 13px;
|
|
font-weight: bold;
|
|
clear: both;
|
|
}
|
|
.insert-study-pages .search-header:not(:first-child) {
|
|
margin-top: 29px;
|
|
padding-top: 31px;
|
|
border-top: 1px solid #d6d6d6;
|
|
}
|
|
.insert-study-pages .search-header:first-child {
|
|
padding-top: 20px;
|
|
}
|
|
.insert-study-offer-container {
|
|
margin-left: 199px;
|
|
display: block;
|
|
border-left: 1px solid #d6d6d6;
|
|
background-color: #f4f7f9;
|
|
position: relative;
|
|
}
|
|
.insert-study-offer-header {
|
|
font-size: 11px;
|
|
padding: 12px 12px 0px 15px;
|
|
color: #666464;
|
|
position: relative;
|
|
}
|
|
.insert-study-offer-info,
|
|
.insert-study-offer-description {
|
|
position: relative;
|
|
font-size: 13px;
|
|
line-height: 1.65;
|
|
color: #545454;
|
|
}
|
|
.insert-study-offer-info {
|
|
padding: 15px;
|
|
}
|
|
.insert-study-offer-description {
|
|
padding: 15px 0;
|
|
margin: 15px 15px 0 15px;
|
|
border-top: 1px solid #DFDFDF;
|
|
font-size: 10px;
|
|
}
|
|
.insert-study-offer-info-header {
|
|
font-size: 24px;
|
|
}
|
|
.insert-study-offer-info-subheader,
|
|
.insert-study-offer-info-subheader a {
|
|
font-size: 11px;
|
|
color: #B8B8B8;
|
|
}
|
|
.insert-study-offer-info-logo {
|
|
position: absolute;
|
|
right: 15px;
|
|
max-width: 150px;
|
|
max-height: 30px;
|
|
}
|
|
.insert-study-subscribe-button,
|
|
.insert-study-button,
|
|
.insert-study-subscribe-button:hover,
|
|
.insert-study-button:hover,
|
|
.insert-study-subscribe-button:active,
|
|
.insert-study-button:active,
|
|
.insert-study-subscribe-button:visited,
|
|
.insert-study-button:visited {
|
|
display: inline-block;
|
|
padding: 5px 17px;
|
|
margin: 16px 0 6px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
background: #00B2D0;
|
|
border: 1px solid #00A8C4;
|
|
color: White;
|
|
cursor: pointer;
|
|
}
|
|
.insert-study-offer-info-screenshots img {
|
|
width: 184px;
|
|
margin: 8px 16px 8px 0;
|
|
border: 1px solid #DCE1E6;
|
|
}
|
|
.scrollbar .insert-study-offer-info-screenshots img {
|
|
width: 179px;
|
|
}
|
|
.insert-study-offer-info-screenshots a:last-child img {
|
|
margin-right: 0px;
|
|
}
|
|
table.buttonex-popup {
|
|
border-collapse: collapse;
|
|
background: #fff;
|
|
background: rgba(255, 255, 255, 0.9);
|
|
border: 1px solid #6d7685;
|
|
z-index: 5;
|
|
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
|
|
padding: 1px;
|
|
}
|
|
table.buttonex-popup tr.active {
|
|
background: #d1e1f8;
|
|
font-weight: bold;
|
|
}
|
|
table.buttonex-popup td {
|
|
color: #595959;
|
|
font-size: 12px;
|
|
}
|
|
table.buttonex-popup td:last-child {
|
|
padding: 0 25px 0 5px;
|
|
}
|
|
tr.buttonex-popup-hover {
|
|
background-color: #f4f7f9;
|
|
cursor: pointer;
|
|
}
|
|
table.buttonex-popup tr.disabled {
|
|
background: transparent;
|
|
cursor: default;
|
|
}
|
|
table.buttonex-popup tr.disabled td {
|
|
color: #a0a0a0;
|
|
}
|
|
table.buttonex-popup tr.has-submenu td:last-child {
|
|
background: url(../chart-client/css/images/submenu.png) 100% 50% no-repeat;
|
|
}
|
|
table.quote-bar {
|
|
width: 100%;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
tr.quote-bar {
|
|
height: 26px;
|
|
}
|
|
td.quote-bar {
|
|
border: 1px solid #DDDDDD;
|
|
}
|
|
.quote-bar.header {
|
|
background-color: silver;
|
|
font-weight: bold;
|
|
}
|
|
.quote-bar.data-row {
|
|
font-family: verdana;
|
|
font-size: 9pt;
|
|
}
|
|
.quote-bar.data-row.odd {
|
|
background-color: aqua;
|
|
}
|
|
div.background-blur {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
opacity: 0.5;
|
|
background-color: white;
|
|
z-index: 1000;
|
|
display: none;
|
|
}
|
|
div.missed-connection {
|
|
width: 500px;
|
|
height: 300px;
|
|
color: white;
|
|
background-color: red;
|
|
font-size: 36pt;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -250px;
|
|
margin-top: -150px;
|
|
padding-top: 50px;
|
|
display: none;
|
|
}
|
|
div.critical-error {
|
|
width: 500px;
|
|
height: 300px;
|
|
color: white;
|
|
background-color: red;
|
|
font-size: 36pt;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -250px;
|
|
margin-top: -150px;
|
|
padding-top: 50px;
|
|
display: none;
|
|
}
|
|
.loading-indicator {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 150;
|
|
background: #fff;
|
|
}
|
|
.loading-indicator img {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -58px 0 0 -58px;
|
|
}
|
|
.loading-indicator img.small {
|
|
margin: -12px 0 0 -12px;
|
|
}
|
|
.ui-slider-horizontal {
|
|
margin: 7px 0 0;
|
|
background: #f4f7f9 !important;
|
|
background: -moz-linear-gradient(top, #f2f7fa, #f4f7f9) !important;
|
|
background: -webkit-linear-gradient(top, #f2f7fa, #f4f7f9) !important;
|
|
background: -ms-linear-gradient(top, #f2f7fa, #f4f7f9) !important;
|
|
background: -o-linear-gradient(top, #f2f7fa, #f4f7f9) !important;
|
|
background: linear-gradient(top, #f2f7fa, #f4f7f9) !important;
|
|
border: 1px solid #c9cbcd !important;
|
|
height: 5px !important;
|
|
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
}
|
|
.ui-slider-handle {
|
|
width: 15px !important;
|
|
height: 15px !important;
|
|
background: url('../images/icons.png') -20px -80px !important;
|
|
border: none !important;
|
|
top: -5px !important;
|
|
margin-left: -7px !important;
|
|
z-index: 0 !important;
|
|
}
|
|
.ui-slider-horizontal.linewidth-slider {
|
|
width: 101px;
|
|
margin: 7px 10px;
|
|
background: url('../images/dialogs/linewidth-slider.png') 0 0 no-repeat !important;
|
|
height: 12px !important;
|
|
border: none !important;
|
|
box-shadow: none;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.ui-slider-horizontal.linewidth-slider:before,
|
|
.ui-slider-horizontal.linewidth-slider:after {
|
|
content: none;
|
|
}
|
|
.ui-slider-horizontal.transparency-slider {
|
|
/* relative */
|
|
width: 99px;
|
|
height: 8px !important;
|
|
margin: 7px 10px;
|
|
background: url('../images/dialogs/opacity-slider.png') !important;
|
|
}
|
|
.ui-slider-horizontal.transparency-slider .gradient {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: -moz-linear-gradient(left, transparent 0%, #7db9e8 100%);
|
|
/* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, #7db9e8));
|
|
/* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(left, transparent 0%, #7db9e8 100%);
|
|
/* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(left, transparent 0%, #7db9e8 100%);
|
|
/* Opera 11.10+ */
|
|
background: -ms-linear-gradient(left, transparent 0%, #7db9e8 100%);
|
|
/* IE10+ */
|
|
background: linear-gradient(to right, transparent 0%, #7db9e8 100%);
|
|
/* W3C */
|
|
}
|
|
.ui-slider-horizontal.linewidth-slider .ui-slider-handle,
|
|
.ui-slider-horizontal.transparency-slider .ui-slider-handle {
|
|
width: 20px !important;
|
|
height: 20px !important;
|
|
background: url('../images/dialogs/large-slider-handle.png') 0 0 no-repeat !important;
|
|
top: 50% !important;
|
|
margin: -10px 0 0 -10px !important;
|
|
}
|
|
.falling,
|
|
.growing,
|
|
.index-charts-tab .item .symbol-last.growing,
|
|
.index-charts-tab .item .symbol-last.falling,
|
|
.quotes-item .symbol-last.growing,
|
|
.quotes-item .symbol-last.falling,
|
|
.search-results .symbol-last.growing,
|
|
.search-results .symbol-last.falling,
|
|
.viewchart-column-main .symbol-quote .symbol-last.growing,
|
|
.viewchart-column-main .symbol-quote .symbol-last.falling,
|
|
.search-additional-info .symbol-quote .symbol-last.growing,
|
|
.search-additional-info .symbol-quote .symbol-last.falling {
|
|
color: White;
|
|
}
|
|
.growing {
|
|
background: #298755;
|
|
}
|
|
.falling {
|
|
background: #DA563E;
|
|
}
|
|
.font-awesome {
|
|
font-weight: bold;
|
|
font-family: FontAwesome;
|
|
}
|
|
@media (orientation: landscape) {
|
|
html.ipad.ios7,
|
|
html.ipad.ios7 body {
|
|
position: fixed;
|
|
bottom: 0px;
|
|
width: 100%;
|
|
height: 672px !important;
|
|
}
|
|
}
|
|
/**
|
|
* header.css
|
|
*
|
|
* Site main header style.
|
|
**/
|
|
.header-menu-wrap {
|
|
height: 40px;
|
|
}
|
|
/*
|
|
.header-menu-wrap.viewchart-header {
|
|
width: auto;
|
|
}
|
|
*/
|
|
.header-logo,
|
|
.header-item-ideas,
|
|
.header-item-chart,
|
|
.header-search,
|
|
.header-menu-group a {
|
|
float: left;
|
|
}
|
|
.header-item-profile,
|
|
.header-item-gopro,
|
|
.header-item-signin,
|
|
.header-item-signup,
|
|
.header-item-earlyaccess {
|
|
float: right;
|
|
}
|
|
.is-not-authenticated .header-menu.header-item-profile,
|
|
.is-authenticated .header-button.header-item-signin,
|
|
.is-authenticated .header-button.header-item-signup,
|
|
.is-pro .header-button.header-item-gopro,
|
|
.is-not-pro .header-item-profile strong.badge {
|
|
display: none;
|
|
}
|
|
.is-trial .header-button.header-item-gopro {
|
|
display: block;
|
|
}
|
|
.header-logo {
|
|
width: 151px;
|
|
margin-right: 10px;
|
|
}
|
|
.header-menu.header-logo ul {
|
|
width: 192px;
|
|
}
|
|
.header-menu.header-logo li a {
|
|
padding-left: 10px;
|
|
position: relative;
|
|
}
|
|
.header-menu.header-logo li a[target='_blank']:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 11px;
|
|
right: 6px;
|
|
width: 10px;
|
|
height: 10px;
|
|
background: url('../images/external-link/ext-ondark.png') no-repeat;
|
|
}
|
|
.header-menu.header-logo li a:hover[target='_blank']:after {
|
|
background-position: 0 -10px;
|
|
}
|
|
.header-menu.header-logo > a {
|
|
display: block;
|
|
height: 40px;
|
|
background: url('../images/logo.png') no-repeat;
|
|
background-position: 7px 8px;
|
|
padding-left: 46px !important;
|
|
}
|
|
.header-menu.header-logo:hover > a {
|
|
color: #58c3e5;
|
|
}
|
|
.header-menu a {
|
|
color: #dbdfeb;
|
|
/* font-weight: bold;*/
|
|
}
|
|
/* Header button */
|
|
.header-button,
|
|
.header-button:link,
|
|
.header-button:visited,
|
|
.header-menu > a,
|
|
.header-menu > a:link,
|
|
.header-menu > a:visited {
|
|
display: block;
|
|
height: 16px;
|
|
padding: 12px 11px;
|
|
color: #dbdfeb;
|
|
font-size: 14px;
|
|
/* font-weight: bold;*/
|
|
text-decoration: none;
|
|
}
|
|
.header-button.with-icon:before {
|
|
content: " ";
|
|
position: relative;
|
|
top: -2px;
|
|
margin-right: 10px;
|
|
}
|
|
.header-button.with-icon.how-it-works:before {
|
|
height: 16px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -768px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-button.with-icon.features:before {
|
|
height: 16px;
|
|
width: 17px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1167px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-button.with-icon.chart:before {
|
|
height: 15px;
|
|
width: 21px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -925px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-button.with-icon.tradingview-for-the-web:before {
|
|
height: 17px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -848px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
top: -2px;
|
|
left: 1px;
|
|
}
|
|
.header-button.with-icon.active.how-it-works:before {
|
|
height: 16px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -716px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-button.with-icon.active.features:before {
|
|
height: 16px;
|
|
width: 17px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1115px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-button.with-icon.active.chart:before {
|
|
height: 15px;
|
|
width: 21px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -875px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-button.with-icon.active.tradingview-for-the-web:before {
|
|
height: 17px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -794px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-button.with-icon:hover {
|
|
color: #58c3e5;
|
|
}
|
|
.header-button.with-icon:hover.how-it-works:before {
|
|
height: 16px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -742px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-button.with-icon:hover.features:before {
|
|
height: 16px;
|
|
width: 17px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1141px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-button.with-icon:hover.chart:before {
|
|
height: 15px;
|
|
width: 21px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -900px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-button.with-icon:hover.tradingview-for-the-web:before {
|
|
height: 17px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -821px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-button:link.header-item-signin {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
.header-menu > a,
|
|
.header-menu > a:link,
|
|
.header-menu > a:visited {
|
|
padding: 12px 25px 12px 14px;
|
|
}
|
|
.header-button:hover,
|
|
.header-menu:hover,
|
|
.header-menu.open {
|
|
background-color: #1b1d22;
|
|
}
|
|
.header-button.active,
|
|
.header-menu.active > a,
|
|
.ideas-header .header-item-ideas > a,
|
|
.profile-header .header-item-profile > a {
|
|
background: #43444A;
|
|
color: #FFF;
|
|
/*font-weight: bold;*/
|
|
}
|
|
/* Header menu */
|
|
.header-menu {
|
|
height: 40px;
|
|
position: relative;
|
|
-ms-touch-action: none;
|
|
}
|
|
.header-menu.with-sub > a:after {
|
|
content: '';
|
|
background: url("../images/icons.png") -80px -40px;
|
|
display: block;
|
|
width: 10px;
|
|
height: 6px;
|
|
position: absolute;
|
|
right: 11px;
|
|
top: 18px;
|
|
}
|
|
.header-item-ideas,
|
|
.header-item-chart > a {
|
|
padding-left: 35px !important;
|
|
padding-right: 18px !important;
|
|
position: relative;
|
|
}
|
|
.header-item-ideas.with-sub,
|
|
.header-item-chart.with-sub > a {
|
|
padding-right: 27px !important;
|
|
}
|
|
.header-item-ideas:hover,
|
|
.header-item-chart:hover > a {
|
|
color: #58c3e5;
|
|
}
|
|
.header-item-ideas:before {
|
|
content: " ";
|
|
height: 19px;
|
|
width: 17px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1356px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
left: 10px;
|
|
top: 9px;
|
|
}
|
|
.header-item-ideas:hover:before {
|
|
content: " ";
|
|
height: 19px;
|
|
width: 17px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1385px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
.header-item-chart > a:before {
|
|
content: " ";
|
|
height: 15px;
|
|
width: 21px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1306px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
left: 8px;
|
|
top: 11px;
|
|
}
|
|
.header-item-chart:hover > a:before {
|
|
content: " ";
|
|
height: 15px;
|
|
width: 21px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1331px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
.header-menu ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.header-menu ul,
|
|
.header-menu .popup-subblock {
|
|
display: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 40px;
|
|
width: 165px;
|
|
z-index: 70;
|
|
background: #1b1d22;
|
|
}
|
|
.header-menu.open ul,
|
|
.header-menu.open .popup-subblock {
|
|
display: block;
|
|
}
|
|
.header-menu .popup-subblock ul {
|
|
display: block;
|
|
width: auto;
|
|
position: relative;
|
|
left: 0;
|
|
top: 0;
|
|
box-shadow: none;
|
|
border: none;
|
|
border-radius: 0 0 4px 4px;
|
|
}
|
|
.header-menu.to-left ul {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
/* might need popup subblock in future */
|
|
.header-menu li a {
|
|
display: block;
|
|
padding: 8px 10px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.header-menu li a:hover {
|
|
background: #1fb2cc;
|
|
color: #fff;
|
|
}
|
|
.header-menu .separator {
|
|
background: #3a404c;
|
|
height: 1px;
|
|
}
|
|
.header-menu .counter-blue {
|
|
position: absolute;
|
|
color: #FFF;
|
|
right: 8px;
|
|
background: #286ED1;
|
|
font-weight: bold;
|
|
padding: 0px 4px;
|
|
border-radius: 2px;
|
|
}
|
|
.header-menu .counter {
|
|
position: absolute;
|
|
color: #dbdfeb;
|
|
right: 12px;
|
|
font-weight: bold;
|
|
}
|
|
.header-menu a:hover .counter {
|
|
color: #FFF;
|
|
}
|
|
/* Chart list */
|
|
.header-item-chart .popup-subblock {
|
|
width: 225px;
|
|
max-height: 415px;
|
|
}
|
|
.header-item-chart .popup-subblock .sb-scrollbar {
|
|
z-index: 71;
|
|
}
|
|
.header-item-chart li a {
|
|
padding-right: 30px;
|
|
}
|
|
.header-item-chart li a.new-chart {
|
|
padding: 15px 30px 15px 25px;
|
|
background-image: url('../images/new-chart-icon.png');
|
|
background-repeat: no-repeat;
|
|
background-position: 6px 20px;
|
|
}
|
|
.header-item-chart .name,
|
|
.header-item-chart .subscript {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.header-item-chart .name {
|
|
display: block;
|
|
font-weight: bold;
|
|
}
|
|
.header-item-chart .subscript {
|
|
display: block;
|
|
font-size: 10px;
|
|
color: #9E9E9E;
|
|
height: 14px;
|
|
}
|
|
.header-item-chart span.icon-carousel-item-delete-dark {
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 10px;
|
|
}
|
|
.header-item-chart span.icon-carousel-item-delete-dark {
|
|
visibility: hidden;
|
|
}
|
|
.header-item-chart li:hover span.icon {
|
|
visibility: visible;
|
|
}
|
|
.header-item-chart li:hover span {
|
|
color: White;
|
|
}
|
|
.is-not-authenticated .index-page .header-search {
|
|
display: none;
|
|
}
|
|
.header-search {
|
|
position: relative;
|
|
}
|
|
.header-search > div {
|
|
height: 28px;
|
|
padding: 6px 0;
|
|
margin: 0 8px 0 12px;
|
|
}
|
|
.header-search input {
|
|
height: 28px;
|
|
width: 120px;
|
|
margin: 0;
|
|
padding: 0 32px 0 8px;
|
|
font-size: 11px;
|
|
background: #444b59;
|
|
border: none;
|
|
color: #9096a7;
|
|
box-shadow: none;
|
|
}
|
|
.header-search.not-empty input {
|
|
text-transform: uppercase;
|
|
}
|
|
.header-search input:focus {
|
|
color: #fff;
|
|
}
|
|
.header-search span {
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 8px;
|
|
height: 27px;
|
|
width: 20px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1955px;
|
|
width: 26px;
|
|
cursor: pointer;
|
|
}
|
|
.header-search span.placeholder {
|
|
color: #929292;
|
|
line-height: 24px;
|
|
}
|
|
.header-menu.header-item-profile > a,
|
|
.header-menu.header-item-profile > a:link,
|
|
.header-menu.header-item-profile > a:visited {
|
|
padding: 4px 35px 6px 6px;
|
|
height: 32px;
|
|
}
|
|
.header-menu.header-item-profile > a:after {
|
|
right: 20px;
|
|
}
|
|
.header-item-profile .user-info-username {
|
|
display: inline-block;
|
|
margin: 7px 0 0 7px;
|
|
max-width: 132px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.header-menu.header-item-profile .icon-profilemenu-settings {
|
|
height: 15px;
|
|
width: 15px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1588px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-menu.header-item-profile li:hover .icon-profilemenu-settings {
|
|
height: 15px;
|
|
width: 15px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1613px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-menu.header-item-profile .icon-profilemenu-profile {
|
|
height: 14px;
|
|
width: 14px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1711px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-menu.header-item-profile li:hover .icon-profilemenu-profile {
|
|
height: 14px;
|
|
width: 14px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1735px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-menu.header-item-profile .icon-profilemenu-signout {
|
|
height: 13px;
|
|
width: 16px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2023px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-menu.header-item-profile li:hover .icon-profilemenu-signout {
|
|
height: 13px;
|
|
width: 16px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2046px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-menu.header-item-profile .icon-profilemenu-status {
|
|
height: 15px;
|
|
width: 15px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1661px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-menu.header-item-profile li:hover .icon-profilemenu-status {
|
|
height: 15px;
|
|
width: 15px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1686px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.header-menu.header-item-profile .icon-profilemenu-settings {
|
|
top: -1px;
|
|
left: -1px;
|
|
}
|
|
.header-menu.header-item-profile .icon-profilemenu-profile {
|
|
top: -2px;
|
|
left: -1px;
|
|
}
|
|
.header-menu.header-item-profile .icon-profilemenu-status {
|
|
top: -1px;
|
|
left: -1px;
|
|
}
|
|
.header-menu.header-item-profile ul {
|
|
width: 209px;
|
|
}
|
|
.user-picture,
|
|
.user-picture img {
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
.user-picture {
|
|
text-align: center;
|
|
float: left;
|
|
}
|
|
.gopro-page .header-button.header-item-gopro {
|
|
display: none;
|
|
/* Do not show on /gopro/ */
|
|
}
|
|
.header-item-gopro,
|
|
.header-item-gopro:link,
|
|
.header-item-gopro:hover {
|
|
height: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
background: none;
|
|
}
|
|
.header-item-gopro-signup,
|
|
.header-item-gopro-btn {
|
|
float: left;
|
|
height: 16px;
|
|
padding: 12px 11px;
|
|
background: #e0735e;
|
|
color: white;
|
|
}
|
|
.header-item-gopro-signup:hover,
|
|
.header-item-gopro-btn:hover {
|
|
background: #e3816e;
|
|
}
|
|
.header-item-gopro:hover {
|
|
border-color: #e3816e;
|
|
}
|
|
.header-item-gopro:hover .header-item-gopro-signup {
|
|
background: #e3816e;
|
|
}
|
|
.header-item-gopro-btn.header-item-gopro-earlyaccess {
|
|
padding: 7px 11px;
|
|
height: 40px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.header-item-gopro-btn.header-item-gopro-earlyaccess .earlyaccess-small {
|
|
font-size: 9px;
|
|
letter-spacing: 0.3px;
|
|
text-align: right;
|
|
text-transform: uppercase;
|
|
color: #E9DADA;
|
|
}
|
|
.is-authenticated .header-item-gopro-signup {
|
|
display: none;
|
|
}
|
|
.is-not-authenticated .header-item-gopro-main,
|
|
.is-trial .header-item-gopro-main,
|
|
.is-trial-available .header-item-gopro-main,
|
|
.is-authenticated.is-not-trial.is-pro .header-item-gopro-main {
|
|
display: none;
|
|
}
|
|
.header-item-gopro-earlyaccess {
|
|
display: none;
|
|
}
|
|
.is-trial .header-item-gopro-earlyaccess {
|
|
display: block;
|
|
}
|
|
.header-item-gopro-trial {
|
|
display: none;
|
|
}
|
|
.is-trial-available .header-item-gopro-trial {
|
|
display: block;
|
|
}
|
|
.is-trial .header-item-gopro-trial {
|
|
display: none;
|
|
}
|
|
.tv-index-header-bg {
|
|
background: #ebeff2;
|
|
padding: 0 0 10px;
|
|
}
|
|
.tv-index-header-login {
|
|
font: 12px Arial, sans-serif;
|
|
display: none;
|
|
color: #5a5a5a;
|
|
}
|
|
.tv-index-header-login-wrap {
|
|
padding: 10px 7px 0;
|
|
position: relative;
|
|
}
|
|
.tv-index-header-login .user-avatar {
|
|
float: left;
|
|
height: 30px;
|
|
}
|
|
.tv-index-header-login .user-avatar a {
|
|
display: inline-block;
|
|
height: 30px;
|
|
}
|
|
.tv-index-header-login .user-bar {
|
|
background: #EAF3FB;
|
|
border-radius: 2px;
|
|
padding: 5px 7px;
|
|
height: 30px;
|
|
border: 1px solid #D1DEE9;
|
|
}
|
|
.tv-index-header-login .user-bar a {
|
|
text-decoration: underline;
|
|
}
|
|
.dashed-link {
|
|
border-bottom: 1px dashed #256dd0;
|
|
color: #256dd0;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
margin: 5px 15px 0 0;
|
|
text-decoration: none !important;
|
|
}
|
|
.users-table-header .dashed-link {
|
|
margin: 0 15px 0 0;
|
|
}
|
|
.dashed-link.active {
|
|
border-bottom: none;
|
|
color: #666;
|
|
}
|
|
.tv-index-header-login .user-username {
|
|
float: left;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
text-decoration: underline;
|
|
margin: 6px 0 0 10px;
|
|
}
|
|
.tv-index-header-login .user-username a {
|
|
text-decoration: underline;
|
|
}
|
|
.tv-index-header-login .user-rating {
|
|
float: left;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
margin: 5px 0 0 12px;
|
|
}
|
|
.tv-index-header-login .user-rating a {
|
|
font-size: 13px;
|
|
text-decoration: underline;
|
|
}
|
|
.tv-index-header-login .user-rating-position {
|
|
float: left;
|
|
margin: 7px 0 0 7px;
|
|
}
|
|
.tv-index-header-login .index-user-carousel-nav {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
.tv-index-header-login .nav-button {
|
|
z-index: 2;
|
|
position: absolute;
|
|
background: #edf0f2;
|
|
width: 27px;
|
|
height: 137px;
|
|
top: 0px;
|
|
opacity: 0.5;
|
|
-moz-transition: opacity 0.5s;
|
|
-webkit-transition: opacity 0.5s;
|
|
transition: opacity 0.5s;
|
|
}
|
|
.tv-index-header-login .nav-button:hover {
|
|
opacity: 0.8;
|
|
-moz-transition: opacity 0.5s;
|
|
-webkit-transition: opacity 0.5s;
|
|
transition: opacity 0.5s;
|
|
}
|
|
.tv-index-header-login .nav-button-left {
|
|
left: 0px;
|
|
border-right: 1px solid #dadcde;
|
|
}
|
|
.tv-index-header-login .nav-button-right {
|
|
right: 0px;
|
|
border-left: 1px solid #dadcde;
|
|
}
|
|
.tv-index-header-login .icon-nav-left-disabled {
|
|
display: none;
|
|
}
|
|
.tv-index-header-login .icon-nav-right-disabled {
|
|
display: none;
|
|
}
|
|
.tv-index-header-login .user-profile-follow-links {
|
|
float: left;
|
|
margin: 3px 0 0 8px;
|
|
}
|
|
.tv-index-header-login .show-more-link {
|
|
background: #FFF;
|
|
border: 1px solid #bfbfbf;
|
|
margin: 0 auto;
|
|
display: block;
|
|
text-align: center;
|
|
color: #646464;
|
|
position: relative;
|
|
top: -1px;
|
|
width: 173px;
|
|
padding: 6px 0 0;
|
|
border-radius: 0 0 3px 3px;
|
|
border-top: 1px dashed #bfbfbf;
|
|
height: 21px;
|
|
cursor: pointer;
|
|
font: bold 12px Calibri, Arial;
|
|
}
|
|
.is-not-authenticated .logged-user-menu {
|
|
display: none;
|
|
}
|
|
.is-authenticated .guest-menu {
|
|
display: none;
|
|
}
|
|
/* Dialogs */
|
|
.tv-dialog-shadowbox {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
z-index: 120;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
/* fix webkit issue. Chromium issue #139613 */
|
|
}
|
|
.tv-dialog-shadowbox.transparent {
|
|
background: none;
|
|
}
|
|
/*.tv-dialog-shadowbox.dark {background: rgba(0,0,0,0.5);}*/
|
|
.tv-dialog {
|
|
position: absolute;
|
|
min-width: 400px;
|
|
min-height: 18px;
|
|
left: 50%;
|
|
top: 50%;
|
|
background: #fff;
|
|
border: 1px solid #c9cbcd;
|
|
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
|
|
}
|
|
.tv-dialog.ui-resizable {
|
|
position: absolute;
|
|
/**
|
|
- Describe what dialog looks like!
|
|
- What?
|
|
- Say 'what' again. Say 'what' again, I dare you, I double dare you motherfucker, say what one more Goddamn time!
|
|
- It... It's white
|
|
- Go on!
|
|
- It's box
|
|
- Does it look like a menu?
|
|
- What?
|
|
- Does it look. Like a menu?
|
|
- No!
|
|
- Then why you try position it relative like a menu?
|
|
- I didn't...
|
|
- Yes you did. Yes you did! And dialog don't like to be positioned by enybody except dialogs.less
|
|
*/
|
|
}
|
|
.tv-dialog-title {
|
|
color: #4c4848;
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
padding: 17px 20px;
|
|
cursor: default;
|
|
}
|
|
.tv-dialog-title.tv-dialog-title-hidden {
|
|
padding: 0;
|
|
}
|
|
.tv-dialog-title .tv-dialog-title-minimize,
|
|
.tv-dialog-title .tv-dialog-title-close {
|
|
width: 21px;
|
|
height: 21px;
|
|
display: block;
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 13px;
|
|
cursor: pointer;
|
|
}
|
|
.tv-dialog-title .tv-dialog-title-minimize:after,
|
|
.tv-dialog-title .tv-dialog-title-close:after {
|
|
width: 9px;
|
|
height: 9px;
|
|
content: " ";
|
|
position: absolute;
|
|
top: 6px;
|
|
left: 6px;
|
|
background: url('../images/dialogs/close-flat.png');
|
|
display: block;
|
|
}
|
|
.tv-dialog-title .tv-dialog-title-minimize:hover:after,
|
|
.tv-dialog-title .tv-dialog-title-close:hover:after {
|
|
background-position: center bottom;
|
|
}
|
|
.tv-dialog-title .tv-dialog-title-minimize:after {
|
|
background: url('../images/dialogs/minimize-flat.gif');
|
|
}
|
|
.tv-dialog-content {
|
|
color: #595959;
|
|
min-width: 400px;
|
|
}
|
|
.tv-dialog-content .main {
|
|
padding: 0 20px 20px 20px;
|
|
}
|
|
.tv-dialog-content .main p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.tv-dialog-content .main p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.tv-dialog-content .main-signup {
|
|
padding: 20px 15px 15px;
|
|
}
|
|
.tv-dialog-content .main-properties {
|
|
padding: 25px;
|
|
}
|
|
.tv-dialog-content .main-properties.main-properties-aftertabs {
|
|
padding-top: 5px;
|
|
}
|
|
.tv-dialog-content .main-properties.main-properties-tabless {
|
|
padding-top: 40px;
|
|
}
|
|
.tv-dialog-content .properties-separator {
|
|
border-bottom: 1px solid #c9cbcd;
|
|
}
|
|
.tv-dialog-content table.tv-dialog-form {
|
|
width: 100%;
|
|
}
|
|
.tv-dialog-content .tv-dialog-form td {
|
|
vertical-align: middle;
|
|
padding: 3px 5px;
|
|
color: #595959;
|
|
}
|
|
.tv-dialog-content .tv-dialog-form td img {
|
|
vertical-align: middle;
|
|
}
|
|
.tv-dialog-content .tv-dialog-chart-container {
|
|
height: 220px;
|
|
border: 1px solid #828282;
|
|
}
|
|
.tv-dialog-content .tv-dialog-termsofservice {
|
|
width: 390px;
|
|
height: 80px;
|
|
border: 1px solid #999;
|
|
padding: 5px;
|
|
margin: 0 0 10px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-termsofservice .content {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: auto;
|
|
}
|
|
.tv-dialog-content .tv-dialog-checkbox-mask {
|
|
width: 18px;
|
|
height: 16px;
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 2px;
|
|
background: url('../images/dialogs/checkbox.png') 0 0;
|
|
}
|
|
.tv-dialog-content .tv-dialog-checkbox-mask.radio {
|
|
background: #ffffff url('../images/icons.png');
|
|
background-position: -100px -140px;
|
|
width: 16px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-checkbox-mask.disabled {
|
|
background-position: 0 -32px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-checkbox-mask-active {
|
|
background: url('../images/dialogs/checkbox.png') 0 -16px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-checkbox-mask-active.radio {
|
|
background-position: -120px -140px;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-label-hint {
|
|
width: 14px;
|
|
height: 14px;
|
|
padding: 0px;
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 1px;
|
|
margin: -1px 5px 0;
|
|
border-radius: 14px;
|
|
background: url('../images/help/help-icon.png') no-repeat center center #f0f2f5;
|
|
}
|
|
.tv-dialog-content form input[type="text"],
|
|
.tv-dialog-content form input[type="password"],
|
|
.tv-dialog-text-input {
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 33px;
|
|
border: 1px solid #c9cbcd;
|
|
margin: 1px;
|
|
padding: 0 5px;
|
|
background: #ffffff;
|
|
color: #65676a;
|
|
}
|
|
.tv-dialog-text-input.disabled {
|
|
color: #909292 !important;
|
|
}
|
|
.tv-dialog-content form input[type="text"].error,
|
|
.tv-dialog-content form input[type="password"].error {
|
|
margin: 0;
|
|
border: 2px solid #de5764;
|
|
background: #f7e4e6;
|
|
color: #e06571;
|
|
}
|
|
.tv-dialog-content textarea {
|
|
color: #5a5a5a;
|
|
font: 12px/18px Arial, sans;
|
|
border: 1px solid #c9cbcd;
|
|
padding: 8px 5px;
|
|
background: #ffffff;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.tv-dialog-content form input.prompt-value {
|
|
margin-top: 15px;
|
|
}
|
|
.tv-dialog-content form input.tv-dialog-content-textactive,
|
|
.tv-dialog-text-input:focus {
|
|
background: white;
|
|
border-color: #4c82ce;
|
|
color: #595959;
|
|
}
|
|
.tv-dialog-content textarea {
|
|
border: 1px solid #c9cbcd;
|
|
background: white;
|
|
}
|
|
.tv-dialog-content textarea.tv-dialog-content-textareaactive {
|
|
color: #595959;
|
|
border-color: #4c82ce;
|
|
}
|
|
.tv-dialog-content .tv-dialog-button-big {
|
|
color: #576069;
|
|
padding: 10px 16px;
|
|
border-radius: 4px;
|
|
font-weight: bold;
|
|
border: 2px solid #a4a4a4;
|
|
background: url('../images/dialogs/big-button-bg.png');
|
|
}
|
|
.tv-dialog-content .tv-dialog-button-big:hover {
|
|
background-position: 0 -38px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-button-big:active {
|
|
background-position: 0 -76px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-button {
|
|
color: #576069;
|
|
padding: 2px 12px;
|
|
border-radius: 4px;
|
|
font-weight: bold;
|
|
border: 1px solid #a4a4a4;
|
|
background: url('../images/dialogs/button-bg.png');
|
|
}
|
|
.tv-dialog-content .tv-dialog-button:hover {
|
|
background: url('../images/dialogs/big-button-bg.png');
|
|
background-position: 0 -48px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-button:active {
|
|
background: url('../images/dialogs/big-button-bg.png');
|
|
background-position: 0 -76px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-button-blue {
|
|
cursor: default;
|
|
background: #00B8D6;
|
|
color: #fff;
|
|
padding: 5px 15px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
height: 15px;
|
|
display: block;
|
|
}
|
|
.tv-dialog-content .tv-dialog-button-blue:hover {
|
|
background: #00C6E7;
|
|
}
|
|
.tv-dialog-content .tv-dialog-button-blue:active {
|
|
background: #00C6E7;
|
|
}
|
|
.tv-dialog-content .caption {
|
|
font-size: 11px;
|
|
color: #576069;
|
|
margin-bottom: 3px;
|
|
margin-top: 7px;
|
|
font-weight: bold;
|
|
}
|
|
.tv-dialog-content .caption.half {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
.tv-dialog-content .caption-text {
|
|
font-size: 12px;
|
|
color: #576069;
|
|
margin: 5px 0 0;
|
|
position: relative;
|
|
}
|
|
.tv-dialog-content .caption-big {
|
|
font-size: 12px;
|
|
color: #576069;
|
|
margin: 15px 0;
|
|
}
|
|
.tv-dialog-content .caption-big-center {
|
|
font-size: 12px;
|
|
color: #576069;
|
|
margin: 15px 0;
|
|
text-align: center;
|
|
}
|
|
.tv-dialog-content .caption-big-center.slim {
|
|
margin: 0;
|
|
text-align: left;
|
|
}
|
|
.tv-dialog-content .caption.first {
|
|
margin-top: 0;
|
|
}
|
|
.publish-dialog .tv-dialog-content .publish-text.autowidth {
|
|
margin: 0 12px 0 0;
|
|
}
|
|
.publish-dialog .tv-dialog-content .publish-text.autowidth input {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
.publish-dialog .tv-dialog-content .publish-text.autowidth textarea {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
.publish-dialog .tv-dialog-content .publish-text textarea {
|
|
width: 658px;
|
|
height: 175px;
|
|
}
|
|
.publish-dialog .tv-dialog-content .published-text textarea {
|
|
width: 360px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-captcha-row input {
|
|
float: left;
|
|
}
|
|
.tv-dialog-content .tv-dialog-captcha {
|
|
height: 31px;
|
|
float: left;
|
|
margin: 0 0 0 5px;
|
|
}
|
|
.tv-dialog-content .instruct {
|
|
background: #EAF3FB;
|
|
border: 1px solid #D1DEE9;
|
|
padding: 10px;
|
|
margin: 0 0 10px 0;
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
border-radius: 2px;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom {
|
|
padding: 12px 10px;
|
|
color: #bdbdbd;
|
|
font-size: 12px;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom .text-top {
|
|
margin: 0 0 5px;
|
|
color: #595959;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom .text {
|
|
margin: 8px 0 0;
|
|
color: #9a9a9a;
|
|
font-style: italic;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom a {
|
|
text-decoration: underline;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-signup {
|
|
padding: 20px 40px 20px 150px;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button {
|
|
margin: 24px 0 0;
|
|
height: 31px;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button div.tv-left {
|
|
margin: 4px 0 0 4px;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button .repost-to {
|
|
color: #858181;
|
|
font-size: 10px;
|
|
height: 31px;
|
|
padding: 0 1px 0 0;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button .repost-to input {
|
|
display: none;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button .repost-to .repost-to-label {
|
|
float: left;
|
|
padding: 8px 10px 0 10px;
|
|
height: 21px;
|
|
white-space: nowrap;
|
|
border: solid #c9c9c9;
|
|
border-width: 1px 0 1px 1px;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button .repost-to label {
|
|
float: left;
|
|
width: 35px;
|
|
height: 29px;
|
|
background: #f1f1f1;
|
|
border: solid #c9c9c9 1px;
|
|
margin: 0 -1px 0 0;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button .repost-to label:hover {
|
|
background: white;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button .repost-to label .icon {
|
|
display: block;
|
|
background: url('../images/icons.png') 100px 100px no-repeat;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button .repost-to label.repost-to-twitter .icon {
|
|
width: 22px;
|
|
height: 18px;
|
|
background-position: -50px -320px;
|
|
margin: 6px auto 0 auto;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button .repost-to input:checked + label.repost-to-twitter {
|
|
background: #9adff6;
|
|
border-color: #72c3de;
|
|
position: relative;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button .repost-to input:checked + label.repost-to-twitter .icon {
|
|
background-position: -75px -320px;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button .repost-to label.repost-to-stocktwits .icon {
|
|
width: 22px;
|
|
height: 14px;
|
|
background-position: 0px -320px;
|
|
margin: 8px auto 0 auto;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button .repost-to input:checked + label.repost-to-stocktwits {
|
|
background: #f6b09a;
|
|
border-color: #de8672;
|
|
position: relative;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button .repost-to input:checked + label.repost-to-stocktwits .icon {
|
|
background-position: -25px -320px;
|
|
}
|
|
.tv-dialog-readbefore {
|
|
border-bottom: dashed #858181 1px;
|
|
cursor: pointer;
|
|
margin: 0 0 0 10px;
|
|
}
|
|
.tv-dialog-readbefore a {
|
|
font-weight: normal;
|
|
font-size: 10px;
|
|
color: #858181;
|
|
}
|
|
.tv-dialog-title .tv-dialog-readbefore {
|
|
position: relative;
|
|
top: -3px;
|
|
}
|
|
.tv-dialog-title .tv-dialog-readbefore a {
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
.tv-dialog-content .tv-dialogs-bottom-button #publish-dialog-do-publish {
|
|
height: 16px;
|
|
padding-top: 7px;
|
|
padding-bottom: 6px;
|
|
}
|
|
.tv-dialog-content .caption-text input[type=checkbox] {
|
|
visibility: hidden;
|
|
}
|
|
.tv-dialogs-name {
|
|
margin-top: 13px;
|
|
margin-bottom: 4px;
|
|
vertical-align: middle;
|
|
}
|
|
.auth-dialog .main {
|
|
padding: 0 28px;
|
|
width: 402px;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials {
|
|
margin: 19px 0;
|
|
width: 402px;
|
|
overflow: hidden;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a {
|
|
cursor: pointer;
|
|
float: left;
|
|
margin: 5px;
|
|
width: 124px;
|
|
height: 17px;
|
|
padding: 11px 0;
|
|
background: #999999;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a.auth-dialog-social-facebook {
|
|
background: #38569a;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a.auth-dialog-social-facebook:hover {
|
|
background: #4c67a4;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a.auth-dialog-social-twitter {
|
|
background: #06b1cd;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a.auth-dialog-social-twitter:hover {
|
|
background: #1fbad3;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a.auth-dialog-social-google {
|
|
background: #4587f7;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a.auth-dialog-social-google:hover {
|
|
background: #5893f7;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a.auth-dialog-social-stocktwits {
|
|
background: #8a1100;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a.auth-dialog-social-stocktwits:hover {
|
|
background: #97291a;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a.auth-dialog-social-linkedin {
|
|
background: #327eae;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a.auth-dialog-social-linkedin:hover {
|
|
background: #488bb6;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a.auth-dialog-social-yahoo {
|
|
background: #851e8d;
|
|
}
|
|
.auth-dialog .main .auth-dialog-socials a.auth-dialog-social-yahoo:hover {
|
|
background: #913599;
|
|
}
|
|
.auth-dialog .main .auth-dialog-separator {
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 15px;
|
|
text-align: center;
|
|
margin: 39px 0 34px 0;
|
|
}
|
|
.auth-dialog .main .auth-dialog-separator-copy {
|
|
display: inline-block;
|
|
position: relative;
|
|
height: 15px;
|
|
padding: 0 17px;
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
color: #a4a7ab;
|
|
vertical-align: top;
|
|
text-transform: uppercase;
|
|
}
|
|
.auth-dialog .main .auth-dialog-separator-copy::before,
|
|
.auth-dialog .main .auth-dialog-separator-copy::after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 7px;
|
|
height: 0;
|
|
border-top: solid 1px #dbdfe4;
|
|
width: 200px;
|
|
}
|
|
.auth-dialog .main .auth-dialog-separator-copy::before {
|
|
margin: 0 100% 0 0;
|
|
right: 0;
|
|
}
|
|
.auth-dialog .main .auth-dialog-separator-copy::after {
|
|
margin: 0 0 0 100%;
|
|
left: 0;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-field {
|
|
display: block;
|
|
position: relative;
|
|
margin: 17px 0;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-field .auth-dialog-field .auth-dialog-field-placeholder,
|
|
.auth-dialog .main form .auth-dialog-field .auth-dialog-field input {
|
|
cursor: text;
|
|
font-size: 14px;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-field input {
|
|
vertical-align: top;
|
|
width: 100%;
|
|
border: solid 1px #e1e7ef;
|
|
background: #e1e7ef;
|
|
line-height: 17px;
|
|
padding: 0 9px;
|
|
height: 41px;
|
|
color: #26282f;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-field input:hover {
|
|
background: #e4e9f1;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-field input:focus,
|
|
.auth-dialog .main form .auth-dialog-field input.tv-dialog-content-textactive {
|
|
background: #f4f7fa;
|
|
border-color: #e1e7ef;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-field input.error {
|
|
border-color: #b92f2f;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-field .auth-dialog-field-placeholder {
|
|
pointer-events: none;
|
|
position: absolute;
|
|
left: 11px;
|
|
top: 13px;
|
|
color: #8891a3;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-field .auth-dialog-field-placeholder.disabled {
|
|
display: none;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-field input:focus + .auth-dialog-field-placeholder {
|
|
display: none;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-field input.empty:focus + .auth-dialog-field-placeholder {
|
|
display: block;
|
|
color: #a8b1c3;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-group {
|
|
overflow: hidden;
|
|
margin: 21px 0;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-group .auth-dialog-remember {
|
|
cursor: pointer;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-group .auth-dialog-remember .auth-dialog-remember-pseudo {
|
|
position: relative;
|
|
display: inline-block;
|
|
height: 16px;
|
|
width: 16px;
|
|
vertical-align: top;
|
|
overflow: hidden;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-group .auth-dialog-remember .auth-dialog-remember-pseudo input {
|
|
position: absolute;
|
|
visibility: hidden;
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-group .auth-dialog-remember .auth-dialog-remember-pseudo input:checked + .auth-dialog-remember-view {
|
|
background-position: 0 -16px;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-group .auth-dialog-remember .auth-dialog-remember-view {
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url('data:image/gif;base64,R0lGODlhEAAgAPABAF24iP///yH5BAUAAAEALAAAAAAQACAAAAI9hI+pq+EPHYo0zAovlmc/vYGYWJGUGaFZ51nMC8fyrH6sV3OGrfUJDwDudEHi0HVsEIVFZDN0gx6ltKqhAAA7') 0 0 no-repeat;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-group .auth-dialog-remember .auth-dialog-remember-text {
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
vertical-align: top;
|
|
color: #8891a3;
|
|
margin: 0 0 0 6px;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-group .auth-dialog-recover {
|
|
cursor: pointer;
|
|
float: right;
|
|
color: #0080b7;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
vertical-align: top;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-submit {
|
|
margin: 34px 0 29px 0;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-submit button {
|
|
cursor: pointer;
|
|
display: block;
|
|
margin: 0 0 0 auto;
|
|
border: 0;
|
|
padding: 0;
|
|
height: 47px;
|
|
width: 162px;
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
background-color: #1fb2cc;
|
|
color: white;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-submit button::-moz-focus-inner {
|
|
/* Mozilla is teh best browsar! Uze Mozilla, n00b! */
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-submit button:hover {
|
|
background: #1eb9d2;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-submit button.process {
|
|
background-image: url(../images/button-base-process.gif);
|
|
}
|
|
.auth-dialog .main form .auth-dialog-notice {
|
|
color: #8891a3;
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
margin: -3px 3px -6px 3px;
|
|
}
|
|
.auth-dialog .main form .auth-dialog-notice p {
|
|
margin: 0;
|
|
}
|
|
.auth-dialog .main .auth-dialog-footnote {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
margin: 12px 0 0 0;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #f2f5f8;
|
|
}
|
|
.auth-dialog .main .auth-dialog-footnote a {
|
|
cursor: pointer;
|
|
color: #24cfed;
|
|
}
|
|
.auth-dialog h2 {
|
|
color: #26282f;
|
|
font-size: 26px;
|
|
font-weight: normal;
|
|
margin: 24px 0 19px 0;
|
|
text-transform: uppercase;
|
|
}
|
|
.tv-dialog-text-content {
|
|
font-size: 12px;
|
|
}
|
|
.tv-dialog-text-content ul {
|
|
margin: 7px 0;
|
|
padding: 0;
|
|
}
|
|
.tv-dialog-text-content ul li {
|
|
list-style: none;
|
|
background: url('../images/index/bullet.png') 0 3px no-repeat;
|
|
padding: 0 0 0 15px;
|
|
}
|
|
.tv-dialog-text-content ul.spacious {
|
|
margin-left: 12px;
|
|
}
|
|
.tv-dialog-text-content ul.spacious li {
|
|
padding-right: 20px;
|
|
margin: 5px 0;
|
|
}
|
|
.tv-dialog-text-content h3 {
|
|
margin: 15px 0 7px;
|
|
}
|
|
.tv-dialog-text-content p {
|
|
margin: 7px 0 7px;
|
|
}
|
|
.tv-dialog-text-content .standsout-link {
|
|
background: #ededed;
|
|
padding: 10px 21px;
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
}
|
|
.tv-dialog-content .small-text {
|
|
color: #9a9a9a;
|
|
font-size: 11px;
|
|
padding: 5px 0;
|
|
}
|
|
.tv-dialog-content .input input {
|
|
width: 298px !important;
|
|
}
|
|
.tv-dialog-content .dual-input {
|
|
margin: 7px 0;
|
|
}
|
|
.tv-dialog-content .dual-input input {
|
|
width: 138px !important;
|
|
float: right;
|
|
}
|
|
.tv-dialog-content .dual-input input:first-child {
|
|
float: left;
|
|
}
|
|
.tv-dialog-content .input {
|
|
margin-bottom: 7px;
|
|
}
|
|
.tv-dialog-content .dual {
|
|
margin: 8px 1px 2px;
|
|
}
|
|
.tv-dialog-content .dual .left {
|
|
float: left;
|
|
text-align: left;
|
|
width: 50%;
|
|
}
|
|
.tv-dialog-content .dual .left.checkbox {
|
|
margin: 3px 0 0;
|
|
}
|
|
.tv-dialog-content .dual .right {
|
|
float: right;
|
|
text-align: right;
|
|
width: 50%;
|
|
}
|
|
.tv-dialog-content .dual .tv-button {
|
|
padding: 5px 30px;
|
|
}
|
|
.tv-dialog-content .big-button .tv-button {
|
|
padding: 10px 50px;
|
|
/*background: #f9f9f9;*/
|
|
background: #FFFFFF;
|
|
}
|
|
.tv-dialog-content .big-button .tv-button:hover {
|
|
background: #fcfcfc;
|
|
}
|
|
.tv-dialog-content label {
|
|
color: #595959;
|
|
}
|
|
/*.tv-dialog-content input[type="checkbox"]{opacity: 0;}*/
|
|
.main-tree-container {
|
|
position: relative;
|
|
width: 450px;
|
|
}
|
|
.main-tree-container .sb-scrollbar-body {
|
|
border: 0;
|
|
background: #d8d8d8;
|
|
width: 6px;
|
|
}
|
|
.main-tree-container .sb-scrollbar-top,
|
|
.main-tree-container .sb-scrollbar-bottom {
|
|
display: none;
|
|
}
|
|
.main-tree-container .main-tree-wrap {
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-head {
|
|
border-top: 1px solid #c9cbcd;
|
|
content: "";
|
|
cursor: default;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item {
|
|
display: block;
|
|
color: #3e4040;
|
|
padding: 2px 0 0 25px;
|
|
cursor: default;
|
|
position: relative;
|
|
border-bottom: 1px solid #F4F7F9;
|
|
height: 34px;
|
|
cursor: pointer;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item .name {
|
|
display: inline-block;
|
|
margin-top: 7px;
|
|
vertical-align: top;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
max-width: 80%;
|
|
white-space: nowrap;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item .symbol {
|
|
display: inline-block;
|
|
margin-top: 7px;
|
|
vertical-align: top;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item .tree-icon-container {
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 6px;
|
|
display: none;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item.active .tree-icon-container {
|
|
display: inline-block;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item.hidden {
|
|
color: #969898;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item.active {
|
|
background: #F1F3F6;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item.active .name {
|
|
font-weight: bold;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item:hover {
|
|
background: #F1F3F6;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item .name-column {
|
|
width: 55%;
|
|
display: inline-block;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item .instrument {
|
|
display: inline-block;
|
|
margin-left: 6px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item .instrument.linetool {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url('../images/sidetoolbar/instruments.png') no-repeat;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item .instrument.series {
|
|
width: 19px;
|
|
height: 19px;
|
|
margin-top: 5px;
|
|
background: url('../chart-client/css/images/bartype-icons.png') no-repeat;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item .instrument.lineicon {
|
|
font-weight: bold;
|
|
font-family: FontAwesome;
|
|
padding-top: 7px;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #777;
|
|
font-size: 19px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item.hidden .instrument {
|
|
opacity: 0.6;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item .button {
|
|
width: 22px;
|
|
height: 22px;
|
|
display: inline-block;
|
|
margin: 0 0 0 3px;
|
|
cursor: pointer;
|
|
border: 1px solid #c9cbcd;
|
|
padding: 0 0 0 3px;
|
|
background: #fff;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item .button.active,
|
|
.tv-dialog-content .tv-dialog-tree-item .button:active {
|
|
background: #f2f5f8 !important;
|
|
}
|
|
.tv-dialog-content .tv-dialog-tree-item .icon {
|
|
background: url('../images/dialogs/objects-tree.png');
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
}
|
|
.feature-touch .tv-dialog-content .tv-dialog-tree-item .icon {
|
|
margin: 0 0 0 8px;
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
.tv-dialog-tree-item .button.delete .icon {
|
|
background-position: 0 -28px;
|
|
}
|
|
.tv-dialog-tree-item .button.delete:active .icon {
|
|
background-position: 0 14px;
|
|
}
|
|
.tv-dialog-tree-item .button.icon-hide .icon {
|
|
background-position: -14px -28px;
|
|
}
|
|
.tv-dialog-tree-item .button.icon-hide:active .icon,
|
|
.tv-dialog-tree-item .button.icon-hide.active .icon {
|
|
background-position: -14px 14px;
|
|
}
|
|
.tv-dialog-tree-item .button.up .icon {
|
|
background-position: -42px -28px;
|
|
}
|
|
.tv-dialog-tree-item .button.up:active .icon {
|
|
background-position: -42px 14px;
|
|
}
|
|
.tv-dialog-tree-item .button.down .icon {
|
|
background-position: -28px -28px;
|
|
}
|
|
.tv-dialog-tree-item .button.down:active .icon {
|
|
background-position: -28px 14px;
|
|
}
|
|
.tv-dialog-tree-item .button.format .icon {
|
|
background-position: -56px -28px;
|
|
}
|
|
.tv-dialog-tree-item .button.format:active .icon {
|
|
background-position: -56px 14px;
|
|
}
|
|
.tv-dialog-tree-item-list-header {
|
|
height: 24px;
|
|
padding: 3px 0 0 25px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.tv-dialog-tree-item-list-header .item {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
}
|
|
.tv-dialog-tree-item-list-header .item .label:hover,
|
|
.tv-dialog-tree-item-list-header .item .label.active {
|
|
color: #68696b;
|
|
}
|
|
.tv-dialog-tree-item-list-header .item .label.active {
|
|
font-weight: bold;
|
|
}
|
|
.tv-dialog-tree-item-list-header .item .label {
|
|
cursor: pointer;
|
|
color: #989797;
|
|
}
|
|
.tv-dialog-tree-item-list-header .tool {
|
|
width: 55%;
|
|
}
|
|
.main-tree-page {
|
|
display: none;
|
|
}
|
|
.main-tree-page.active {
|
|
display: block;
|
|
}
|
|
.main-tree-page.compare {
|
|
padding: 22px 28px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-small {
|
|
font-size: 11px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-medium {
|
|
font-size: 13px;
|
|
}
|
|
.tv-dialog-content .tv-dialog-left {
|
|
text-align: left;
|
|
}
|
|
.tv-dialog-content .tv-dialog-center {
|
|
text-align: center;
|
|
}
|
|
.tv-dialog-content .tv-dialog-right {
|
|
text-align: right;
|
|
}
|
|
.tv-dialog-content .tv-dialog-float-right {
|
|
float: right;
|
|
}
|
|
.tv-dialog-content td.tv-dialog-vtop {
|
|
vertical-align: top;
|
|
}
|
|
.tv-dialog-content .tv-dialog-relative {
|
|
position: relative;
|
|
}
|
|
.tv-dialog-content .tv-dialog-field-error {
|
|
display: none;
|
|
font-size: 11px;
|
|
color: #c34c36;
|
|
border-top: 2px solid #ffcccc;
|
|
border-right: 2px solid #ffcccc;
|
|
border-bottom: 2px solid #ffcccc;
|
|
background: #f8dde0;
|
|
padding: 6px 10px 6px;
|
|
border-radius: 0 3px 3px 0;
|
|
width: 144px;
|
|
height: 14px;
|
|
float: right;
|
|
}
|
|
.tv-dialog-error,
|
|
.tv-dialog-message {
|
|
display: none;
|
|
position: absolute;
|
|
top: 10px;
|
|
font-size: 12px;
|
|
z-index: 100;
|
|
border: 1px solid;
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
.tv-dialog-error {
|
|
color: #c34c36;
|
|
border-color: #ffcccc;
|
|
background: #f8dde0;
|
|
background: rgba(248, 221, 224, 0.8);
|
|
}
|
|
.tv-dialog-message {
|
|
color: #0a8415;
|
|
border-color: #cfffcc;
|
|
background: #e2fde1;
|
|
background: rgba(226, 253, 225, 0.8);
|
|
}
|
|
.tv-dialog-content .dialog-buttons {
|
|
text-align: right;
|
|
margin: 10px 7px 0 7px;
|
|
}
|
|
.tv-dialog-content .dialog-buttons a {
|
|
margin: 0 0 0 5px;
|
|
min-width: 50px;
|
|
text-align: center;
|
|
position: relative;
|
|
left: 7px;
|
|
}
|
|
.tv-dialog-content .dialog-buttons a.tv-left {
|
|
margin: 0 5px 0 0;
|
|
left: -7px;
|
|
}
|
|
.tv-dialog-content .publish-options {
|
|
color: #595959;
|
|
height: 105px;
|
|
}
|
|
.tv-dialog-content .publish-option {
|
|
border: 1px solid #d0d3d6;
|
|
border-radius: 4px;
|
|
position: relative;
|
|
float: left;
|
|
padding: 10px 10px 10px 32px;
|
|
width: 285px;
|
|
height: 70px;
|
|
cursor: pointer;
|
|
}
|
|
.tv-dialog-content .publish-option.active {
|
|
background: #f9f9f9;
|
|
}
|
|
.tv-dialog-content .publish-option:last-child {
|
|
float: right;
|
|
}
|
|
.tv-dialog-content .publish-option-header {
|
|
font-weight: bold;
|
|
}
|
|
.tv-dialog-content .publish-option-text {
|
|
font-size: 11px;
|
|
}
|
|
.publish-radiobutton {
|
|
background-position: -100px -140px;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: absolute;
|
|
top: 11px;
|
|
left: 9px;
|
|
}
|
|
.publish-option.active .publish-radiobutton {
|
|
background-position: -120px -140px;
|
|
}
|
|
.tv-dialog-content .dialog-theme-buttons .tv-button {
|
|
float: left;
|
|
margin-right: 6px;
|
|
}
|
|
.tv-dialog-content .dialog-trail-checkbox {
|
|
float: left;
|
|
}
|
|
.tv-dialog-socials {
|
|
text-align: right;
|
|
}
|
|
.tv-dialog-social {
|
|
display: inline-block;
|
|
margin: 0 0 0 11px;
|
|
vertical-align: top;
|
|
}
|
|
.tv-dialog-social-fbshare {
|
|
margin-top: 1px;
|
|
}
|
|
.publish-direction-buttons {
|
|
height: 33px;
|
|
margin: 0 1px;
|
|
position: relative;
|
|
}
|
|
.publish-direction-buttons .col-long,
|
|
.publish-direction-buttons .col-neutral,
|
|
.publish-direction-buttons .col-short {
|
|
height: 33px;
|
|
margin: 0 -1px;
|
|
padding: 0 1px;
|
|
}
|
|
.publish-direction-buttons .col-long {
|
|
width: 33.3%;
|
|
float: left;
|
|
}
|
|
.publish-direction-buttons .col-long .tv-button:active,
|
|
.publish-direction-buttons .col-long .tv-button.active {
|
|
background: #71DB1B;
|
|
border-color: #66A51C;
|
|
}
|
|
.publish-direction-buttons .col-neutral {
|
|
margin: 0 33.3%;
|
|
}
|
|
.publish-direction-buttons .col-neutral .tv-button:active,
|
|
.publish-direction-buttons .col-neutral .tv-button.active {
|
|
background: #F0CC00;
|
|
border-color: #E0A300;
|
|
}
|
|
.publish-direction-buttons .col-short {
|
|
width: 33.3%;
|
|
float: right;
|
|
}
|
|
.publish-direction-buttons .col-short .tv-button:active,
|
|
.publish-direction-buttons .col-short .tv-button.active {
|
|
background: #FF6C4A;
|
|
border-color: #CB401F;
|
|
}
|
|
.publish-direction-buttons .tv-button {
|
|
display: block;
|
|
margin: 0 -1px;
|
|
line-height: 31px;
|
|
height: 31px;
|
|
width: 100%;
|
|
padding: 0;
|
|
text-align: center;
|
|
background: #FFFFFF;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
}
|
|
.publish-direction-buttons .tv-button:hover {
|
|
background: #ffffff;
|
|
}
|
|
.publish-direction-buttons .tv-button:active,
|
|
.publish-direction-buttons .tv-button.active {
|
|
background: #fff;
|
|
color: #444 !important;
|
|
box-shadow: none;
|
|
position: relative;
|
|
}
|
|
.survey-dialog {
|
|
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
|
|
border-radius: 7px;
|
|
font-size: 14px;
|
|
}
|
|
.survey-dialog .main {
|
|
padding: 20px 25px 15px;
|
|
}
|
|
.survey-dialog h3 {
|
|
text-align: center;
|
|
margin: 10px 0;
|
|
}
|
|
.survey-button-container {
|
|
margin: 15px 0 5px !important;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.survey-dialog .survey-button {
|
|
font-size: 19px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
border-radius: 5px;
|
|
background: #4387F6;
|
|
border: 1px solid #346BC2;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
padding: 10px 50px;
|
|
}
|
|
.survey-dialog .survey-button:hover {
|
|
background: #4d8cf3;
|
|
}
|
|
.survey-dialog #no-button {
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 20px;
|
|
padding: 7px 15px;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
border-color: #474549;
|
|
background: #716e73;
|
|
}
|
|
.survey-dialog #no-button:hover {
|
|
background: #767278;
|
|
}
|
|
.tv-dialog.gopro-dialog .tv-dialog-content {
|
|
padding: 0;
|
|
position: relative;
|
|
background: #f2f5f8;
|
|
width: 814px;
|
|
color: #3b414d;
|
|
font-size: 16px;
|
|
line-height: 28px;
|
|
}
|
|
.gopro-dialog .col-main {
|
|
float: left;
|
|
width: 447px;
|
|
padding: 0 22px 0 27px;
|
|
margin: 0 0 85px 0;
|
|
}
|
|
.gopro-dialog h2 {
|
|
font-weight: normal;
|
|
font-size: 26px;
|
|
line-height: 32px;
|
|
margin: 24px 0 10px;
|
|
color: #26282f;
|
|
}
|
|
.gopro-dialog .col-main h2 {
|
|
text-transform: uppercase;
|
|
}
|
|
.gopro-dialog h2 em {
|
|
font-style: normal;
|
|
color: #da4739;
|
|
text-transform: uppercase;
|
|
}
|
|
.gopro-dialog .col-main p {
|
|
margin: 15px 0;
|
|
}
|
|
.gopro-dialog .col-main .actions-block {
|
|
position: absolute;
|
|
height: 47px;
|
|
width: 447px;
|
|
left: 27px;
|
|
bottom: 24px;
|
|
}
|
|
.gopro-dialog .col-main .actions-block .no-button {
|
|
position: absolute;
|
|
color: #1380b7;
|
|
left: 0;
|
|
top: 8px;
|
|
cursor: pointer;
|
|
}
|
|
.gopro-dialog .col-main .actions-block .yes-button {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
font-size: 16px;
|
|
line-height: 19px;
|
|
height: 19px;
|
|
white-space: nowrap;
|
|
padding: 14px 22px;
|
|
background: #63b68a;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
cursor: pointer;
|
|
}
|
|
.gopro-dialog .actions-block .yes-button:hover {
|
|
background: #70be95;
|
|
}
|
|
.gopro-dialog .actions-block .yes-button .arrow-icon {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 6px -4px 0 21px;
|
|
width: 33px;
|
|
height: 7px;
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAHCAYAAACGESREAAAAPklEQVR4AWOgN/j///80IGZlGEjwHwL2AbHwwDkCAe4AsRZEcOAB10CGxC0gVhvI6NgNxIIDmSamAjELshgAEhnDI93qERIAAAAASUVORK5CYII=') 0 0 no-repeat;
|
|
}
|
|
.gopro-dialog .col-aside {
|
|
float: left;
|
|
width: 318px;
|
|
margin: 0 0 168px 0;
|
|
/* background image */
|
|
}
|
|
.gopro-dialog .col-aside .col-bg {
|
|
position: absolute;
|
|
width: 318px;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: #eaeff4 url('../images/gopro/dialog-bg.png') 0 100% no-repeat;
|
|
}
|
|
.gopro-dialog .col-aside .col-copy {
|
|
position: relative;
|
|
margin: 0 10px 0 28px;
|
|
}
|
|
.gopro-dialog .col-aside ul {
|
|
display: block;
|
|
margin: 19px 0 15px 0;
|
|
padding: 0;
|
|
}
|
|
.gopro-dialog .col-aside li {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0 0 0 21px;
|
|
line-height: 20px;
|
|
margin: 10px 0;
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAALklEQVR4AWMAgZgdHROB+C0UT0QSbP8PpMEYxAZLQlX9j4VgmIK3OCVwGoXTcgAth09hyVizGQAAAABJRU5ErkJggg==') 3px 7px no-repeat;
|
|
}
|
|
.go-prorealtime {
|
|
width: 500px;
|
|
}
|
|
.go-prorealtime .main-properties {
|
|
padding: 5px 0;
|
|
}
|
|
.go-prorealtime .dialog-buttons {
|
|
margin: 0;
|
|
}
|
|
.go-prorealtime .dialog-buttons a {
|
|
margin: 0;
|
|
position: static;
|
|
}
|
|
.go-prorealtime p:nth-child(1) {
|
|
font-weight: bold;
|
|
}
|
|
.tv-dialog .ui-resizable-handle {
|
|
width: 11px;
|
|
height: 11px;
|
|
background: url('../images/dialogs/resize-handle.png') 0 0 no-repeat;
|
|
}
|
|
/* Billing cycle dialog on Go Pro page */
|
|
.main.billing-cycle-dialog {
|
|
padding: 0 28px;
|
|
}
|
|
.bcd-title {
|
|
font-weight: normal;
|
|
font-size: 26px;
|
|
line-height: 32px;
|
|
margin: 24px 0 20px;
|
|
color: #26282f;
|
|
text-transform: uppercase;
|
|
}
|
|
.bcd-subtitle {
|
|
font-weight: normal;
|
|
font-size: 14px;
|
|
margin: 0 0 10px;
|
|
color: #26282f;
|
|
}
|
|
.bcd-title.right {
|
|
width: 48%;
|
|
padding-left: 2%;
|
|
}
|
|
.bcd-choice-container {
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: #e1e7ef;
|
|
}
|
|
.bcd-choice {
|
|
position: relative;
|
|
width: 196px;
|
|
float: left;
|
|
cursor: pointer;
|
|
-webkit-tap-highlight-color: transparent;
|
|
/* disable ugly blink on ipad */
|
|
}
|
|
.bcd-choice.active {
|
|
cursor: default;
|
|
}
|
|
.bcd-choice.disabled {
|
|
cursor: default;
|
|
}
|
|
.bcd-choice-bg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 400px;
|
|
}
|
|
.bcd-choice-marker {
|
|
position: absolute;
|
|
top: 25px;
|
|
left: 11px;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAwCAYAAAAYX/pXAAAARUlEQVR4AWM4fOL8f0ow9QxgIBEMNwNGDRg1YOBzY8yOjv8UYOoZQHIgDkcDRg0YNYAcPOgNGC0PcPmXtgaMGjBaHlCCAe5lHJmu4YfrAAAAAElFTkSuQmCC') 0 0 no-repeat;
|
|
}
|
|
.bcd-choice:hover .bcd-choice-marker {
|
|
background-position: 0 -16px;
|
|
}
|
|
.bcd-choice.active .bcd-choice-marker {
|
|
background-position: 0 -32px;
|
|
}
|
|
.bcd-choice.disabled .bcd-choice-marker {
|
|
background-position: 0 0;
|
|
}
|
|
.bcd-choice-copy {
|
|
position: relative;
|
|
padding: 5px 3px 30px 44px;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
color: #3b414e;
|
|
}
|
|
.bcd-choice-copy p {
|
|
margin: 7px 0;
|
|
}
|
|
.bcd-choice-copy h5 {
|
|
margin: 17px 0;
|
|
color: #4a4d54;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
}
|
|
.bcd-choice.disabled .bcd-choice-copy,
|
|
.bcd-choice.disabled .bcd-choice-copy h5 {
|
|
color: #c3c8cf;
|
|
}
|
|
.bcd-continue {
|
|
margin: 31px 0 29px 0;
|
|
overflow: hidden;
|
|
text-align: right;
|
|
}
|
|
.bcd-continue a {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
border: 0;
|
|
padding: 15px 45px;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
line-height: normal;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
background: #1fb2cc;
|
|
color: white;
|
|
}
|
|
.bcd-continue a:hover {
|
|
background: #1eb9d2;
|
|
}
|
|
.prorttrial-dialog,
|
|
.trialconfirm-dialog {
|
|
font: normal 16px Arial, Helvetica, Tahoma, sans-serif;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
}
|
|
.prorttrial-dialog .main,
|
|
.trialconfirm-dialog .main {
|
|
width: 474px;
|
|
padding: 10px 28px 20px 28px;
|
|
}
|
|
.prorttrial-dialog h3,
|
|
.trialconfirm-dialog h3 {
|
|
font-size: 26px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
color: #26282f;
|
|
margin: 14px 0 20px 0;
|
|
}
|
|
.prorttrial-dialog p,
|
|
.trialconfirm-dialog p,
|
|
.prorttrial-dialog li,
|
|
.trialconfirm-dialog li {
|
|
font-size: 16px;
|
|
line-height: 28px;
|
|
margin: 0;
|
|
}
|
|
.prorttrial-dialog p,
|
|
.trialconfirm-dialog p,
|
|
.prorttrial-dialog ul,
|
|
.trialconfirm-dialog ul {
|
|
margin: 16px 0;
|
|
}
|
|
.prorttrial-dialog .big-button,
|
|
.trialconfirm-dialog .big-button {
|
|
display: block;
|
|
width: 262px;
|
|
margin: 0 auto;
|
|
background: #dbe1ea;
|
|
color: #666c7d;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
padding: 13px 0;
|
|
text-decoration: none;
|
|
}
|
|
.prorttrial-dialog .big-button:hover,
|
|
.trialconfirm-dialog .big-button:hover {
|
|
background: #e2e7ee;
|
|
}
|
|
.prorttrial-dialog .big-button.ok,
|
|
.trialconfirm-dialog .big-button.ok {
|
|
width: 183px;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
.prorttrial-dialog .big-button.ok,
|
|
.trialconfirm-dialog .big-button.ok,
|
|
.prorttrial-dialog .big-button.trial,
|
|
.trialconfirm-dialog .big-button.trial {
|
|
background: #05b2ce;
|
|
color: white;
|
|
}
|
|
.prorttrial-dialog .big-button.ok:hover,
|
|
.trialconfirm-dialog .big-button.ok:hover,
|
|
.prorttrial-dialog .big-button.trial:hover,
|
|
.trialconfirm-dialog .big-button.trial:hover {
|
|
background: #37c1d7;
|
|
}
|
|
.prorttrial-dialog .big-button.ordernow,
|
|
.trialconfirm-dialog .big-button.ordernow {
|
|
background: #60b789;
|
|
color: white;
|
|
}
|
|
.prorttrial-dialog .big-button.ordernow:hover,
|
|
.trialconfirm-dialog .big-button.ordernow:hover {
|
|
background: #7fc5a0;
|
|
}
|
|
.prorttrial-dialog .big-buttons,
|
|
.trialconfirm-dialog .big-buttons {
|
|
margin: 50px 0 0 0;
|
|
overflow: hidden;
|
|
}
|
|
.prorttrial-dialog .big-buttons.two-buttons .big-button.later,
|
|
.trialconfirm-dialog .big-buttons.two-buttons .big-button.later,
|
|
.prorttrial-dialog .big-buttons.two-buttons .big-button.nothanks,
|
|
.trialconfirm-dialog .big-buttons.two-buttons .big-button.nothanks {
|
|
margin: 0;
|
|
float: left;
|
|
width: 183px;
|
|
}
|
|
.prorttrial-dialog .big-buttons.two-buttons .big-button.trial,
|
|
.trialconfirm-dialog .big-buttons.two-buttons .big-button.trial {
|
|
margin: 0;
|
|
float: right;
|
|
width: 272px;
|
|
}
|
|
.prorttrial-dialog .more-controls,
|
|
.trialconfirm-dialog .more-controls {
|
|
overflow: hidden;
|
|
margin: 44px 0 0px 0;
|
|
text-align: right;
|
|
}
|
|
.prorttrial-dialog .more-controls a,
|
|
.trialconfirm-dialog .more-controls a {
|
|
font-size: 16px;
|
|
color: #007fb9;
|
|
text-decoration: underline;
|
|
}
|
|
.prorttrial-dialog .actions-block,
|
|
.trialconfirm-dialog .actions-block {
|
|
position: relative;
|
|
margin: 30px 0 0;
|
|
height: 47px;
|
|
}
|
|
.prorttrial-dialog .actions-block .no-button,
|
|
.trialconfirm-dialog .actions-block .no-button {
|
|
position: absolute;
|
|
color: #1380b7;
|
|
left: 0;
|
|
top: 12px;
|
|
cursor: pointer;
|
|
}
|
|
.prorttrial-dialog .actions-block .yes-button,
|
|
.trialconfirm-dialog .actions-block .yes-button {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
font-size: 16px;
|
|
line-height: 19px;
|
|
height: 19px;
|
|
white-space: nowrap;
|
|
padding: 14px 22px;
|
|
background: #63b68a;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
cursor: pointer;
|
|
}
|
|
.prorttrial-dialog .actions-block .yes-button:hover,
|
|
.trialconfirm-dialog .actions-block .yes-button:hover {
|
|
background: #70be95;
|
|
}
|
|
.tv-dialog-layoutpicker.hidden {
|
|
display: none;
|
|
}
|
|
.tv-dialog-cancel-button,
|
|
.tv-dialog-layout-button {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
height: 16px;
|
|
margin-left: 5px;
|
|
padding: 6px 10px 5px;
|
|
color: #6f7073;
|
|
cursor: default;
|
|
border: 1px solid #c9cbcd;
|
|
}
|
|
.tv-dialog-layout-button .arrow-icon {
|
|
float: right;
|
|
margin: 5px 0 0 5px;
|
|
background: url("../images/select-bg.png") 0 0 no-repeat;
|
|
height: 5px;
|
|
width: 9px;
|
|
}
|
|
.tv-dialog-layout-button.open .arrow-icon {
|
|
background-position: 0 -20px;
|
|
}
|
|
.tv-dialog-layout-button .icon,
|
|
.tv-dialog-layout-popup .icon {
|
|
background: url('../images/bottomtoolbar/layout-buttons.png') -6px -3px no-repeat;
|
|
width: 17px;
|
|
height: 17px;
|
|
}
|
|
.tv-dialog-layout-button .icon {
|
|
float: left;
|
|
margin: -1px 4px 0 -4px;
|
|
}
|
|
.charts-popup-list .item.tv-dialog-layout-popup .icon {
|
|
width: 17px;
|
|
height: 17px;
|
|
}
|
|
.tv-dialog-layout-2h .icon {
|
|
background-position: -35px -3px;
|
|
}
|
|
.tv-dialog-layout-2v .icon {
|
|
background-position: -64px -3px;
|
|
}
|
|
.tv-dialog-layout-3h .icon {
|
|
background-position: -93px -3px;
|
|
}
|
|
.tv-dialog-layout-3v .icon {
|
|
background-position: -122px -3px;
|
|
}
|
|
.tv-dialog-layout-3s .icon {
|
|
background-position: -151px -3px;
|
|
}
|
|
.tv-dialog-layout-4 .icon {
|
|
background-position: -180px -3px;
|
|
}
|
|
.tv-dialog-layout-6 .icon {
|
|
background-position: -209px -3px;
|
|
}
|
|
.tv-dialog-layout-8 .icon {
|
|
background-position: -238px -3px;
|
|
}
|
|
.tv-dialog-layout-s.active .icon {
|
|
background-position: -6px -26px;
|
|
}
|
|
.tv-dialog-layout-2h.active .icon {
|
|
background-position: -35px -26px;
|
|
}
|
|
.tv-dialog-layout-2v.active .icon {
|
|
background-position: -64px -26px;
|
|
}
|
|
.tv-dialog-layout-3h.active .icon {
|
|
background-position: -93px -26px;
|
|
}
|
|
.tv-dialog-layout-3v.active .icon {
|
|
background-position: -122px -26px;
|
|
}
|
|
.tv-dialog-layout-3s.active .icon {
|
|
background-position: -151px -26px;
|
|
}
|
|
.tv-dialog-layout-4.active .icon {
|
|
background-position: -180px -26px;
|
|
}
|
|
.tv-dialog-layout-6.active .icon {
|
|
background-position: -209px -26px;
|
|
}
|
|
.tv-dialog-layout-8.active .icon {
|
|
background-position: -238px -26px;
|
|
}
|
|
.tv-dialog-cancel-button {
|
|
border-color: white;
|
|
text-transform: uppercase;
|
|
}
|
|
.tv-dialog-cancel-button:hover {
|
|
border-color: #c9cbcd;
|
|
}
|
|
.publish-dialog-privacy {
|
|
display: block;
|
|
padding: 7px 5px 8px 5px;
|
|
background: #25c6e0;
|
|
}
|
|
.publish-dialog-privacy input {
|
|
display: none;
|
|
}
|
|
.publish-dialog-privacy .publish-dialog-privacy-icon {
|
|
display: block;
|
|
width: 19px;
|
|
height: 14px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1540px;
|
|
}
|
|
.publish-dialog-privacy input:checked + .publish-dialog-privacy-icon {
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1564px;
|
|
}
|
|
.publish-dialog-privacy input:active + .publish-dialog-privacy-icon,
|
|
.publish-dialog-privacy:active .publish-dialog-privacy-icon {
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1516px;
|
|
}
|
|
.tv-profile .left {
|
|
float: left;
|
|
}
|
|
.tv-profile .right {
|
|
float: right;
|
|
}
|
|
.tv-profile .tv-profile-area {
|
|
display: inline-block;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0 0 25px 0;
|
|
padding: 25px 20px;
|
|
border: 1px solid #dbe1e6;
|
|
background: #f2f5f8;
|
|
}
|
|
.tv-profile .tv-profile-area h3,
|
|
.tv-profile .tv-profile-area .tv-profile-area-header {
|
|
font-size: 18px;
|
|
margin: 0 0 10px 0;
|
|
padding: 0 0 10px 0;
|
|
border-bottom: 1px solid #dbe1e6;
|
|
}
|
|
.tv-profile .tv-profile-area h3.no-border,
|
|
.tv-profile .tv-profile-area .tv-profile-area-header.no-border {
|
|
border: none;
|
|
}
|
|
.tv-profile .tv-editable {
|
|
display: block;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
.tv-profile .tv-editable:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
margin-top: -9px !important;
|
|
width: 16px;
|
|
height: 17px;
|
|
background: url("../images/profile/icons.png") -32px -16px;
|
|
opacity: .6;
|
|
}
|
|
.tv-profile .tv-editable:hover:after {
|
|
opacity: 1;
|
|
}
|
|
.tv-profile .tv-editable.status:after {
|
|
right: 12px;
|
|
}
|
|
.tv-profile .tv-editable-active {
|
|
cursor: default;
|
|
}
|
|
.tv-profile .tv-editable-active:after {
|
|
display: none;
|
|
}
|
|
.tv-profile .tv-editable-active .buttons {
|
|
display: inline;
|
|
}
|
|
.tv-profile .tv-editable-active .buttons .tv-button {
|
|
padding: 8px 12px;
|
|
width: 70px;
|
|
margin-left: 3px;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
height: 32px;
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.tv-profile .tabs-with-search .filter {
|
|
margin-right: 28px;
|
|
}
|
|
.tv-profile #change-profile-status {
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
.tv-profile #change-profile-status:after {
|
|
margin: 0;
|
|
}
|
|
.tv-profile input[type="text"],
|
|
.tv-profile input[type="password"],
|
|
.tv-profile textarea {
|
|
width: 300px;
|
|
height: 16px;
|
|
padding: 7px 10px;
|
|
border: 1px solid #d7dbe0;
|
|
color: #4a4c4c;
|
|
-webkit-appearance: none;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.tv-profile input[type="text"]:focus,
|
|
.tv-profile input[type="password"]:focus,
|
|
.tv-profile textarea:focus {
|
|
border-color: #4c82ce;
|
|
}
|
|
.tv-profile textarea {
|
|
height: 52px;
|
|
}
|
|
.tv-profile .profile-header {
|
|
background-color: #f2f5f8;
|
|
}
|
|
.tv-profile .profile-header .username-container {
|
|
margin: 27px 0 21px 0;
|
|
}
|
|
.tv-profile .profile-header .username-container h2 {
|
|
font-size: 28px;
|
|
margin: 0 0 3px 0;
|
|
color: #26282F;
|
|
}
|
|
.tv-profile .profile-header .username-container h2 .username,
|
|
.tv-profile .profile-header .username-container h2 .user-badge {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.tv-profile .profile-header .username-container h2 .username {
|
|
margin-bottom: 3px;
|
|
font-weight: normal;
|
|
}
|
|
.tv-profile .profile-header .username-container span {
|
|
color: #8b9199;
|
|
}
|
|
.tv-profile .profile-header .username-container .last-visit:before {
|
|
content: '| ';
|
|
}
|
|
.tv-profile .profile-header .username-container .brief-stats {
|
|
height: 50px;
|
|
min-width: 625px;
|
|
overflow: hidden;
|
|
font-size: 0;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
}
|
|
.tv-profile .profile-header .username-container .brief-stats > div {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
min-width: 125px;
|
|
height: 50px;
|
|
font-size: 28px;
|
|
}
|
|
.tv-profile .profile-header .username-container .brief-stats > div .wrapper {
|
|
padding-left: 32px;
|
|
}
|
|
.tv-profile .profile-header .username-container .brief-stats > div .value {
|
|
display: inline-block;
|
|
position: relative;
|
|
margin: 0 0 3px 5px;
|
|
}
|
|
.tv-profile .profile-header .username-container .brief-stats > div .value:before {
|
|
content: "";
|
|
display: inline-block;
|
|
margin-right: 8px;
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
.tv-profile .profile-header .username-container .brief-stats > div.followers .value:before {
|
|
background: url('../images/profile/followers.png') no-repeat;
|
|
}
|
|
.tv-profile .profile-header .username-container .brief-stats > div.charts .value:before {
|
|
width: 19px;
|
|
height: 13px;
|
|
background: url('../images/profile/charts.png') no-repeat;
|
|
}
|
|
.tv-profile .profile-header .username-container .brief-stats > div.views .value:before {
|
|
width: 16px;
|
|
height: 11px;
|
|
background: url('../images/profile/icons.png') -14px -17px no-repeat;
|
|
}
|
|
.tv-profile .profile-header .username-container .brief-stats > div.agrees .value:before {
|
|
width: 23px;
|
|
height: 17px;
|
|
background: url('../images/profile/icons.png') -49px -16px no-repeat;
|
|
}
|
|
.tv-profile .profile-header .username-container .brief-stats > div.rating .value:before {
|
|
width: 13px;
|
|
height: 15px;
|
|
background: url('../images/profile/rating.png') no-repeat;
|
|
}
|
|
.tv-profile .profile-header .username-container .brief-stats > div.rating .value {
|
|
color: #3cbf81;
|
|
}
|
|
.tv-profile .profile-header .username-container .brief-stats > div .title {
|
|
font-size: 12px;
|
|
color: #8b9199;
|
|
}
|
|
.tv-profile .profile-header .status {
|
|
margin: 0 0 21px 0;
|
|
padding: 13px;
|
|
background-color: #E3EAF0;
|
|
position: relative;
|
|
}
|
|
.tv-profile .profile-header .status:before {
|
|
content: " ";
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-width: 0 10px 12px 10px;
|
|
border-color: transparent transparent #E3EAF0 transparent;
|
|
position: absolute;
|
|
top: -12px;
|
|
left: 14px;
|
|
}
|
|
.tv-profile .profile-header .status.tv-editable-active {
|
|
padding: 4px 2px 5px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container {
|
|
margin: 0 0 10px 0;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container {
|
|
float: left;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container a.active {
|
|
cursor: default;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .avatar {
|
|
display: block;
|
|
width: 171px;
|
|
height: 171px;
|
|
background: Silver;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons {
|
|
height: 42px;
|
|
margin-top: 9px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons.layout-2-buttons button {
|
|
width: 81px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons.layout-3-buttons button {
|
|
width: 51px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons.layout-4-buttons button {
|
|
width: 36px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button {
|
|
float: left;
|
|
display: table-cell;
|
|
margin: 0 0 0 9px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button span {
|
|
margin: 12px auto;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button span.message {
|
|
width: 21px;
|
|
height: 16px;
|
|
margin-top: 13px;
|
|
background: url('../images/profile/icons.png') no-repeat -35px -39px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button span.follow,
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button span.following,
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button span.unfollow {
|
|
width: 18px;
|
|
height: 18px;
|
|
background: url('../images/profile/icons.png') no-repeat 0px -39px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button span.unfollow {
|
|
width: 16px;
|
|
margin-top: 14px;
|
|
background-position: -18px -39px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button span.suggest,
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button span.suggested,
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button span.unsuggest {
|
|
width: 20px;
|
|
height: 19px;
|
|
background: url('../images/profile/icons.png') no-repeat 0px -58px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button span.unsuggest {
|
|
background-position: -22px -58px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .avatar-container .buttons button span.ban {
|
|
width: 16px;
|
|
height: 17px;
|
|
margin-top: 13px;
|
|
background: url('../images/profile/icons.png') no-repeat -57px -39px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs {
|
|
margin-left: 202px;
|
|
width: 798px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph {
|
|
width: 384px;
|
|
width: -webkit-calc(50% - 13px);
|
|
width: calc(50% - 13px);
|
|
min-width: 360px;
|
|
height: 225px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: top;
|
|
background: #eaeff4;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph:last-child {
|
|
margin: 0 0 0 25px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc svg {
|
|
position: absolute;
|
|
top: 16px;
|
|
left: 18px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs {
|
|
width: 150px;
|
|
height: 175px;
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 5px;
|
|
display: table;
|
|
border-collapse: collapse;
|
|
font-size: 14px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs.count-4 {
|
|
font-size: 12px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs.count-5 {
|
|
font-size: 11px;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs .categ {
|
|
display: table-row;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs .categ > div {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs .categ > div > span {
|
|
display: inline-block;
|
|
margin: 0;
|
|
text-align: left;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs .categ > div > span.percent {
|
|
font-size: 150%;
|
|
font-weight: bold;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs .categ > div > span.percent:after {
|
|
content: '%';
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs .categ:nth-child(1) .percent {
|
|
color: #69BDC5;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs .categ:nth-child(2) .percent {
|
|
color: #F47884;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs .categ:nth-child(3) .percent {
|
|
color: #7BADD1;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs .categ:nth-child(4) .percent {
|
|
color: #FEAF48;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs .categ:nth-child(5) .percent,
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .categs .categ.other .percent {
|
|
color: #878AB8;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc path:nth-child(1),
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .full {
|
|
fill: #69BDC5;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc path:nth-child(2) {
|
|
fill: #F47884;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc path:nth-child(3) {
|
|
fill: #7BADD1;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc path:nth-child(4) {
|
|
fill: #FEAF48;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc path:nth-child(5),
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc path.other {
|
|
fill: #878AB8;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph.alloc .type {
|
|
font-size: 100%;
|
|
color: #6B6F74;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .graphs .graph > strong {
|
|
position: absolute;
|
|
bottom: 7px;
|
|
left: 11px;
|
|
font-size: 12px;
|
|
color: #6B6F74;
|
|
}
|
|
.tv-profile .profile-header .userinfo-container .nothing-published {
|
|
height: 225px;
|
|
margin-left: 202px;
|
|
line-height: 203px;
|
|
background-color: #eaeff4;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
font-style: italic;
|
|
color: #95989c;
|
|
}
|
|
.tv-profile .profile-header .tabs-with-search {
|
|
padding: 0;
|
|
height: 68px;
|
|
}
|
|
.tv-profile .profile-header .tabs-with-search .filter-tabbed .tabs a.active .active-underline {
|
|
margin-top: 15px;
|
|
}
|
|
.tv-profile .profile-header .tabs-with-search .filter {
|
|
position: relative;
|
|
}
|
|
.tv-profile .profile-header .tabs-with-search .filter.active-tab:not(.active) .selected {
|
|
color: #666c7d;
|
|
}
|
|
.tv-profile .profile-header .tabs-with-search .filter.active-tab > .active-underline {
|
|
display: block;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: #5bb888;
|
|
width: calc(100% - 20px);
|
|
margin: 15px 0 0 10px;
|
|
}
|
|
.tv-profile .profile-header .tabs-with-search .filter .selected {
|
|
font-size: 14px;
|
|
}
|
|
.tv-profile .profile-body {
|
|
background-color: #eaeff4;
|
|
padding: 36px 0 40px 0;
|
|
position: relative;
|
|
min-height: 24px;
|
|
}
|
|
.tv-profile .profile-body .decks > div {
|
|
display: none;
|
|
}
|
|
.tv-profile .profile-body .decks > div.active {
|
|
display: block;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container {
|
|
padding: 3px 5px;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .about,
|
|
.tv-profile .profile-body .about-contacts-container .contacts {
|
|
margin: 0 0 18px 0;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .about:last-child,
|
|
.tv-profile .profile-body .about-contacts-container .contacts:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .about h3,
|
|
.tv-profile .profile-body .about-contacts-container .contacts h3 {
|
|
margin: 0;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: 15px;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .about .tv-editable-active textarea,
|
|
.tv-profile .profile-body .about-contacts-container .contacts .tv-editable-active textarea {
|
|
display: block;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
margin-bottom: 12px;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .about .tv-editable-active input[type="text"],
|
|
.tv-profile .profile-body .about-contacts-container .contacts .tv-editable-active input[type="text"] {
|
|
width: 256px;
|
|
width: calc(100% - 200px);
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .about a.tv-editable {
|
|
line-height: 20px;
|
|
margin: 10px 0;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .about .buttons .tv-button:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .contacts > .contact {
|
|
display: block;
|
|
height: 32px;
|
|
line-height: 33px;
|
|
margin-bottom: 1px;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .contacts > h3 {
|
|
margin-bottom: 8px;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .contacts .contact {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .contacts .contact:before {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 17px;
|
|
position: relative;
|
|
top: 3px;
|
|
background: url('../images/profile/icons.png') no-repeat;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .contacts .contact.location:before {
|
|
width: 13px;
|
|
background-position: 0 0;
|
|
margin: 0 8px 0 0;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .contacts .contact.twitter:before {
|
|
width: 15px;
|
|
background-position: -13px 0;
|
|
margin: 0 6px 0 0;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .contacts .contact.webpage:before {
|
|
width: 16px;
|
|
background-position: -27px 0;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
.tv-profile .profile-body .about-contacts-container .about .buttons .tv-button:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.tv-profile .is-owner-required {
|
|
display: none;
|
|
}
|
|
.tv-profile.is-owner .is-owner-required {
|
|
display: block;
|
|
}
|
|
.tv-profile .reputation .record {
|
|
line-height: 20px;
|
|
}
|
|
.tv-profile .reputation .record .score {
|
|
float: left;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
width: 37px;
|
|
text-align: center;
|
|
}
|
|
.tv-profile .reputation .record .score.positive {
|
|
color: #3cbf81;
|
|
}
|
|
.tv-profile .reputation .record .score.positive:before {
|
|
content: '+';
|
|
}
|
|
.tv-profile .reputation .record .score.negative {
|
|
color: red;
|
|
}
|
|
.tv-profile .reputation .record .text {
|
|
padding-left: 50px;
|
|
}
|
|
.tv-profile .reputation .record:after {
|
|
clear: both;
|
|
display: table;
|
|
content: "";
|
|
}
|
|
/* Hover-responsive buttons */
|
|
button.follow-user,
|
|
button.message-user,
|
|
button.profile-action {
|
|
display: block;
|
|
height: 42px;
|
|
width: 100%;
|
|
margin: 10px 0 0;
|
|
padding: 0;
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
color: White;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
border: none;
|
|
background: #A5ABB5;
|
|
cursor: pointer;
|
|
}
|
|
button.follow-user span {
|
|
display: none;
|
|
}
|
|
button.follow-user.active {
|
|
background-color: #43BE83;
|
|
}
|
|
button.follow-user.active .following {
|
|
display: inline-block;
|
|
background-position: -44px -58px !important;
|
|
}
|
|
html:not(.feature-touch) button.follow-user.active:hover {
|
|
background-color: #A5ABB5;
|
|
}
|
|
html:not(.feature-touch) button.follow-user.active:hover .following {
|
|
display: none;
|
|
}
|
|
html:not(.feature-touch) button.follow-user.active:hover .unfollow {
|
|
display: inline-block;
|
|
}
|
|
button.follow-user:not(.active) .follow {
|
|
display: inline-block;
|
|
}
|
|
html:not(.feature-touch) button.follow-user:not(.active):hover {
|
|
background-color: #06B2CE;
|
|
}
|
|
button.profile-message,
|
|
button.message-user {
|
|
background-color: #43BE83;
|
|
}
|
|
html:not(.feature-touch) button.profile-message:hover,
|
|
html:not(.feature-touch) button.message-user:hover {
|
|
background-color: #06B2CE;
|
|
}
|
|
button.profile-message .message,
|
|
button.message-user .message {
|
|
display: inline-block;
|
|
}
|
|
button.recommend span {
|
|
display: none;
|
|
}
|
|
button.recommend.active {
|
|
background: #FD9F2B;
|
|
}
|
|
button.recommend.active .suggested {
|
|
display: inline-block;
|
|
}
|
|
html:not(.feature-touch) button.recommend.active:hover {
|
|
background: #A5ABB5;
|
|
}
|
|
html:not(.feature-touch) button.recommend.active:hover .suggested {
|
|
display: none;
|
|
}
|
|
html:not(.feature-touch) button.recommend.active:hover .unsuggest {
|
|
display: inline-block;
|
|
}
|
|
html:not(.feature-touch) button.recommend:hover {
|
|
background: #FD9F2B;
|
|
}
|
|
button.recommend:not(.active) .suggest {
|
|
display: inline-block;
|
|
}
|
|
button.profile-ban.active,
|
|
html:not(.feature-touch) button.profile-ban:hover {
|
|
background: #FF5925;
|
|
}
|
|
button.profile-ban .ban {
|
|
display: inline-block;
|
|
}
|
|
.tv-profile .ideas-stats {
|
|
position: absolute;
|
|
top: 24px;
|
|
left: 24px;
|
|
min-width: 323px;
|
|
width: -webkit-calc(100% - 48px);
|
|
width: calc(100% - 48px);
|
|
}
|
|
.tv-profile .ideas-stats > a {
|
|
color: #6B6F74;
|
|
width: 100%;
|
|
height: 30px;
|
|
position: relative;
|
|
margin: 2px 0 0;
|
|
background: #DCE1E7;
|
|
display: block;
|
|
}
|
|
.tv-profile .ideas-stats > a:nth-child(2) > div {
|
|
background: #F47884;
|
|
}
|
|
.tv-profile .ideas-stats > a:nth-child(3) > div {
|
|
background: #65B5BD;
|
|
}
|
|
.tv-profile .ideas-stats > a:nth-child(4) > div {
|
|
background: #98CCF2;
|
|
}
|
|
.tv-profile .ideas-stats > a:nth-child(5) > div,
|
|
.tv-profile .ideas-stats > a.other > div {
|
|
background: #878AB8;
|
|
}
|
|
.tv-profile .ideas-stats > a:hover {
|
|
background: #d3d9e1;
|
|
}
|
|
.tv-profile .ideas-stats > a:hover:nth-child(2) > div {
|
|
background: #f16875;
|
|
}
|
|
.tv-profile .ideas-stats > a:hover:nth-child(3) > div {
|
|
background: #58aeb6;
|
|
}
|
|
.tv-profile .ideas-stats > a:hover:nth-child(4) > div {
|
|
background: #88c3ee;
|
|
}
|
|
.tv-profile .ideas-stats > a:hover:nth-child(5) > div,
|
|
.tv-profile .ideas-stats > a:hover.other > div {
|
|
background: #7b7faf;
|
|
}
|
|
.tv-profile .ideas-stats > a:hover > div {
|
|
background: #ffb045;
|
|
}
|
|
.tv-profile .ideas-stats > a > * {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.tv-profile .ideas-stats > a > em {
|
|
right: 9px;
|
|
font-style: normal;
|
|
}
|
|
.tv-profile .ideas-stats > a > div {
|
|
left: 0;
|
|
width: 10%;
|
|
background: #FEAF48;
|
|
}
|
|
.tv-profile .ideas-stats > a > span {
|
|
left: 9px;
|
|
font-weight: bold;
|
|
}
|
|
.tv-profile .tags {
|
|
padding: 7px 0 27px 0;
|
|
}
|
|
.tv-profile .tags > div {
|
|
padding: 7px 10px;
|
|
margin-right: 25px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
position: relative;
|
|
cursor: pointer;
|
|
background: #bec3c8;
|
|
color: #5C5F64;
|
|
}
|
|
.tv-profile .tags > div:after {
|
|
margin-top: -14px;
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 100%;
|
|
border: medium solid transparent;
|
|
border-width: 14px;
|
|
border-color: rgba(190, 195, 200, 0) rgba(190, 195, 200, 0) rgba(190, 195, 200, 0) #bec3c8;
|
|
content: " ";
|
|
pointer-events: none;
|
|
}
|
|
.tv-profile .tags > div.active {
|
|
background: #06b2ce;
|
|
color: white;
|
|
}
|
|
.tv-profile .tags > div.active:after {
|
|
border-color: rgba(6, 178, 206, 0) rgba(6, 178, 206, 0) rgba(6, 178, 206, 0) #06b2ce;
|
|
}
|
|
.tv-profile .tabs-with-search {
|
|
height: 35px;
|
|
margin: 0 0 27px 5px;
|
|
}
|
|
.tv-profile .decks .charts,
|
|
.tv-profile .decks .user-ideas,
|
|
.tv-profile .decks .followers,
|
|
.tv-profile .decks .following-ideas,
|
|
.tv-profile .decks .following-people,
|
|
.tv-profile .decks .following-symbols {
|
|
padding: 0 0 30px 0;
|
|
}
|
|
.tv-profile .chart {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
/*-moz-box-sizing: border-box;
|
|
box-sizing: border-box;*/
|
|
width: 225px;
|
|
position: relative;
|
|
margin: 0 15px 30px 0;
|
|
padding: 5px 5px 0 5px;
|
|
}
|
|
.tv-profile .chart:nth-child(3n) {
|
|
margin-right: 0;
|
|
}
|
|
.tv-profile .chart:hover {
|
|
background: #DEE4EC;
|
|
}
|
|
.tv-profile .chart .delete-container {
|
|
background-color: inherit;
|
|
border-radius: 7px;
|
|
width: 13px;
|
|
height: 13px;
|
|
display: block;
|
|
position: absolute;
|
|
left: -4px;
|
|
top: -4px;
|
|
display: none;
|
|
}
|
|
.tv-profile .chart:hover .delete-container {
|
|
display: block;
|
|
}
|
|
.tv-profile .chart .delete {
|
|
cursor: pointer;
|
|
width: 13px;
|
|
height: 13px;
|
|
background: url('../images/dialogs/close.png');
|
|
}
|
|
.tv-profile .chart .delete:hover {
|
|
background: url('../images/dialogs/close.png') center bottom;
|
|
}
|
|
.tv-profile .chart .area,
|
|
.tv-profile .chart .area > a,
|
|
.tv-profile .chart .area > a > img {
|
|
display: block;
|
|
width: 225px;
|
|
height: 136px;
|
|
}
|
|
.tv-profile .chart > a > img {
|
|
background: DimGray;
|
|
}
|
|
.tv-profile .chart .area {
|
|
position: relative;
|
|
}
|
|
.tv-profile .chart .not_public {
|
|
color: white;
|
|
padding: 0 4px;
|
|
margin: 0 7px 0 0;
|
|
border-radius: 2px;
|
|
font-size: 8px;
|
|
text-transform: uppercase;
|
|
cursor: default;
|
|
vertical-align: top;
|
|
line-height: 16px;
|
|
display: inline-block;
|
|
background: #E28B8B;
|
|
}
|
|
.tv-profile .chart .screen {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 8px;
|
|
background: rgba(255, 255, 255, 0.85);
|
|
display: none;
|
|
color: #919191;
|
|
}
|
|
.tv-profile .chart:hover .screen {
|
|
display: block;
|
|
}
|
|
.feature-touch .tv-profile .chart:hover .screen {
|
|
display: none;
|
|
}
|
|
.tv-profile .chart .screen .created {
|
|
font-size: smaller;
|
|
}
|
|
.tv-profile .chart .user-stats {
|
|
margin-bottom: 4px;
|
|
}
|
|
.tv-profile .chart .user-stats img {
|
|
float: left;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
.tv-profile .chart .user-stats:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
.tv-profile .chart .user-stats .username {
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
}
|
|
.tv-profile .chart .user-stats div:last-child {
|
|
margin: 10px 0 0;
|
|
}
|
|
.tv-profile .chart .user-stats .count,
|
|
.follow-list .count {
|
|
color: #3B3E44;
|
|
font-weight: bold;
|
|
margin: 0 8px 0 0;
|
|
position: relative;
|
|
}
|
|
.tv-profile .chart .user-stats .count:before,
|
|
.follow-list .count:before {
|
|
content: '';
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 12px;
|
|
background: url('../images/profile/icons.png') no-repeat;
|
|
margin: 0 5px 0 0;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
.tv-profile .chart .user-stats .followers:before,
|
|
.follow-list .followers:before {
|
|
background-position: -43px -4px;
|
|
}
|
|
.tv-profile .chart .user-stats .charts:before,
|
|
.follow-list .charts:before {
|
|
width: 16px;
|
|
background-position: -56px -4px;
|
|
}
|
|
.tv-profile .chart .stats .name {
|
|
margin: 0;
|
|
color: #3B3E44;
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
}
|
|
.tv-profile .chart .stats .description {
|
|
line-height: 1.25;
|
|
margin: 4px 0 0;
|
|
}
|
|
.tv-profile .chart .bar {
|
|
margin: 12px 0 12px;
|
|
font-weight: bold;
|
|
color: #3B3E44;
|
|
}
|
|
.tv-profile .chart .bar > div {
|
|
float: right;
|
|
}
|
|
.tv-profile .chart .bar > div > span {
|
|
vertical-align: top;
|
|
margin: 0 0 0 7px;
|
|
}
|
|
.tv-profile .chart span.comments:before,
|
|
.tv-profile .chart span.views:before {
|
|
display: inline-block;
|
|
content: '';
|
|
width: 17px;
|
|
height: 15px;
|
|
background: url('../images/profile/icons.png') no-repeat;
|
|
margin: 0 5px 0 0;
|
|
vertical-align: top;
|
|
}
|
|
.tv-profile .chart span.comments:before {
|
|
background-position: 0 -16px;
|
|
width: 15px;
|
|
}
|
|
.tv-profile .chart span.views:before {
|
|
background-position: -14px -16px;
|
|
}
|
|
.follow-list button.follow {
|
|
float: right;
|
|
width: 108px;
|
|
height: 27px;
|
|
line-height: 27px;
|
|
margin: 0;
|
|
font-size: 8pt;
|
|
}
|
|
.follow-list img {
|
|
display: block;
|
|
width: 102px;
|
|
height: 102px;
|
|
float: left;
|
|
margin: 0 11px 0 0;
|
|
}
|
|
.follow-list-item {
|
|
padding: 0 0 20px;
|
|
margin: 0 0 20px;
|
|
border-bottom: 1px solid #dadfe3;
|
|
}
|
|
.follow-list-item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.follow-list-item:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
.follow-list-item > div {
|
|
color: #3b3e44;
|
|
}
|
|
.follow-list-item .indent {
|
|
padding-left: 122px;
|
|
}
|
|
.follow-list-item .description {
|
|
min-height: 65px;
|
|
}
|
|
.follow-list-item .username {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
.follow-list-item .stats {
|
|
font-size: 14px;
|
|
margin: 6px 0 0;
|
|
}
|
|
.follow-list-item .links {
|
|
margin: 4px 0 0;
|
|
}
|
|
.follow-list-item .links .contact {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.follow-list-item .links .contact:before {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 17px;
|
|
position: relative;
|
|
top: 3px;
|
|
background: url('../images/profile/icons.png') no-repeat;
|
|
}
|
|
.follow-list-item .links .contact.location:before {
|
|
width: 13px;
|
|
background-position: 0 0;
|
|
margin: 0 8px 0 0;
|
|
}
|
|
.follow-list-item .links .contact.twitter:before {
|
|
width: 15px;
|
|
background-position: -13px 0;
|
|
margin: 0 6px 0 0;
|
|
}
|
|
.follow-list-item .links .contact.webpage:before {
|
|
width: 16px;
|
|
background-position: -27px 0;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
.follow-list-item .contact {
|
|
display: inline;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
.follow-list-item .contact:before {
|
|
margin: 0 3px 0 0;
|
|
}
|
|
.follow-list-item .about {
|
|
margin: 8px 0 0;
|
|
overflow: hidden;
|
|
color: #95989c;
|
|
}
|
|
.tv-profile .empty,
|
|
.follow-list .empty {
|
|
margin: 20px 0 20px;
|
|
font-size: 16px;
|
|
font-style: italic;
|
|
text-align: center;
|
|
color: #95989c;
|
|
}
|
|
.tv-profile .empty {
|
|
font-size: 20px;
|
|
}
|
|
.side-users .card {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
margin: 10px 0 0;
|
|
}
|
|
.side-users .card > * {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.side-users .card .avatar,
|
|
.side-users .card .avatar img {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.side-users .card .avatar {
|
|
-webkit-border-radius: 1px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 1px;
|
|
-moz-background-clip: padding;
|
|
border-radius: 1px;
|
|
background-clip: padding-box;
|
|
width: 32px;
|
|
height: 32px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
vertical-align: top;
|
|
}
|
|
.side-users .card .avatar img {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.side-users .card .avatar.online:after,
|
|
.side-users .card .avatar.is-online:after {
|
|
content: '';
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: -3px;
|
|
right: -3px;
|
|
background: #5cb888;
|
|
border: 3px solid #f2f5f8;
|
|
}
|
|
.side-users .card > .follow-small {
|
|
width: 16px;
|
|
height: 16px;
|
|
border: none;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
background: #a5abb5 url('data:image/gif;base64,R0lGODlhCAAIAIABAPL1+P///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNTAzRjFDMDJBOEMxMUUzQkU1MEQwMUUwRTdCNUNGNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNTAzRjFDMTJBOEMxMUUzQkU1MEQwMUUwRTdCNUNGNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE1MDNGMUJFMkE4QzExRTNCRTUwRDAxRTBFN0I1Q0Y0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE1MDNGMUJGMkE4QzExRTNCRTUwRDAxRTBFN0I1Q0Y0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAgACAAAAg2MAaaBe/mQnFQ1d1cuADs=') no-repeat 50% 50%;
|
|
margin: 0 0 0 11px;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
.side-users .card > .follow-small:hover {
|
|
background-color: #58c3e5;
|
|
}
|
|
.side-users .card > .follow-small.active,
|
|
.side-users .card > .follow-small.unfollow {
|
|
background: #43be83 url('data:image/gif;base64,R0lGODlhCQAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRTNBQUU5RTJBOEMxMUUzQUU3QTg3QUM5MEJFOTYxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRTNBQUU5RjJBOEMxMUUzQUU3QTg3QUM5MEJFOTYxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJFM0FBRTlDMkE4QzExRTNBRTdBODdBQzkwQkU5NjFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJFM0FBRTlEMkE4QzExRTNBRTdBODdBQzkwQkU5NjFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAkACAAAAhCMHwBouuiWSo7GZyfUDJsCADs=') no-repeat 3px 50%;
|
|
}
|
|
.side-users .card > .follow-small.active:hover,
|
|
.side-users .card > .follow-small.unfollow:hover {
|
|
background: #a5abb5 url('data:image/gif;base64,R0lGODlhCQAJAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERjVCQkNBQjJBOEMxMUUzQjY4Nzg0OTBDNTAwMDE2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERjVCQkNBQzJBOEMxMUUzQjY4Nzg0OTBDNTAwMDE2MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRGNUJCQ0E5MkE4QzExRTNCNjg3ODQ5MEM1MDAwMTYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRGNUJCQ0FBMkE4QzExRTNCNjg3ODQ5MEM1MDAwMTYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAkACQAAAhEMgnjAyd+ggU1JdyfVix4bFAA7') no-repeat 3px 3px;
|
|
}
|
|
.side-users .card > .follow-small.self {
|
|
background-color: #e0735e;
|
|
}
|
|
.side-users .card > a.userlink {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
/*
|
|
.side-users .card > a.userlink:hover { margin-left: 20px; }*/
|
|
.side-users .card > a.userlink-pro {
|
|
max-width: 73px;
|
|
}
|
|
.side-users .card .username {
|
|
font-weight: bold;
|
|
margin: 0 0 0 7px;
|
|
}
|
|
.load-indicator {
|
|
display: none;
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background: rgba(234, 239, 244, 0.5);
|
|
}
|
|
.load-indicator .loading-wheel {
|
|
position: fixed;
|
|
left: calc(50% - 12px);
|
|
top: calc(50% - 12px);
|
|
width: 24px;
|
|
height: 24px;
|
|
margin: 0 auto;
|
|
background: url('../images/loading-small.gif') no-repeat;
|
|
}
|
|
/* .tv-profile .more-ideas */
|
|
.more-ideas {
|
|
margin: 35px 0 35px;
|
|
padding: 10px 0 10px;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
background: #5CB888;
|
|
color: White;
|
|
cursor: pointer;
|
|
}
|
|
.profile-nav {
|
|
margin: 20px 0 0 0;
|
|
position: relative;
|
|
}
|
|
.profile-nav .nav-item {
|
|
float: left;
|
|
display: block;
|
|
color: #3678d4;
|
|
border-bottom: 1px dashed #3678d4;
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
cursor: pointer;
|
|
text-transform: uppercase;
|
|
}
|
|
.profile-nav .nav-item:not(:first-child) {
|
|
margin: 0 0 0 30px;
|
|
}
|
|
.profile-nav .nav-item.active {
|
|
border-bottom: none;
|
|
color: #5a5d66;
|
|
}
|
|
.users-table {
|
|
border: 1px solid #bfbfbf;
|
|
margin: 0;
|
|
border-radius: 3px;
|
|
position: relative;
|
|
}
|
|
.users-table.single {
|
|
margin: 5px 0 0;
|
|
border-radius: 3px;
|
|
}
|
|
.users-table-header {
|
|
background: #ecf0f3;
|
|
border-bottom: 1px solid #d8d9da;
|
|
padding: 5px 10px;
|
|
border-radius: 3px 3px 0 0;
|
|
}
|
|
.users-table-header div {
|
|
font-size: 16px;
|
|
}
|
|
.users-table-header a {
|
|
text-decoration: underline;
|
|
}
|
|
.users-table .followers-name {
|
|
width: 56%;
|
|
float: left;
|
|
}
|
|
.users-table .following {
|
|
width: 22%;
|
|
float: left;
|
|
text-align: right;
|
|
}
|
|
.users-table .followers {
|
|
width: 22%;
|
|
float: left;
|
|
text-align: right;
|
|
}
|
|
.users-table .small {
|
|
font-size: 12px;
|
|
margin: 3px 0 0;
|
|
}
|
|
.users-table .people-title-column {
|
|
width: 55%;
|
|
float: left;
|
|
}
|
|
.users-table .people-data-column {
|
|
width: 15%;
|
|
float: left;
|
|
text-align: right;
|
|
}
|
|
.profile .tab {
|
|
display: none;
|
|
}
|
|
.profile .tab.default {
|
|
display: block;
|
|
}
|
|
.users-table .checkbox {
|
|
width: 5%;
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
.users-table .chart-name {
|
|
width: 40%;
|
|
float: left;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.users-table .chart-name-thin {
|
|
width: 45%;
|
|
}
|
|
.users-table .symbol {
|
|
width: 8%;
|
|
float: left;
|
|
text-align: right;
|
|
}
|
|
.users-table .creation-date {
|
|
width: 12%;
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
.users-table .modified-date {
|
|
width: 12%;
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
.users-table .public {
|
|
width: 8%;
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
.users-table .likes {
|
|
width: 9%;
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
.users-table .views {
|
|
width: 8%;
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
.user-info-avatar {
|
|
float: left;
|
|
margin: 0 8px 0 0;
|
|
}
|
|
.user-info-name {
|
|
font: bold 14px Arial;
|
|
margin: 0 0 5px;
|
|
float: left;
|
|
}
|
|
.user-info-name a {
|
|
float: left;
|
|
}
|
|
.user-info-rating {
|
|
font: bold 16px Arial;
|
|
margin: 24px 0 0 3px;
|
|
}
|
|
.tv-profile-backscreen {
|
|
width: 100%;
|
|
background: #ECF0F3;
|
|
}
|
|
.public-user-info {
|
|
margin: 7px 0 0;
|
|
position: relative;
|
|
}
|
|
.public-user-info-left-column {
|
|
float: left;
|
|
width: 84px;
|
|
}
|
|
.public-user-info-avatar {
|
|
position: relative;
|
|
}
|
|
.public-user-info-left-column .color-button {
|
|
width: 84px;
|
|
padding: 4px 0;
|
|
}
|
|
.public-user-info-detail {
|
|
float: left;
|
|
margin: 0 0 0 10px;
|
|
max-width: 550px;
|
|
height: 84px;
|
|
position: relative;
|
|
}
|
|
.public-user-info-detail .info .username {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
.public-user-info-detail .info .icon-chart-recommended {
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
.public-user-info-detail .links,
|
|
.user-profile-card .links {
|
|
margin: 6px 0 0;
|
|
}
|
|
.public-user-info-detail .links > span,
|
|
.user-profile-card .links > span {
|
|
margin: 0 10px 0 0;
|
|
}
|
|
.public-user-info-detail .links a,
|
|
.user-profile-card .links a {
|
|
text-decoration: underline;
|
|
}
|
|
.user-profile-card .icon-chart-recommended {
|
|
top: 2px;
|
|
}
|
|
.public-user-info-detail .about,
|
|
.user-profile-card .about {
|
|
margin: 6px 0 0;
|
|
}
|
|
.detail-plate-stats {
|
|
float: right;
|
|
margin-left: 10px;
|
|
height: 84px;
|
|
}
|
|
.detail-plate {
|
|
float: left;
|
|
padding: 10px;
|
|
height: 62px;
|
|
border-top: 1px solid #E5E6EB;
|
|
border-bottom: 1px solid #E5E6EB;
|
|
background: #f7f9fa;
|
|
}
|
|
.plate-left {
|
|
border-top-left-radius: 2px;
|
|
border-bottom-left-radius: 2px;
|
|
border-left: 1px solid #E5E6EB;
|
|
border-right: 1px solid #E5E6EB;
|
|
}
|
|
.plate-right {
|
|
border-top-right-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
border-right: 1px solid #E5E6EB;
|
|
}
|
|
.plate-interval {
|
|
margin-left: 5px;
|
|
}
|
|
.detail-plate > span {
|
|
display: block;
|
|
color: #646464;
|
|
font-size: 40px;
|
|
text-align: center;
|
|
}
|
|
.detail-plate .plate-subscript {
|
|
font-size: 10px;
|
|
}
|
|
.detail-plate .plate-counter {
|
|
font-weight: none;
|
|
display: inline-block;
|
|
}
|
|
.user-profile-card .detail-plate > span {
|
|
color: #828282;
|
|
}
|
|
.user-charts-actions {
|
|
position: absolute;
|
|
top: -29px;
|
|
right: -1px;
|
|
}
|
|
.user-charts-actions-caption {
|
|
float: right;
|
|
margin: 8px 10px 0 0;
|
|
}
|
|
.user-action-button {
|
|
display: inline-block;
|
|
padding: 6px 14px 5px;
|
|
border: 1px solid #969696;
|
|
border-radius: 3px;
|
|
font-weight: bold;
|
|
cursor: default;
|
|
font-size: 11px;
|
|
background: url('../images/index/button-bg.png');
|
|
}
|
|
.user-follow-button {
|
|
float: right;
|
|
position: relative;
|
|
top: -7px;
|
|
}
|
|
/* Edit profile */
|
|
/* buttons */
|
|
.btn {
|
|
padding: 8px 12px;
|
|
margin: 0;
|
|
border: none;
|
|
-webkit-border-radius: 0;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 0;
|
|
-moz-background-clip: padding;
|
|
border-radius: 0;
|
|
background-clip: padding-box;
|
|
cursor: pointer;
|
|
background-color: #A5ABB5;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
-webkit-appearance: none;
|
|
}
|
|
.btn:hover {
|
|
background-color: #1eb9d2;
|
|
}
|
|
.btn.danger {
|
|
background-color: #E0735E;
|
|
}
|
|
.btn.danger:hover {
|
|
background-color: #e3816e;
|
|
}
|
|
.btn.danger-hover:hover {
|
|
background-color: #e3816e;
|
|
}
|
|
.btn.good {
|
|
background-color: #43BE83;
|
|
}
|
|
.btn.good:hover {
|
|
background-color: #67C296;
|
|
}
|
|
.btn.disabled {
|
|
background-color: #C2C2C2;
|
|
}
|
|
.btn.disabled:hover {
|
|
cursor: default;
|
|
background-color: #C2C2C2;
|
|
}
|
|
/* settings */
|
|
.settings .user-settings-block,
|
|
.settings .notifications-block {
|
|
width: calc(50% - 13px);
|
|
}
|
|
.settings .user-settings-block table,
|
|
.settings .notifications-block table {
|
|
margin-bottom: 25px;
|
|
}
|
|
.settings .user-settings-block table td:first-child {
|
|
width: 150px;
|
|
}
|
|
.settings .user-settings-block table .caption td {
|
|
padding: 0 0 5px 6px;
|
|
color: #888a8a;
|
|
font-size: 12px;
|
|
}
|
|
.settings .user-settings-block table td.a-right {
|
|
text-align: right;
|
|
}
|
|
.settings .user-settings-block .btn {
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
height: 32px;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.settings .user-settings-block .btn::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
.settings .user-settings-block .username-input-wrapper {
|
|
position: relative;
|
|
}
|
|
.settings .user-settings-block .username-input-wrapper input[type=text] {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding-right: 20px;
|
|
width: 182px;
|
|
height: 32px;
|
|
}
|
|
.settings .user-settings-block .username-input-wrapper .btn {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.settings .user-settings-block input[type="text"]:-moz-placeholder {
|
|
color: #808282;
|
|
}
|
|
.settings .user-settings-block .change-password-section {
|
|
display: none;
|
|
}
|
|
.settings .notifications-block form {
|
|
min-height: 600px;
|
|
padding-bottom: 30px;
|
|
position: relative;
|
|
}
|
|
.settings .notifications-block form input[type="submit"] {
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
.settings .notifications-block .btn {
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
}
|
|
.settings .notifications-block td:first-child {
|
|
padding-left: 0;
|
|
}
|
|
.settings .notifications-block td:last-child {
|
|
padding-right: 0;
|
|
}
|
|
.settings .notifications-block tr.mark:hover td {
|
|
background: #eaeff4;
|
|
}
|
|
.settings .notifications-block tr.separator td {
|
|
padding: 7px 0;
|
|
}
|
|
.settings .notifications-block tr:last-child td {
|
|
padding-bottom: 0;
|
|
}
|
|
.settings .notifications-block .tdcheckbox {
|
|
text-align: center;
|
|
vertical-align: middle !important;
|
|
width: 1%;
|
|
}
|
|
.settings .notifications-block .tdcheckbox-title {
|
|
width: 200px;
|
|
text-align: left !important;
|
|
}
|
|
.settings td {
|
|
padding: 10px 5px;
|
|
}
|
|
.settings td:last-child {
|
|
padding-right: 0;
|
|
vertical-align: top;
|
|
}
|
|
.settings td:first-child {
|
|
padding-left: 0;
|
|
}
|
|
.settings td.v-top {
|
|
vertical-align: top;
|
|
}
|
|
.settings .error {
|
|
font-size: 14pt;
|
|
color: #c34c36;
|
|
border: 3px solid #ffcccc;
|
|
background: #f8dde0;
|
|
background: rgba(248, 221, 224, 0.8);
|
|
padding: 10px;
|
|
text-align: left;
|
|
}
|
|
.settings .error h4 {
|
|
font-size: .9em;
|
|
}
|
|
.settings .error p {
|
|
font-size: .8em;
|
|
font-weight: normal;
|
|
}
|
|
.settings .error ul {
|
|
margin: 0 !important;
|
|
padding: 0!important;
|
|
list-style: none;
|
|
list-style-type: none;
|
|
font-size: .9em;
|
|
}
|
|
.settings .error ul li {
|
|
display: block;
|
|
margin: 5px 0 15px !important;
|
|
padding: 0 !important;
|
|
background: transparent !important;
|
|
text-align: left;
|
|
}
|
|
.settings .heading-row td:first-child {
|
|
width: 200px;
|
|
text-align: left !important;
|
|
}
|
|
/* billing */
|
|
.billing .fade {
|
|
color: #8b9199;
|
|
}
|
|
.billing .btn {
|
|
margin: 10px 0 0 0;
|
|
font-size: 10px;
|
|
}
|
|
.billing .status,
|
|
.billing .subscriptions {
|
|
width: calc(50% - 13px);
|
|
min-width: 360px;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
float: left;
|
|
}
|
|
.billing .status > div,
|
|
.billing .subscriptions > div {
|
|
border: 1px solid #dbe1e6;
|
|
background-color: #f2f5f8;
|
|
padding: 25px 20px;
|
|
}
|
|
.billing .status {
|
|
margin-right: 25px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.billing .status .fade {
|
|
margin: 10px 0 0 0;
|
|
}
|
|
.billing .status .subheader {
|
|
margin-bottom: 10px;
|
|
}
|
|
.billing .status .btn {
|
|
width: 100%;
|
|
}
|
|
.billing .subscriptions form {
|
|
display: inline-block;
|
|
}
|
|
.billing .subscriptions .additional-packages-item:not(:first-child) {
|
|
margin-top: 15px;
|
|
}
|
|
.billing .subscriptions .additional-packages-item > div {
|
|
margin-left: 15px;
|
|
}
|
|
.billing .subscriptions .additional-package-marker {
|
|
width: 5px;
|
|
height: 5px;
|
|
display: inline-block;
|
|
margin: 0 10px 2px 0 !important;
|
|
border-radius: 2.5px;
|
|
background-color: #43BE83;
|
|
}
|
|
.billing .subscriptions .additional-package-actions {
|
|
font-size: 12px;
|
|
margin-top: 5px;
|
|
}
|
|
.billing .subscriptions .additional-package-actions input {
|
|
padding: 4px 8px;
|
|
font-size: 9px;
|
|
margin-top: 0px;
|
|
}
|
|
.billing .billing-history {
|
|
width: 100%;
|
|
clear: both;
|
|
}
|
|
.billing .billing-history table.pro-events-history {
|
|
width: 100%;
|
|
margin-top: -10px;
|
|
border-collapse: collapse;
|
|
font-size: 13px;
|
|
}
|
|
.billing .billing-history table.pro-events-history td,
|
|
.billing .billing-history table.pro-events-history th {
|
|
text-align: left;
|
|
padding: 12px 10px;
|
|
}
|
|
.billing .billing-history table.pro-events-history td:first-child,
|
|
.billing .billing-history table.pro-events-history th:first-child {
|
|
padding-left: 0;
|
|
}
|
|
.billing .billing-history table.pro-events-history td:last-child,
|
|
.billing .billing-history table.pro-events-history th:last-child {
|
|
padding-right: 0;
|
|
}
|
|
.billing .billing-history table.pro-events-history th {
|
|
font-weight: normal;
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
border-bottom: 1px solid #dbe1e6;
|
|
}
|
|
.billing .billing-history table.pro-events-history th:first-child {
|
|
width: 102px;
|
|
}
|
|
.billing .billing-history table.pro-events-history tr:hover td {
|
|
background-color: #eaeff4;
|
|
}
|
|
/* follow-symbols */
|
|
.user-profile-followingsymbol {
|
|
width: 50%;
|
|
height: 60px;
|
|
float: left;
|
|
}
|
|
.button-follow-symbol {
|
|
width: 120px;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
font-weight: bold;
|
|
color: white;
|
|
background-color: #A5ABB5;
|
|
text-transform: uppercase;
|
|
cursor: pointer;
|
|
content: 'FOLLOW';
|
|
}
|
|
.button-follow-symbol .image {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 5px;
|
|
background: url('../images/icons.png') -140px -260px;
|
|
}
|
|
.button-follow-symbol > div {
|
|
float: left;
|
|
}
|
|
.button-follow-symbol .text {
|
|
border-left: 1px solid white;
|
|
}
|
|
.button-follow-symbol .text span {
|
|
display: none;
|
|
text-align: center;
|
|
width: 88px;
|
|
}
|
|
.button-follow-symbol:not(.active) .follow {
|
|
display: inline-block;
|
|
}
|
|
.button-follow-symbol:hover {
|
|
background-color: #06B2CE;
|
|
}
|
|
.button-follow-symbol.active {
|
|
background-color: #43BE83;
|
|
}
|
|
.button-follow-symbol.active .following {
|
|
display: inline-block;
|
|
}
|
|
.button-follow-symbol.active:hover {
|
|
background-color: #A5ABB5;
|
|
}
|
|
.button-follow-symbol.active:hover .following {
|
|
display: none;
|
|
}
|
|
.button-follow-symbol.active:hover .unfollow {
|
|
display: inline-block;
|
|
}
|
|
.user-profile-followingsymbol-follow {
|
|
float: right;
|
|
margin-top: 4px;
|
|
margin-right: 20px;
|
|
}
|
|
.user-profile-followingsymbol-symbolname {
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
.user-profile-followingsymbol-description {
|
|
font-size: 11px;
|
|
line-height: 14px;
|
|
}
|
|
.profile .activity-stream.tab .activity-timeline {
|
|
margin-top: 10px;
|
|
}
|
|
/* preload process button bg */
|
|
.tv-dialog .tv-button:not(.process) {
|
|
background-image: url("../images/bar-loader.gif");
|
|
background-repeat: no-repeat;
|
|
background-position: -9999px -9999px;
|
|
}
|
|
.people-page .tv-content {
|
|
background: #eaeff4;
|
|
}
|
|
.people-page .people-cnt .head {
|
|
padding: 23px 0 0 5px;
|
|
background: #f2f5f8;
|
|
}
|
|
.people-page .people-cnt .head .heading {
|
|
font-size: 30px;
|
|
color: #26282f;
|
|
}
|
|
.people-page .people-cnt .head .tabs {
|
|
margin-top: 21px;
|
|
}
|
|
.people-page .people-cnt .head .tabs a {
|
|
font-size: 17px;
|
|
color: #007FB9;
|
|
float: left;
|
|
margin: 0 30px 0 0;
|
|
height: 48px;
|
|
line-height: 24px;
|
|
text-transform: uppercase;
|
|
}
|
|
.people-page .people-cnt .head .tabs a.active {
|
|
color: #666c7d;
|
|
border-bottom: solid 2px #5bb888;
|
|
}
|
|
.people-page .people-cnt .head .search-query {
|
|
margin-top: -5px;
|
|
}
|
|
.people-page .people-cnt .head:after {
|
|
clear: both;
|
|
display: table;
|
|
content: "";
|
|
}
|
|
.people-page .people-lists {
|
|
padding: 30px 0;
|
|
position: relative;
|
|
}
|
|
.people-page .people-lists .people-list {
|
|
display: none;
|
|
}
|
|
.people-page .people-lists .people-list.active {
|
|
display: block;
|
|
}
|
|
.follow-list .user-stats {
|
|
float: right;
|
|
}
|
|
.follow-list .userlink {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
.follow-list .action-buttons {
|
|
margin-top: 10px;
|
|
}
|
|
.follow-list .action-buttons button {
|
|
width: 115px;
|
|
height: 27px;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
margin: 0 9px 0 0;
|
|
border: 0;
|
|
outline: 0;
|
|
}
|
|
.follow-list .action-buttons button::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
.follow-list .action-buttons button > span {
|
|
position: relative;
|
|
padding-left: 20px;
|
|
}
|
|
.follow-list .action-buttons button > span.no-text {
|
|
padding-left: 10px;
|
|
}
|
|
.follow-list .action-buttons button > span:before {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
display: block;
|
|
width: 13px;
|
|
height: 27px;
|
|
background-image: url("../images/icons.png");
|
|
background-repeat: no-repeat;
|
|
border: 0;
|
|
outline: 0;
|
|
}
|
|
.follow-list .action-buttons button:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.follow-list .action-buttons button.follow-user span:before {
|
|
width: 13px;
|
|
height: 13px;
|
|
background-position: -120px -400px;
|
|
}
|
|
.follow-list .action-buttons button.follow-user span.following:before {
|
|
top: 1px;
|
|
background-position: -159px -400px;
|
|
}
|
|
.follow-list .action-buttons button.follow-user span.unfollow:before {
|
|
top: 1px;
|
|
width: 11px;
|
|
height: 12px;
|
|
background-position: -100px -400px;
|
|
}
|
|
.follow-list .action-buttons button.message-user span.message:before {
|
|
top: 3px;
|
|
width: 13px;
|
|
height: 9px;
|
|
background-position: -140px -400px;
|
|
}
|
|
/* Badge */
|
|
.user-badge,
|
|
a.user-badge {
|
|
display: inline-block;
|
|
width: 23px;
|
|
height: 11px;
|
|
margin: 0 1px;
|
|
vertical-align: baseline;
|
|
position: relative;
|
|
top: 1px;
|
|
border-radius: 1px;
|
|
overflow: hidden;
|
|
overflow: -moz-hidden-unscrollable;
|
|
text-indent: -5000px;
|
|
text-decoration: none !important;
|
|
}
|
|
.user-badge {
|
|
-moz-user-select: none;
|
|
-khtml-user-select: none;
|
|
user-select: none;
|
|
}
|
|
a.user-badge {
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
.user-badge.pro {
|
|
background: #feaf48 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAHCAQAAABE6273AAAAKUlEQVR4AWP4DwP1DKjsehgbKMwAAiAaF5uwEhwWoZsCBwhhailB+AgAd25tjyUzqYoAAAAASUVORK5CYII=') no-repeat 3px 2px;
|
|
}
|
|
.user-badge.mod {
|
|
background: #5cb888 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAHCAYAAAAF1R1/AAAAUElEQVQY062RMQ7AMAgDjyr/pu/q55whpPKQIWp6kzHIg0GDpJCUkuTayPKdBzctSBb0+j4v7rMBRETMpesd5n1zgwMufuI4qGq4WfXx5WsdfGaP/+IXASwAAAAASUVORK5CYII=') no-repeat 3px 2px;
|
|
}
|
|
/* Pro-realtime */
|
|
.user-badge.pro.realtime,
|
|
a.user-badge.pro.realtime,
|
|
.header-item-profile strong.badge.realtime {
|
|
background-color: #E0735E;
|
|
}
|
|
/* Pro RT trial */
|
|
.user-badge.pro.trial,
|
|
a.user-badge.pro.trial,
|
|
.header-item-profile strong.badge.trial {
|
|
background-color: #999999;
|
|
}
|
|
/* Large Pro/Pro-RT Badge */
|
|
.user-badge.large {
|
|
width: 30px /*auto*/;
|
|
height: 16px;
|
|
/*padding: 0 3px;*/
|
|
text-indent: 0;
|
|
background-image: none;
|
|
color: #FFFFFF;
|
|
font-size: 11px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-weight: normal;
|
|
line-height: 17px;
|
|
}
|
|
/* Badge in Menu */
|
|
.header-item-profile strong.user-badge.large {
|
|
height: 14px;
|
|
line-height: 15px;
|
|
font-weight: bold;
|
|
color: #2b2c31;
|
|
font-size: 12px;
|
|
top: auto;
|
|
margin: 0 2px 0 3px;
|
|
vertical-align: top;
|
|
top: 8px;
|
|
}
|
|
/* Special positions */
|
|
/* Main Page*/
|
|
/* charts */
|
|
.index-charts-tab .user-badge {
|
|
margin: 0 0 0 3px;
|
|
}
|
|
.side-users a.user-badge {
|
|
margin: 0 0 0 7px;
|
|
top: -1px;
|
|
}
|
|
/* main page activity */
|
|
.activity-stream-item .user-badge {
|
|
margin: 0 0 0 3px;
|
|
}
|
|
/* People */
|
|
/*.follow-list .user-badge { margin: 0 0 0 5px; top: 1px; }*/
|
|
.follow-list a.user-badge {
|
|
margin: 0 0 0 5px;
|
|
vertical-align: middle;
|
|
top: -1px;
|
|
}
|
|
/* Profile */
|
|
.public-user-info-detail a.user-badge.large {
|
|
margin: 0 0 0 0;
|
|
}
|
|
.tv-profile .chart .user-badge {
|
|
margin: 0 0 0 5px;
|
|
top: 0;
|
|
}
|
|
.tv-profile .header .user-badge.large {
|
|
height: 20px;
|
|
width: 35px;
|
|
line-height: 21px;
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
top: 0px;
|
|
}
|
|
/* Chat */
|
|
.ch-item-author .user-badge {
|
|
margin: 0 2px 0 0;
|
|
}
|
|
/* Activity */
|
|
.timeline-event .user-badge {
|
|
margin: 0 0 0 5px;
|
|
}
|
|
/* Published Idea */
|
|
.viewchart-column-main .user-badge {
|
|
margin: 0 0 0 4px;
|
|
overflow: hidden;
|
|
}
|
|
.global-notifications .user-badge {
|
|
overflow: hidden;
|
|
margin-left: 4px;
|
|
}
|
|
html.min-width-auto,
|
|
html.min-width-auto body {
|
|
min-width: 0;
|
|
}
|
|
.chart-section {
|
|
background: #eaeff4;
|
|
}
|
|
.view-chart .view-chart-header {
|
|
padding: 33px 0 28px;
|
|
}
|
|
.view-chart .view-chart-header .avatar {
|
|
float: left;
|
|
}
|
|
.view-chart .view-chart-header .avatar img {
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
.view-chart .view-chart-header h1 {
|
|
margin: 0;
|
|
font-weight: normal;
|
|
font-size: 24px;
|
|
text-transform: uppercase;
|
|
display: inline-block;
|
|
color: #3b3e44;
|
|
}
|
|
.view-chart .view-chart-header .chart-name {
|
|
padding-top: 8px;
|
|
}
|
|
.view-chart .view-chart-header .header-icons {
|
|
padding: 4px 0 0 6px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.view-chart .view-chart-header .chart-name-author {
|
|
padding-left: 82px;
|
|
}
|
|
.view-chart .view-chart-header .chart-author {
|
|
padding-top: 13px;
|
|
font-size: 15px;
|
|
}
|
|
.view-chart .view-chart-header .chart-author a.userlink {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
.view-chart .view-chart-header .chart-author .user-badge {
|
|
margin: 1px 3px 0 5px;
|
|
vertical-align: top;
|
|
}
|
|
.view-chart .view-chart-header .chart-author .follow-link {
|
|
display: inline-block;
|
|
position: static;
|
|
margin-top: 2px;
|
|
vertical-align: top;
|
|
}
|
|
.view-chart .chart-symbol {
|
|
display: inline-block;
|
|
}
|
|
.view-chart .chart-symbol .follow-symbol {
|
|
top: 2px;
|
|
}
|
|
.view-chart .symbol-quote {
|
|
font-size: 15px;
|
|
}
|
|
.view-chart .symbol-quote > div {
|
|
white-space: nowrap;
|
|
}
|
|
.view-chart .symbol-quote a {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
.view-chart .symbol-quote .symbol-last {
|
|
padding: 0 2px;
|
|
border-radius: 2px;
|
|
}
|
|
.viewchart-column-main .chart-view-top {
|
|
padding-bottom: 16px;
|
|
}
|
|
.viewchart-column-main .chart-view-top .creation-date {
|
|
float: right;
|
|
color: #707070;
|
|
padding-left: 10px;
|
|
}
|
|
.viewchart-column-main .chart-relation-buttons {
|
|
top: 7px;
|
|
left: 7px;
|
|
z-index: 3;
|
|
}
|
|
.viewchart-column-main .chart-share-button {
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 7px;
|
|
z-index: 3;
|
|
}
|
|
body.viewchart-body .tv-layout-width {
|
|
margin: 0 auto;
|
|
width: 980px;
|
|
}
|
|
@media (min-width: 1000px) {
|
|
body.viewchart-body .tv-layout-width {
|
|
width: 96%;
|
|
}
|
|
}
|
|
@media (min-width: 1400px) {
|
|
body.viewchart-body .tv-layout-width {
|
|
width: 94%;
|
|
}
|
|
}
|
|
body.viewchart-body .tv-layout-width .tv-index-footer-wrap {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.viewchart-column-main {
|
|
padding: 20px 0 30px;
|
|
}
|
|
.viewchart-body-popup {
|
|
height: auto;
|
|
}
|
|
.inpage-chart-view .newtab-button {
|
|
float: right;
|
|
padding: 5px 3px;
|
|
background: #c8c8c8;
|
|
color: #fff;
|
|
border: none 0;
|
|
border-radius: 2px;
|
|
padding: 5px 8px 4px 8px;
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
font-weight: bold;
|
|
}
|
|
.inpage-chart-view .newtab-button:hover {
|
|
background: #5ba3ff;
|
|
}
|
|
.viewchart-column-main .chart-title {
|
|
height: 45px;
|
|
border: 1px dotted red;
|
|
border-width: 0;
|
|
}
|
|
.viewchart-column-main .chart-container-wrap {
|
|
position: relative;
|
|
}
|
|
.viewchart-column-main .chart-actions-float {
|
|
float: right;
|
|
}
|
|
.viewchart-column-main .chart-actions-float .button {
|
|
background: #00b8c9;
|
|
line-height: 20px;
|
|
display: inline-block;
|
|
padding: 0 8px;
|
|
-webkit-border-radius: 1px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 1px;
|
|
-moz-background-clip: padding;
|
|
border-radius: 1px;
|
|
background-clip: padding-box;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
}
|
|
.viewchart-column-main .chart-actions-float .button:hover {
|
|
background: #00cfe3;
|
|
}
|
|
.viewchart-column-main #chart-container,
|
|
.viewchart-column-main .chart-place {
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
.viewchart-column-main #loading-indicator {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin: -58px 0 0 -58px;
|
|
}
|
|
.viewchart-column-main .chart-stats {
|
|
float: right;
|
|
font: bold 15px Calibri, Arial;
|
|
color: #828282;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
/* These rules seems unused */
|
|
/* .viewchart-column-main .chart-stats.addthis_toolbox {width: 250px;}
|
|
.viewchart-column-main .chart-stats.addthis_toolbox a {max-width: 90px; overflow: hidden;}
|
|
.viewchart-column-main .chart-stats a.addthis_button_tweet {max-width: 90px;}
|
|
.viewchart-column-main .chart-stats a.addthis_button_google_plusone {max-width: 70px;}
|
|
.viewchart-column-main .chart-stats a.addthis_button_facebook_like {max-width: 75px;}
|
|
.viewchart-column-main .chart-stats .icon {margin: 0 3px 0 10px;} */
|
|
.viewchart-column-main .chart-footmeta .chart-tags {
|
|
padding: 20px 0 0 0;
|
|
}
|
|
.viewchart-column-main .chart-footmeta .chart-tag {
|
|
float: left;
|
|
line-height: 16px;
|
|
height: 16px;
|
|
white-space: nowrap;
|
|
padding: 5px 9px 5px 13px;
|
|
margin: 0 21px 0 0;
|
|
position: relative;
|
|
background: #e2e9f0;
|
|
color: #8c919a;
|
|
}
|
|
.viewchart-column-main .chart-footmeta .chart-tag:after {
|
|
content: ' ';
|
|
position: absolute;
|
|
top: 0;
|
|
right: -7px;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 13px solid transparent;
|
|
border-bottom: 13px solid transparent;
|
|
border-left: 7px solid #e2e9f0;
|
|
}
|
|
.viewchart-column-main .symbol-quote .symbol-change-pt:before {
|
|
content: '(';
|
|
}
|
|
.viewchart-column-main .symbol-quote .symbol-change-pt:after {
|
|
content: ')';
|
|
}
|
|
.viewchart-column-main .symbol-quote .symbol-change-pt:empty:before {
|
|
content: '';
|
|
}
|
|
.viewchart-column-main .symbol-quote .symbol-change-pt:empty:after {
|
|
content: '';
|
|
}
|
|
.view-chart.is-my-chart .chart-relation-buttons .agree {
|
|
cursor: default;
|
|
}
|
|
.view-chart .chart-status-buttons {
|
|
display: none;
|
|
margin-left: 40px;
|
|
}
|
|
.view-chart.is-my-chart .chart-status-buttons {
|
|
display: inline;
|
|
}
|
|
.view-chart.is-staff .chart-status-buttons {
|
|
display: inline;
|
|
}
|
|
.viewchart-column-main .chart-actions-agree-wrapper {
|
|
overflow: hidden;
|
|
height: 0;
|
|
}
|
|
.viewchart-column-main .chart-actions-agree {
|
|
clear: both;
|
|
position: relative;
|
|
padding: 15px 9px;
|
|
margin: 5px 0 0;
|
|
font-size: 12px;
|
|
background: #f2f5f8;
|
|
border: 1px solid #BFBFBF;
|
|
border-radius: 2px;
|
|
}
|
|
.viewchart-column-main .chart-actions-agree .close {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
display: block;
|
|
width: 13px;
|
|
height: 13px;
|
|
background: transparent url('../images/icons.png') -80px -100px;
|
|
cursor: pointer;
|
|
}
|
|
.viewchart-column-main .chart-actions-agree .close:hover {
|
|
background-position: -100px -100px;
|
|
}
|
|
.chart-actions-agree-comment-block {
|
|
position: relative;
|
|
margin: 12px 0 0 0;
|
|
}
|
|
.viewchart-column-main .chart-actions-agree-comment-block textarea {
|
|
width: 670px;
|
|
min-height: 46px;
|
|
}
|
|
.viewchart-column-main .chart-actions .chart-opinion-sum .positive {
|
|
color: #339900;
|
|
}
|
|
.viewchart-column-main .chart-actions .chart-opinion-sum .positive:before {
|
|
content: "+";
|
|
}
|
|
.viewchart-column-main .chart-actions .chart-opinion-sum .negative {
|
|
color: #CC0000;
|
|
}
|
|
.viewchart-column-main .chart-actions .chart-followers-count span {
|
|
color: #ea9207;
|
|
}
|
|
.viewchart-column-main .chart-actions .tv-button.with-arrow span {
|
|
font-family: Arial;
|
|
vertical-align: baseline;
|
|
}
|
|
.user-list-popup {
|
|
width: 400px;
|
|
position: fixed;
|
|
}
|
|
.user-list-popup .likes-col {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
.user-list-popup .dislikes-col {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
.user-list-popup .col-head {
|
|
padding: 4px 0 12px 0;
|
|
font-size: 15px;
|
|
line-height: 19px;
|
|
}
|
|
.user-list-popup .col-head:before {
|
|
width: 12px;
|
|
height: 14px;
|
|
background: url("../images/icons.png") no-repeat;
|
|
display: inline-block;
|
|
content: " ";
|
|
margin-right: 6px;
|
|
vertical-align: top;
|
|
margin-top: 1px;
|
|
}
|
|
.user-list-popup .likes-col .col-head:before {
|
|
background-position: -20px -180px;
|
|
}
|
|
.user-list-popup .dislikes-col .col-head:before {
|
|
background-position: -180px -180px;
|
|
margin-top: 5px;
|
|
}
|
|
.search-results .chart-actions {
|
|
opacity: 0.5;
|
|
-webkit-transition: opacity 0.1s ease;
|
|
-moz-transition: opacity 0.1s ease;
|
|
-o-transition: opacity 0.1s ease;
|
|
-ms-transition: opacity 0.1s ease;
|
|
transition: opacity 0.1s ease;
|
|
}
|
|
.search-results .item:hover .chart-actions {
|
|
opacity: 1;
|
|
}
|
|
.viewchart-column-main .chart-actions {
|
|
float: right;
|
|
}
|
|
.chart-actions-agree .controls {
|
|
float: right;
|
|
}
|
|
.chart-actions-agree .tv-button {
|
|
text-transform: uppercase;
|
|
padding: 6px 14px 5px;
|
|
}
|
|
.chart-actions-agree-comment-field {
|
|
overflow: hidden;
|
|
}
|
|
.chart-actions-agree-comment-field-sizer {
|
|
margin: 0 14px 0 0;
|
|
}
|
|
.chart-actions-agree-comment-block .chart-actions-agree-comment-field-sizer textarea {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.viewchart-column-main textarea {
|
|
color: #595959;
|
|
border: 1px solid #c9cbcd;
|
|
background: #FAFAFA;
|
|
border-radius: 1px;
|
|
margin: 0;
|
|
padding: 2px 3px;
|
|
font-family: sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
.viewchart-column-main textarea::-webkit-input-placeholder {
|
|
color: #777777;
|
|
}
|
|
.viewchart-column-main textarea:-moz-placeholder {
|
|
color: #777777;
|
|
}
|
|
.viewchart-column-main textarea:-ms-input-placeholder {
|
|
color: #777777;
|
|
}
|
|
.viewchart-column-main textarea:focus::-webkit-input-placeholder {
|
|
color: transparent;
|
|
}
|
|
.viewchart-column-main textarea:focus:-moz-placeholder {
|
|
color: transparent;
|
|
}
|
|
.viewchart-column-main textarea:focus:-ms-input-placeholder {
|
|
color: transparent;
|
|
}
|
|
.viewchart-column-main .chart-description {
|
|
position: relative;
|
|
margin-top: 12px;
|
|
padding: 3px 60px 3px 3px;
|
|
color: #3b3e44;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
}
|
|
.viewchart-column-main .chart-description div {
|
|
overflow-x: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.viewchart-column-main .chart-description.editable.editing {
|
|
background: #f4f7f9;
|
|
}
|
|
.viewchart-column-main .chart-description .tv-button {
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
.viewchart-column-main .chart-description .edit,
|
|
.viewchart-column-main .chart-description .submit {
|
|
color: #fff;
|
|
background: #1fb2cc;
|
|
color: #fff !important;
|
|
}
|
|
.viewchart-column-main .chart-description .edit:hover,
|
|
.viewchart-column-main .chart-description .submit:hover {
|
|
background: #21bed9;
|
|
}
|
|
.viewchart-column-main .chart-description .edit,
|
|
.viewchart-column-main .chart-description.editable.editing .edit,
|
|
.viewchart-column-main .chart-description .submit {
|
|
position: absolute;
|
|
top: 3px;
|
|
right: 3px;
|
|
visibility: hidden;
|
|
}
|
|
.viewchart-column-main .chart-description .cancel {
|
|
position: absolute;
|
|
top: 28px;
|
|
right: 3px;
|
|
visibility: hidden;
|
|
}
|
|
.viewchart-column-main .chart-description.editable .edit,
|
|
.viewchart-column-main .chart-description.editable.editing .submit,
|
|
.viewchart-column-main .chart-description.editable.editing .cancel {
|
|
visibility: visible;
|
|
}
|
|
.viewchart-column-main .chart-description.editable .edit,
|
|
.viewchart-column-main .chart-description.editable .submit,
|
|
.viewchart-column-main .chart-description.editable .cancel {
|
|
width: 35px;
|
|
text-align: center;
|
|
}
|
|
.viewchart-column-main .chart-description textarea {
|
|
background: WhiteSmoke;
|
|
border: none;
|
|
width: 100%;
|
|
min-height: 82px;
|
|
font-family: sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
resize: vertical;
|
|
vertical-align: top;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
}
|
|
.viewchart-column-main .chart-description textarea {
|
|
display: none;
|
|
}
|
|
.viewchart-column-main .chart-description.editing textarea {
|
|
display: block;
|
|
}
|
|
.viewchart-column-main .chart-description.editing div {
|
|
display: none;
|
|
}
|
|
/* Related charts */
|
|
.chart-related-block {
|
|
padding: 10px 0;
|
|
background: #e2e9f0;
|
|
}
|
|
.chart-related-block .chart-related-col.half {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
.chart-related-block .head {
|
|
color: #26282f;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
margin: 12px 0;
|
|
}
|
|
.chart-related-block .head:before {
|
|
content: ' ';
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
height: 16px;
|
|
width: 16px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1852px;
|
|
}
|
|
.chart-related-block .head.rebounds:before {
|
|
height: 13px;
|
|
width: 14px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1803px;
|
|
}
|
|
.related-chart {
|
|
margin: 18px 0;
|
|
}
|
|
.related-chart .avatar {
|
|
position: relative;
|
|
top: 4px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
.related-chart .chart-info {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.related-chart .chart-info .chart-name {
|
|
font-size: 16px;
|
|
}
|
|
.related-chart .chart-info .chart-info {
|
|
margin: 4px 0 0 0;
|
|
color: #8c919a;
|
|
font-size: 12px;
|
|
}
|
|
.related-chart .chart-info .chart-info .icon-comments {
|
|
margin-left: 5px;
|
|
display: inline-block;
|
|
height: 13px;
|
|
width: 13px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -594px;
|
|
}
|
|
.related-chart .chart-info .chart-info .user-badge {
|
|
margin-left: 3px;
|
|
top: 2px;
|
|
}
|
|
/* Chart Comment subsystem */
|
|
.chart-comment-form-container {
|
|
margin-bottom: 30px;
|
|
}
|
|
.comment-block .chart-comment-form {
|
|
margin: 10px 0 0 0;
|
|
}
|
|
.chart-comment-form-avatar {
|
|
width: 53px;
|
|
}
|
|
.chart-comment-form-avatar > div {
|
|
width: 41px;
|
|
height: 41px;
|
|
margin: 0 6px 0 0;
|
|
background: White;
|
|
border: 1px solid #C4CED6;
|
|
}
|
|
.chart-comment-form-textarea {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.chart-comment-form-textarea textarea {
|
|
display: block;
|
|
height: 78px;
|
|
font: 14px Arial;
|
|
margin: 0;
|
|
padding: 8px;
|
|
padding-right: 30px;
|
|
border: solid 1px #d5d9de;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.chart-comment-form-textarea textarea:focus {
|
|
border-color: #1fb2cc;
|
|
}
|
|
.chart-comment-form-textarea textarea.process {
|
|
background: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.chart-comment-form-textarea textarea.disabled,
|
|
.chart-comment-form-textarea textarea:focus.disabled {
|
|
border: 1px solid #DD2222;
|
|
}
|
|
.chart-comment-form-textarea .non-latin-warning {
|
|
display: none;
|
|
color: #DD2222;
|
|
font-size: 12px;
|
|
padding-top: 4px;
|
|
}
|
|
.chart-comment-form-controls {
|
|
margin-top: 15px;
|
|
height: 32px;
|
|
}
|
|
.chart-comment-form-controls .button {
|
|
display: inline-block;
|
|
text-align: center;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
padding: 0 14px;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
background: #1fb2cc;
|
|
float: right;
|
|
}
|
|
.chart-comment-form-controls .button:hover {
|
|
background: #21bed9;
|
|
}
|
|
.chart-comment-form-controls .button.process {
|
|
background: url(../images/button-base-process.gif) repeat-x 0 0;
|
|
}
|
|
.reply-form-block {
|
|
width: 100%;
|
|
clear: both;
|
|
}
|
|
.reply-form-block .chart-comment-form-controls {
|
|
margin-bottom: 8px;
|
|
}
|
|
.reply-form-block .chart-comment-form {
|
|
margin-top: 15px;
|
|
}
|
|
.insert-chart-tag {
|
|
display: block;
|
|
width: 20px;
|
|
height: 19px;
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 7px;
|
|
cursor: pointer;
|
|
background: #f2f5f8;
|
|
}
|
|
.insert-chart-tag:hover {
|
|
background: #e1e8ef;
|
|
}
|
|
.insert-chart-tag:before {
|
|
content: " ";
|
|
height: 10px;
|
|
width: 14px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -243px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 4px;
|
|
left: 3px;
|
|
}
|
|
.attach-chart-toolbar {
|
|
position: absolute;
|
|
top: -29px;
|
|
right: 7px;
|
|
-webkit-transition: top 0.1s ease;
|
|
-moz-transition: top 0.1s ease;
|
|
-o-transition: top 0.1s ease;
|
|
-ms-transition: top 0.1s ease;
|
|
transition: top 0.1s ease;
|
|
}
|
|
.attach-chart-toolbar.active {
|
|
top: 7px;
|
|
}
|
|
.attach-chart-toolbar input {
|
|
float: left;
|
|
width: 290px;
|
|
height: 18px;
|
|
border: solid 1px #d5d9de;
|
|
padding: 3px 5px;
|
|
}
|
|
.attach-chart-toolbar input.error {
|
|
background: #FFEFEF;
|
|
color: #9E2E30;
|
|
}
|
|
.attach-chart-toolbar .button {
|
|
float: left;
|
|
margin-left: 7px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
padding: 0 13px;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
background: #1fb2cc;
|
|
}
|
|
.attach-chart-toolbar .button:hover {
|
|
background: #21bed9;
|
|
}
|
|
.attach-chart-toolbar .button.process {
|
|
background: url(../images/button-base-process.gif) repeat-x 0 0;
|
|
}
|
|
.chart-comments-list {
|
|
margin-left: -9px;
|
|
}
|
|
.chart-comments-list .comment-form-toolbar {
|
|
height: 21px;
|
|
padding: 0 5px;
|
|
border-radius: 4px 4px 0 0;
|
|
background: url('../images/gallery/nav-bg.png');
|
|
border: 1px solid #c5c5c5;
|
|
border-bottom-color: #a5a5a5;
|
|
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
.chart-comments-list .comment-form-toolbar a {
|
|
display: inline-block;
|
|
text-align: center;
|
|
float: left;
|
|
margin: 0 1px;
|
|
width: 21px;
|
|
height: 21px;
|
|
cursor: default;
|
|
}
|
|
.chart-comments-list .comment-form-toolbar a:hover {
|
|
margin: 0;
|
|
border-left: 1px solid #ccc;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
.chart-comments-list .comment-form-toolbar a:active {
|
|
margin: 0;
|
|
border-left: 1px solid #ccc;
|
|
border-right: 1px solid #ccc;
|
|
background: url('../images/button-bg.png') 0 -52px;
|
|
}
|
|
.chart-comments-list .post-comment-button {
|
|
margin: 1px 0 0 10px;
|
|
float: left;
|
|
}
|
|
.chart-comments-list .chart-comments {
|
|
margin: 7px 0 20px 7px;
|
|
}
|
|
.chart-comments-list .comment-block {
|
|
padding: 9px 9px 3px;
|
|
font: 14px Arial;
|
|
color: #3b3e44;
|
|
overflow: hidden;
|
|
margin-bottom: 7px;
|
|
background: #f2f5f8;
|
|
}
|
|
.chart-comments-list .comment-block:hover,
|
|
.chart-comments-list .comment-block.active {
|
|
background: #eaeff4;
|
|
}
|
|
.chart-comments-list .comment-block .spam_message {
|
|
border: solid 1px red;
|
|
background: #EDBEBF;
|
|
padding: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.chart-comments-list .comment-header-text {
|
|
margin-left: 50px;
|
|
}
|
|
.chart-comments-list .comment-header {
|
|
position: relative;
|
|
}
|
|
.chart-comments-list .comment-header .avatar-middle {
|
|
float: left;
|
|
margin-top: 2px;
|
|
}
|
|
.chart-comments-list .comment-block .comment-author a.userlink {
|
|
color: #007FB9;
|
|
font: 15px Arial;
|
|
}
|
|
.chart-comments-list .comment-block .comment-author .user-badge {
|
|
margin-left: 4px;
|
|
}
|
|
.chart-comments-list .comment-block .comment-date {
|
|
color: #8c919a;
|
|
font-size: 12px;
|
|
}
|
|
.chart-comments-list .comment-block .comment-body {
|
|
margin: 5px 0 0;
|
|
word-wrap: break-word;
|
|
padding-right: 50px;
|
|
line-height: 20px;
|
|
}
|
|
.chart-comments-list .comment-actions-inline {
|
|
font-size: 11px;
|
|
/*
|
|
margin: 3px -46px 0 25px;
|
|
float: right;
|
|
*/
|
|
line-height: 20px;
|
|
padding-top: 5px;
|
|
}
|
|
.chart-comments-list .comment-actions-inline a {
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .separator {
|
|
width: 2px;
|
|
height: 2px;
|
|
display: inline-block;
|
|
margin: 3px 3px 2px;
|
|
background: #999;
|
|
overflow: hidden;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .separator.rating-indent {
|
|
margin-right: 6px;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .rating-sum {
|
|
color: #c5c8cc;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .rating-sum.positive {
|
|
color: #4db768;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .rating-sum.positive:before {
|
|
content: "+";
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .rating-sum.negative {
|
|
color: #f04242;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .rating-sum.zero {
|
|
font-size: 0;
|
|
margin-right: -8px;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .vote {
|
|
/* opacity: 0.7;
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
*/
|
|
font-size: 0;
|
|
vertical-align: middle;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .agree,
|
|
.chart-comments-list .comment-actions-inline .rating .disagree {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
position: relative;
|
|
font-size: 0;
|
|
width: 25px;
|
|
height: 16px;
|
|
opacity: 0.9;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .agree:hover,
|
|
.chart-comments-list .comment-actions-inline .rating .disagree:hover {
|
|
opacity: 1;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .agree:before {
|
|
content: " ";
|
|
height: 6px;
|
|
width: 10px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2148px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
margin-top: -3px;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .agree.active:before {
|
|
height: 6px;
|
|
width: 10px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2132px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
margin-top: -3px;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .disagree:before {
|
|
content: " ";
|
|
height: 6px;
|
|
width: 10px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -700px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
margin-top: -3px;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .disagree.active:before {
|
|
height: 6px;
|
|
width: 10px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -684px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
margin-top: -3px;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .active {
|
|
font-weight: bold;
|
|
opacity: 1;
|
|
}
|
|
.chart-comments-list .comment-actions-inline .rating .separator {
|
|
width: 1px;
|
|
height: 12px;
|
|
background: #cfcfcf;
|
|
vertical-align: middle;
|
|
margin: 0;
|
|
}
|
|
.chart-comments-list .comment-block .comment-body.notice {
|
|
font-style: italic;
|
|
margin: 10px 0 7px;
|
|
color: #909090;
|
|
}
|
|
.chart-comments-list .comment-0 {
|
|
margin-left: 0px;
|
|
}
|
|
.chart-comments-list .comment-1 {
|
|
margin-left: 30px;
|
|
}
|
|
.chart-comments-list .comment-2 {
|
|
margin-left: 60px;
|
|
}
|
|
.chart-comments-list .comment-3 {
|
|
margin-left: 90px;
|
|
}
|
|
.chart-comments-list .comment-4 {
|
|
margin-left: 120px;
|
|
}
|
|
.chart-comments-list .comment-5 {
|
|
margin-left: 150px;
|
|
}
|
|
.chart-comments-list .comment-6 {
|
|
margin-left: 180px;
|
|
}
|
|
.chart-comments-list .comment-7 {
|
|
margin-left: 210px;
|
|
}
|
|
.chart-comments-list .comment-8 {
|
|
margin-left: 240px;
|
|
}
|
|
.chart-comments-list .comment-9 {
|
|
margin-left: 270px;
|
|
}
|
|
.chart-comments-list .comment-10 {
|
|
margin-left: 300px;
|
|
}
|
|
.chart-comments-list .comment-11 {
|
|
margin-left: 330px;
|
|
}
|
|
.chart-comments-list .comment-12 {
|
|
margin-left: 360px;
|
|
}
|
|
.chart-comments-list .comment-13 {
|
|
margin-left: 390px;
|
|
}
|
|
.chart-comments-list .comment-14 {
|
|
margin-left: 420px;
|
|
}
|
|
.chart-comments-list .comment-15 {
|
|
margin-left: 450px;
|
|
}
|
|
.share-options {
|
|
display: none;
|
|
background: #f2f5f8;
|
|
position: absolute;
|
|
z-index: 13;
|
|
top: 7px;
|
|
right: 7px;
|
|
max-width: 98%;
|
|
}
|
|
.share-options .tab-arrow {
|
|
position: absolute;
|
|
left: 398px;
|
|
top: -10px;
|
|
}
|
|
.share-options .close-button {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
width: 10px;
|
|
height: 10px;
|
|
background: url(../images/icons.png) no-repeat -103px -340px;
|
|
cursor: pointer;
|
|
}
|
|
.share-options p {
|
|
margin: 13px 3px 7px 3px;
|
|
font-size: 14px;
|
|
}
|
|
.share-options a.embed {
|
|
cursor: pointer;
|
|
border-bottom: 1px dashed #5590d1;
|
|
font-weight: bold;
|
|
}
|
|
.share-options a.embed.active {
|
|
border: none;
|
|
color: #636565;
|
|
}
|
|
.share-options input[type="text"]:not(.tv-dialog-text-input) {
|
|
color: #3e4040;
|
|
width: 300px;
|
|
height: 28px;
|
|
border: 1px solid #bfbfbf;
|
|
margin: 0px;
|
|
padding: 0 5px;
|
|
background: #f7f9fc;
|
|
}
|
|
.share-options input[type="text"]:not(.tv-dialog-text-input):focus {
|
|
background: #f1f1f1;
|
|
margin: 0px;
|
|
}
|
|
.share-options .addthis {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.share-options .share-warapper {
|
|
padding: 10px 20px;
|
|
max-width: 910px;
|
|
margin: 0 auto;
|
|
}
|
|
.share-options .share-base {
|
|
float: left;
|
|
width: 315px;
|
|
}
|
|
.share-options .make-it-mine label {
|
|
display: inline-block;
|
|
text-align: center;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
padding: 0 14px;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
background: #1fb2cc;
|
|
width: 312px;
|
|
padding: 0;
|
|
}
|
|
.share-options .make-it-mine label:hover {
|
|
background: #21bed9;
|
|
}
|
|
.share-options .make-it-mine label.process {
|
|
background: url(../images/button-base-process.gif) repeat-x 0 0;
|
|
}
|
|
.embed-options {
|
|
margin: 0 0 5px;
|
|
padding-left: 355px;
|
|
}
|
|
.embed-options textarea {
|
|
color: #3e4040;
|
|
height: 80px;
|
|
border: 1px solid #bfbfbf;
|
|
margin: 0px;
|
|
padding: 5px;
|
|
background: #f7f9fc;
|
|
resize: both;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.embed-options textarea:focus {
|
|
background: #f1f1f1;
|
|
margin: 0px;
|
|
}
|
|
.embed-options p.desc {
|
|
font-size: 12px;
|
|
}
|
|
.embed-options .size-select {
|
|
padding-bottom: 10px;
|
|
}
|
|
.embed-options .size-select:after {
|
|
clear: both;
|
|
display: table;
|
|
content: "";
|
|
}
|
|
.embed-options .size-button {
|
|
cursor: pointer;
|
|
width: 60px;
|
|
height: 37px;
|
|
float: left;
|
|
background: #ececec;
|
|
border: 1px solid #c0c0c0;
|
|
position: relative;
|
|
margin: 14px 12px 0 0;
|
|
}
|
|
.embed-options .size-button.active {
|
|
background: #cceaff;
|
|
border: 1px solid #528cde;
|
|
}
|
|
.embed-options .size-button.b2 {
|
|
width: 96px;
|
|
height: 60px;
|
|
}
|
|
.embed-options .size-button.b3 {
|
|
width: 108px;
|
|
height: 72px;
|
|
}
|
|
.embed-options .size-button.b4 {
|
|
width: 119px;
|
|
height: 71px;
|
|
}
|
|
.embed-options .size-button div {
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 50%;
|
|
text-align: center;
|
|
margin: -7px 0 0;
|
|
}
|
|
.embed-options .size-custom {
|
|
float: left;
|
|
font-size: 12px;
|
|
}
|
|
.embed-options .size-custom input[type="text"] {
|
|
width: 40px;
|
|
}
|
|
.viewchart-column-right {
|
|
float: right;
|
|
width: 320px;
|
|
}
|
|
.viewchart-column-right .carousel-item {
|
|
margin: 9px 0 0 0;
|
|
}
|
|
.viewchart-column-right .carousel-item.active {
|
|
border: 2px solid #007FB9;
|
|
}
|
|
.viewchart-column-right .show-more {
|
|
margin: 6px 5px 50px 0;
|
|
}
|
|
.viewchart-column-right .show-more .button {
|
|
display: inline-block;
|
|
text-align: center;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
padding: 0 14px;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
background: #1fb2cc;
|
|
display: block;
|
|
font-weight: normal;
|
|
}
|
|
.viewchart-column-right .show-more .button:hover {
|
|
background: #21bed9;
|
|
}
|
|
.viewchart-column-right .show-more .button.process {
|
|
background: url(../images/button-base-process.gif) repeat-x 0 0;
|
|
}
|
|
.viewchart-column-right .related-charts + .clear {
|
|
height: 15px;
|
|
}
|
|
.viewchart-column-right h2 {
|
|
font: bold 16px Arial;
|
|
color: #5A5A5A;
|
|
text-transform: uppercase;
|
|
margin: 0 0;
|
|
}
|
|
.viewchart-column-right h2 .icon {
|
|
top: 3px;
|
|
margin: 0 3px 0 0;
|
|
}
|
|
.exit-fullscreen {
|
|
z-index: 16;
|
|
position: fixed;
|
|
top: -1px;
|
|
left: 50%;
|
|
opacity: 0.6;
|
|
background: #FFFFFF;
|
|
color: #848487;
|
|
border-radius: 0 0 3px 3px;
|
|
border: 1px solid #c9cbcd;
|
|
font-size: 11px;
|
|
width: 116px;
|
|
font-weight: bold;
|
|
padding: 2px 4px;
|
|
cursor: default;
|
|
margin: 0 0 0 -62px;
|
|
}
|
|
.exit-fullscreen:hover {
|
|
opacity: 1;
|
|
}
|
|
.viewchart-body .chart-status-picture {
|
|
z-index: 50;
|
|
position: absolute;
|
|
}
|
|
.chart-additional {
|
|
padding: 40px 0 0;
|
|
}
|
|
.chart-additional .head {
|
|
color: #26282f;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
padding-bottom: 15px;
|
|
}
|
|
.chart-additional .similar-charts {
|
|
margin: -5px 0 0 -5px;
|
|
}
|
|
.chart-comments {
|
|
padding-right: 350px;
|
|
padding-bottom: 25px;
|
|
}
|
|
.chart-comments .embeded-image {
|
|
cursor: pointer;
|
|
margin-top: 4px;
|
|
}
|
|
.chart-comments .embeded-image img {
|
|
border: 1px solid #C4CED6;
|
|
max-width: 100%;
|
|
}
|
|
.chart-comments .comment-body iframe {
|
|
margin-top: 4px;
|
|
max-width: 100%;
|
|
}
|
|
.embeded-image-popup {
|
|
position: fixed;
|
|
z-index: 100;
|
|
border: 1px solid #C4CED6;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
background: white;
|
|
}
|
|
.chart-direction-label,
|
|
.chart-activity-label {
|
|
text-transform: uppercase;
|
|
color: #fff;
|
|
font-size: 11px;
|
|
border-radius: 1px;
|
|
padding: 0 4px;
|
|
display: inline-block;
|
|
line-height: 18px;
|
|
vertical-align: top;
|
|
margin: 0 0 0 3px;
|
|
position: relative;
|
|
font-weight: bold;
|
|
cursor: default;
|
|
white-space: nowrap;
|
|
}
|
|
.chart-activity-label {
|
|
padding: 0;
|
|
}
|
|
.chart-activity-label-plate,
|
|
.chart-activity-label-help {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
background: #888888;
|
|
padding: 0 4px;
|
|
}
|
|
.chart-activity-label-help {
|
|
padding: 0 2px;
|
|
margin-left: 1px;
|
|
color: rgba(255, 255, 255, 0.75);
|
|
}
|
|
.chart-activity-label-help:hover {
|
|
color: white;
|
|
}
|
|
.chart-activity-label-active .chart-activity-label-plate,
|
|
.chart-activity-label-active .chart-activity-label-help {
|
|
background: #008ccc;
|
|
}
|
|
.chart-direction-label.direction-0 {
|
|
background: #E7C400;
|
|
display: none;
|
|
}
|
|
.chart-direction-label.direction-1 {
|
|
background: #60b789;
|
|
}
|
|
.chart-direction-label.direction-2 {
|
|
background: #dc7d6e;
|
|
}
|
|
.chart-title .chart-direction-label,
|
|
.chart-title .chart-activity-label,
|
|
.chart-title .icon-chart-recommended {
|
|
vertical-align: middle;
|
|
}
|
|
.chart-actions .button-set {
|
|
font-size: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.chart-actions .button-set .tv-button {
|
|
border-radius: 0;
|
|
margin-left: 1px;
|
|
border: none;
|
|
background: #e2e8ef;
|
|
}
|
|
.chart-actions .button-set .tv-button:hover:not(.disabled) {
|
|
background: #e5ebf1;
|
|
}
|
|
.chart-actions .tv-button.active:not(.chart-active-button) {
|
|
color: #fff !important;
|
|
box-shadow: none;
|
|
background: #64c581;
|
|
border: none;
|
|
/*border-color: #4e812d;*/
|
|
}
|
|
.chart-actions .tv-button.active:hover:not(.chart-active-button):not(.chart-closed-button) {
|
|
background: #5fca7f;
|
|
}
|
|
/*
|
|
.chart-actions .button-set .tv-button {border-radius: 0; margin-left: -1px;}
|
|
.chart-actions .button-set .tv-button:first-child{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
|
|
.chart-actions .button-set .tv-button:last-child{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
|
|
*/
|
|
.chart-agree-button.active {
|
|
background: #7dbc52 !important;
|
|
border-color: #4e812d !important;
|
|
}
|
|
.chart-agree-button.active + .chart-disagree-button {
|
|
border-left-color: #4e812d !important;
|
|
}
|
|
.chart-disagree-button.active {
|
|
background: #c15135 !important;
|
|
border-color: #843825 !important;
|
|
}
|
|
.chart-actions .tv-button .tooltip {
|
|
display: none;
|
|
}
|
|
.chart-actions .tv-button.chart-active-button.active {
|
|
position: relative;
|
|
background: #d9e1e9 !important;
|
|
box-shadow: none;
|
|
}
|
|
.chart-actions .tv-button.chart-closedbullseye-button.active {
|
|
position: relative;
|
|
}
|
|
.chart-actions .tv-button.chart-closed-button.active {
|
|
position: relative;
|
|
background: #c15135 !important;
|
|
}
|
|
.icon-chartstate-active {
|
|
background-position: -80px -300px;
|
|
width: 18px;
|
|
height: 15px;
|
|
margin: -7px 2px -7px 0;
|
|
vertical-align: middle;
|
|
}
|
|
.icon-chartstate-closed {
|
|
background-position: -40px -300px;
|
|
width: 17px;
|
|
height: 17px;
|
|
margin: -7px 2px -5px 0;
|
|
vertical-align: middle;
|
|
}
|
|
.tv-button.active .icon-chartstate-closed {
|
|
background-position: -60px -300px;
|
|
}
|
|
.icon-chartstate-closedbullseye {
|
|
background-position: 0px -300px;
|
|
width: 17px;
|
|
height: 17px;
|
|
margin: -7px 2px -5px 0;
|
|
vertical-align: middle;
|
|
}
|
|
.tv-button.active .icon-chartstate-closedbullseye {
|
|
background-position: -20px -300px;
|
|
}
|
|
.share-button {
|
|
position: relative;
|
|
}
|
|
.share-button.active {
|
|
background: #fb611a !important;
|
|
border-color: #d55415 !important;
|
|
}
|
|
.share-button img.tab-arrow {
|
|
position: absolute;
|
|
left: 23px;
|
|
bottom: -7px;
|
|
z-index: 1;
|
|
display: none;
|
|
}
|
|
.share-button.active img.tab-arrow {
|
|
display: block;
|
|
}
|
|
#chart-favorites-button.active {
|
|
background: #fc9c21 !important;
|
|
border-color: #c97c18 !important;
|
|
}
|
|
.chart-comment-form textarea:focus,
|
|
.viewchart-column-main .chart-actions-agree-comment-block textarea:focus {
|
|
background: white;
|
|
}
|
|
.similar-charts .item {
|
|
margin-bottom: 28px;
|
|
}
|
|
.modal-page-chart {
|
|
background: #f2f5f8;
|
|
}
|
|
.modal-page-chart .fancybox-skin {
|
|
background: #f2f5f8;
|
|
}
|
|
.modal-page-chart .tv-layout-width {
|
|
width: auto !important;
|
|
padding-left: 28px !important;
|
|
padding-right: 28px !important;
|
|
}
|
|
.modal-page-chart .chart-popup-iframe-wraper {
|
|
margin: 0 27px 0 28px;
|
|
position: relative;
|
|
}
|
|
.modal-page-chart .view-chart .view-chart-header {
|
|
padding-top: 28px;
|
|
}
|
|
.modal-page-chart .chart-popup-iframe-wraper iframe {
|
|
width: 100%;
|
|
height: 475px;
|
|
position: absolute;
|
|
top: 165px;
|
|
z-index: 1;
|
|
margin: -1px 0 0 -1px;
|
|
}
|
|
.modal-page-chart .chart-comments {
|
|
padding-right: 0;
|
|
}
|
|
.search-container {
|
|
color: #5a5a5a;
|
|
}
|
|
/*.search-container a{text-decoration: underline;}*/
|
|
.search-header {
|
|
padding: 10px;
|
|
height: 22px;
|
|
margin: 10px 0 0;
|
|
}
|
|
.search-header .heading {
|
|
float: left;
|
|
text-transform: uppercase;
|
|
font: bold 16px Arial;
|
|
}
|
|
.search-header .tag-link {
|
|
float: right;
|
|
font-size: 14px;
|
|
}
|
|
.search-header .tags {
|
|
float: right;
|
|
}
|
|
body.search-page.three-columns .tv-layout-width {
|
|
width: 1504px;
|
|
}
|
|
body.search-page.three-columns .quote-area > .main {
|
|
width: 1504px;
|
|
}
|
|
/*
|
|
@media (min-width: 1560px) {
|
|
body.search-page .tv-layout-width {
|
|
max-width: 1504px;
|
|
}
|
|
body.search-page .quote-area > .main {
|
|
max-width: 1504px;
|
|
}
|
|
}
|
|
*/
|
|
.search-results {
|
|
padding: 10px 0 10px;
|
|
margin-left: -20px;
|
|
font-size: 0;
|
|
}
|
|
.search-results > * {
|
|
font-size: 12px;
|
|
}
|
|
.search-results.loading {
|
|
pointer-events: none;
|
|
}
|
|
.search-results.loading > * {
|
|
opacity: 0.3;
|
|
}
|
|
.search-results.loading #loading-indicator-small {
|
|
opacity: 1;
|
|
margin-bottom: -24px;
|
|
top: 16px;
|
|
position: relative;
|
|
}
|
|
.tab .search-results {
|
|
padding: 0 0 10px;
|
|
margin: 0;
|
|
}
|
|
.search-results .cb-column {
|
|
float: left;
|
|
width: 506px;
|
|
margin-left: 2px;
|
|
}
|
|
.search-results .item {
|
|
position: relative;
|
|
width: 466px;
|
|
padding: 11px 9px;
|
|
margin: 0 0 30px 20px;
|
|
background: #f2f5f8;
|
|
border: solid 1px #dce1e6;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font: 12px Arial, sans-serif;
|
|
}
|
|
.search-results .item.two-columns-item {
|
|
width: 972px;
|
|
}
|
|
.search-results .item.two-columns-item .img-border {
|
|
overflow: hidden;
|
|
height: 546px;
|
|
}
|
|
.search-results .item.two-columns-item .img-border img {
|
|
height: 546px;
|
|
width: 972px;
|
|
}
|
|
.search-results .item .head {
|
|
position: relative;
|
|
margin: 0 0 12px 0;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
font-weight: bold;
|
|
color: #828282;
|
|
text-overflow: ellipsis;
|
|
line-height: 30px;
|
|
}
|
|
.search-results .item .head .user-badge {
|
|
margin-left: 4px;
|
|
}
|
|
.search-results .item .head .userlink {
|
|
cursor: pointer;
|
|
}
|
|
.search-results .item .head .avatar {
|
|
-webkit-border-radius: 1px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 1px;
|
|
-moz-background-clip: padding;
|
|
border-radius: 1px;
|
|
background-clip: padding-box;
|
|
width: 32px;
|
|
height: 32px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
float: left;
|
|
margin-right: 10px;
|
|
display: inline-block;
|
|
}
|
|
.search-results .item .head .avatar img {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.search-results .item .head .avatar.online:after,
|
|
.search-results .item .head .avatar.is-online:after {
|
|
content: '';
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: -3px;
|
|
right: -3px;
|
|
background: #5cb888;
|
|
border: 3px solid #f2f5f8;
|
|
}
|
|
.search-results .item .head .follow-link {
|
|
display: inline-block;
|
|
margin-right: 3px;
|
|
}
|
|
.search-results .item .head a,
|
|
.search-results .item .head span {
|
|
vertical-align: middle;
|
|
}
|
|
.search-results .item .head a.userlink {
|
|
text-decoration: none;
|
|
font-size: 15px;
|
|
}
|
|
.search-results .item .head .user-stats-small {
|
|
display: block;
|
|
padding-top: 1px;
|
|
}
|
|
.search-results .item .chart-info {
|
|
position: relative;
|
|
font-weight: bold;
|
|
margin: 17px 0 0;
|
|
height: 17px;
|
|
}
|
|
.search-results .item .chart-info .symbol {
|
|
font-size: 12px;
|
|
line-height: 17px;
|
|
float: left;
|
|
}
|
|
.search-results .item .chart-info .symbol a,
|
|
.search-results .item .chart-info .symbol .interval {
|
|
vertical-align: top;
|
|
}
|
|
.search-results .item .chart-info .symbol > a {
|
|
display: inline-block;
|
|
max-width: 230px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.search-results .item .chart-info .symbol button.follow-symbol {
|
|
display: inline-block;
|
|
margin-right: 2px;
|
|
vertical-align: top;
|
|
}
|
|
.search-results .item .chart-info .chart-direction-label {
|
|
line-height: 17px;
|
|
margin-left: 6px;
|
|
}
|
|
.search-results .item .chart-info .chart-stats-small {
|
|
float: right;
|
|
}
|
|
.search-results .item .chart-actions {
|
|
margin: 10px 0 5px;
|
|
}
|
|
.search-results .item .chart-title {
|
|
clear: both;
|
|
margin: 12px 0 16px;
|
|
font-size: 19px;
|
|
font-weight: normal;
|
|
}
|
|
.search-results .item .chart-title .icon-chart-recommended {
|
|
margin-left: 1px;
|
|
}
|
|
.search-results .item .chart-title .icon-chart-bullseye {
|
|
margin: 2px 0 0;
|
|
}
|
|
.search-results .item .chart-title .chart-non-public {
|
|
display: inline-block;
|
|
float: right;
|
|
color: white;
|
|
margin: 0 7px 0 0;
|
|
padding: 0 4px;
|
|
border-radius: 2px;
|
|
font-size: 8px;
|
|
text-transform: uppercase;
|
|
cursor: default;
|
|
vertical-align: top;
|
|
line-height: 16px;
|
|
background: #E28B8B;
|
|
}
|
|
.search-results .item .desc {
|
|
margin: 16px 0 10px;
|
|
}
|
|
.search-results .item .img-border {
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 275px;
|
|
}
|
|
.search-results .item .img-border img {
|
|
height: 275px;
|
|
width: 466px;
|
|
}
|
|
.search-results .item .img-border .chart-relation-buttons {
|
|
top: 7px;
|
|
left: 7px;
|
|
}
|
|
.search-results .item .time-info {
|
|
padding-top: 9px;
|
|
font-size: 12px;
|
|
}
|
|
.search-results .item .time-info.with-delete {
|
|
margin-right: 30px;
|
|
}
|
|
.search-results .item span.delta {
|
|
color: #3cbf81;
|
|
font-size: 11px;
|
|
vertical-align: super;
|
|
}
|
|
.search-results .item .agree .delta {
|
|
color: #4DFFAB;
|
|
padding-left: 1px;
|
|
line-height: 11px;
|
|
}
|
|
.search-results .item .agree.small .delta {
|
|
line-height: 9px;
|
|
}
|
|
.search-results .item .related-charts {
|
|
margin: 10px 0 0 0;
|
|
}
|
|
.search-results .item .related-charts .related-chart {
|
|
margin: 3px 0 0 0;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.search-results .item .related-charts .related-chart a {
|
|
color: #5cb888;
|
|
}
|
|
.search-results .item .related-charts .related-chart a:before {
|
|
content: ' ';
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-right: 5px;
|
|
height: 16px;
|
|
width: 16px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1826px;
|
|
}
|
|
.search-results .item span.delete {
|
|
display: block;
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
width: 9px;
|
|
height: 9px;
|
|
background: url(../images/dialogs/close-flat.png) no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
.search-results .item span.delete:hover {
|
|
background-position: 0 -9px;
|
|
}
|
|
.profile .search-results .item .chart-info .symbol > a {
|
|
max-width: 50%;
|
|
}
|
|
.profile .treated .search-results .item .chart-info .symbol > a {
|
|
max-width: 44%;
|
|
}
|
|
.search-results .empty,
|
|
.following .empty,
|
|
.followers .empty {
|
|
font-style: italic;
|
|
text-align: center;
|
|
margin: 20px 0;
|
|
}
|
|
.search-results .item .head .follow-link {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.search-results .item .chart-info .stats .agreed,
|
|
.search-results .item .chart-info .stats .disagreed,
|
|
.search-results .item .chart-info .stats .private {
|
|
color: white;
|
|
padding: 0 4px;
|
|
margin: 0 7px 0 0;
|
|
border-radius: 2px;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
cursor: default;
|
|
vertical-align: top;
|
|
line-height: 16px;
|
|
display: inline-block;
|
|
}
|
|
.search-results .item .chart-info .stats .agreed {
|
|
background: #6DC35D;
|
|
}
|
|
.search-results .item .chart-info .stats .private,
|
|
.search-results .item .chart-info .stats .disagreed {
|
|
background: #FF7B79;
|
|
}
|
|
.search-container .show-more,
|
|
.tab .show-more {
|
|
margin: 0 0 20px;
|
|
text-align: center;
|
|
}
|
|
.search-container .show-more #show-more-button.hidden {
|
|
display: none;
|
|
}
|
|
.preview-wrap {
|
|
height: 100%;
|
|
width: 100%;
|
|
position: fixed;
|
|
z-index: 5;
|
|
left: 0;
|
|
top: 0;
|
|
display: none;
|
|
}
|
|
.preview-container {
|
|
height: 70%;
|
|
width: 60%;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
border: 4px solid #a9aaab;
|
|
box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
|
|
border-radius: 8px;
|
|
}
|
|
.preview-container iframe {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.preview-container .close-img {
|
|
position: absolute;
|
|
top: -18px;
|
|
right: -18px;
|
|
z-index: 160;
|
|
cursor: pointer;
|
|
}
|
|
.preview-container .loading-indicator {
|
|
border-radius: 4px;
|
|
}
|
|
.search-toolbar .type-select .icon-container-toggle a {
|
|
width: 43px;
|
|
}
|
|
.search-toolbar .type-select .icon-container-toggle a.type-all {
|
|
width: 29px;
|
|
}
|
|
.search-toolbar .type-select .icon-container-toggle a.type-futures {
|
|
width: 53px;
|
|
}
|
|
.search-toolbar .interval-select #intervals-panel a {
|
|
width: 43px;
|
|
}
|
|
.search-toolbar .interval-select #intervals-panel a.type-all {
|
|
width: 29px;
|
|
}
|
|
.search-toolbar .interval-select #intervals-panel a.type-minutes {
|
|
width: 57px;
|
|
}
|
|
.search-toolbar .interval-select #intervals-panel a.type-hours {
|
|
width: 46px;
|
|
}
|
|
.search-toolbar .interval-select #intervals-panel a.type-days {
|
|
width: 42px;
|
|
}
|
|
.search-toolbar .interval-select #intervals-panel a.type-weeks {
|
|
width: 51px;
|
|
}
|
|
.search-toolbar .interval-select #intervals-panel a.type-months {
|
|
width: 55px;
|
|
}
|
|
.search-results-subtab {
|
|
display: none;
|
|
}
|
|
.search-results-subtab-toggle {
|
|
padding: 6px 0 6px 0;
|
|
}
|
|
.search-results-subtab-toggle a {
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
margin: 0 15px 0 0;
|
|
text-decoration: none;
|
|
border-bottom: dashed 1px;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.search-results-subtab-toggle a.active {
|
|
color: #5A5D66;
|
|
border-bottom: none;
|
|
cursor: default;
|
|
}
|
|
.search-results-subtab.following-people {
|
|
padding-top: 5px;
|
|
}
|
|
.chart-state-notice {
|
|
font-size: 11px;
|
|
color: #787878;
|
|
margin: 0 0 8px 0;
|
|
}
|
|
.search-additional-info .symbol-minichart {
|
|
height: 122px;
|
|
padding: 0 350px 0 2px;
|
|
}
|
|
.search-additional-info .symbol-quote {
|
|
margin-top: -122px;
|
|
position: relative;
|
|
float: left;
|
|
height: 146px;
|
|
width: 100%;
|
|
padding: 0 10px;
|
|
overflow: hidden;
|
|
}
|
|
.search-additional-info .symbol-quote h1 {
|
|
font-size: 32px;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
float: left;
|
|
max-width: 515px;
|
|
}
|
|
body.three-columns .search-additional-info .symbol-quote h1 {
|
|
max-width: 1000px;
|
|
}
|
|
.search-additional-info .symbol-quote-stats {
|
|
margin: 0;
|
|
font-size: 36px;
|
|
}
|
|
.search-additional-info .symbol-quote .symbol-last {
|
|
color: #42434A;
|
|
border-radius: 2px;
|
|
padding: 0 3px 0;
|
|
}
|
|
.search-additional-info .symbol-quote .symbol-change-pt {
|
|
font-size: 28px;
|
|
}
|
|
.search-additional-info .symbol-quote .symbol-change-pt:before {
|
|
content: '(';
|
|
}
|
|
.search-additional-info .symbol-quote .symbol-change-pt:after {
|
|
content: ')';
|
|
}
|
|
.search-additional-info .symbol-quote-stats .section-title {
|
|
color: #787c82;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
margin: 0 0 10px;
|
|
}
|
|
.search-additional-info .symbol-quote-stats .section {
|
|
float: left;
|
|
margin: 19px 38px 0 0;
|
|
}
|
|
.symbol-quote .follow-symbol-block {
|
|
float: left;
|
|
margin: 3px 0 0 10px;
|
|
}
|
|
.search-quote {
|
|
height: 146px !important;
|
|
position: relative;
|
|
}
|
|
.search-quote .fundamentals,
|
|
.search-quote .news {
|
|
height: 70px !important;
|
|
}
|
|
.search-quote .news {
|
|
overflow: visible !important;
|
|
border: none !important;
|
|
height: 146px !important;
|
|
top: 0 !important;
|
|
right: 0 !important;
|
|
width: 330px !important;
|
|
}
|
|
.search-quote .news-item .title {
|
|
width: 330px !important;
|
|
}
|
|
.search-quote .news-item {
|
|
height: 24px !important;
|
|
margin-bottom: 2px;
|
|
}
|
|
.search-quote .news-caption {
|
|
color: #bbbcc1;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
line-height: 20px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.quote-area-loading {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 146px;
|
|
z-index: 1;
|
|
background: #eaeff4;
|
|
top: 0;
|
|
opacity: 0.5;
|
|
}
|
|
.quote-area-loading .loading-indicator-small {
|
|
position: absolute;
|
|
top: 45px;
|
|
width: 100%;
|
|
}
|
|
.search-quote.loading-process .symbol-quote-stats .section {
|
|
display: none;
|
|
}
|
|
/***********************/
|
|
/* NEW SEARCH */
|
|
.search-filter-place {
|
|
height: 78px;
|
|
}
|
|
.search-container .tabs-with-search {
|
|
padding: 0 10px;
|
|
padding: 0 10px 0 0px;
|
|
height: 78px;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
-webkit-transition: height 0.1s ease-in;
|
|
-moz-transition: height 0.1s ease-in;
|
|
-o-transition: height 0.1s ease-in;
|
|
-ms-transition: height 0.1s ease-in;
|
|
transition: height 0.1s ease-in;
|
|
}
|
|
.search-filter {
|
|
background: #f2f5f8;
|
|
z-index: 1;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
top: 0;
|
|
}
|
|
.search-filter.static {
|
|
position: fixed;
|
|
border-bottom: solid 1px #c9cbcd;
|
|
-moz-box-sizing: border-box;
|
|
}
|
|
.search-filter form {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.search-page .tv-main,
|
|
.search-page .tv-content {
|
|
background: #eaeff4;
|
|
}
|
|
.search-data {
|
|
padding-top: 24px;
|
|
}
|
|
.tabs-with-search .filter {
|
|
height: 34px;
|
|
float: left;
|
|
position: relative;
|
|
color: #666c7d;
|
|
margin-right: 10px;
|
|
}
|
|
.tabs-with-search .filter.active .selected {
|
|
color: #fff;
|
|
}
|
|
.tabs-with-search .inactive .tabs a:not(.active),
|
|
.tabs-with-search .inactive .filter .selected {
|
|
color: #bbbcc1;
|
|
}
|
|
.tabs-with-search .filter.active {
|
|
background: #58c3e5;
|
|
}
|
|
.tabs-with-search .filter .selected {
|
|
line-height: 34px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
padding: 0 27px 0 10px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
text-transform: uppercase;
|
|
font-size: 17px;
|
|
-o-user-select: none;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
color: #007FB9;
|
|
}
|
|
.tabs-with-search .filter .selected:after {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 15px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-top: 5px solid #666c7d;
|
|
content: " ";
|
|
}
|
|
.tabs-with-search .filter.active .selected:after {
|
|
border-top-color: #fff;
|
|
}
|
|
.tabs-with-search .dropdown {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 1;
|
|
box-sizing: border-box;
|
|
left: 0;
|
|
top: 100%;
|
|
margin-top: 2px;
|
|
background: #fefefe;
|
|
border: solid 1px #d6dadf;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
width: 185px;
|
|
}
|
|
.tabs-with-search .dropdown a {
|
|
color: #5c6170;
|
|
display: block;
|
|
padding: 8px 12px;
|
|
font-size: 14px;
|
|
text-decoration: none;
|
|
}
|
|
.tabs-with-search .dropdown .sub-group a {
|
|
padding: 8px 22px;
|
|
}
|
|
.tabs-with-search .dropdown a:hover {
|
|
background: #f8fbfe;
|
|
}
|
|
.tabs-with-search .dropdown a.active {
|
|
color: #2e3138;
|
|
background: #f2f5f8;
|
|
}
|
|
.tabs-with-search .dropdown .sub {
|
|
padding-left: 27px;
|
|
}
|
|
.tabs-with-search .dropdown .separator {
|
|
height: 1px;
|
|
overflow: hidden;
|
|
margin: 5px 0;
|
|
}
|
|
.tabs-with-search .dropdown .sub-title {
|
|
color: #b9bac0;
|
|
font-size: 11px;
|
|
margin: 0 10px;
|
|
line-height: 30px;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
border-bottom: solid 1px #d6dadf;
|
|
padding: 0 3px;
|
|
margin-top: 2px;
|
|
}
|
|
.tabs-with-search .dropdown .description {
|
|
font-size: 10px;
|
|
color: #b9bac0;
|
|
display: block;
|
|
margin-bottom: -4px;
|
|
}
|
|
.is-not-authenticated .itabs-with-search a.authorization-required {
|
|
/*color: #9ca1b0;*/
|
|
display: none !important;
|
|
}
|
|
.is-not-authenticated .tabs-with-search .filter-by {
|
|
display: none;
|
|
}
|
|
/* TABBED */
|
|
.tabs-with-search .filter-tabbed .tabs {
|
|
/*
|
|
float: left;
|
|
margin-bottom: -22px;
|
|
*/
|
|
}
|
|
.tabs-with-search .filter-tabbed .tabs a.item {
|
|
float: left;
|
|
margin: 0 28px 0 0;
|
|
line-height: 34px;
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
/* padding-bottom: 22px;*/
|
|
}
|
|
/*
|
|
.tabs-with-search .filter-tabbed .tabs .sub-group {
|
|
margin-left: 0 0 0 -20px;
|
|
}
|
|
|
|
.tabs-with-search .filter-tabbed .tabs .sub-group a{
|
|
font-size: 12px;
|
|
}
|
|
*/
|
|
.tabs-with-search .dropdown .sub-group.inactive {
|
|
opacity: 0.5;
|
|
}
|
|
.tabs-with-search .dropdown .sub-group.inactive a:hover {
|
|
background: none;
|
|
}
|
|
.tabs-with-search .dropdown .sub-group.inactive a.active {
|
|
background: #f2f5f8;
|
|
}
|
|
.tabs-with-search .dropdown .sub-group.inactive a {
|
|
cursor: default;
|
|
}
|
|
.tabs-with-search .filter-tabbed div.group {
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
.tabs-with-search .filter-tabbed div.group a {
|
|
display: none;
|
|
}
|
|
.tabs-with-search .filter-tabbed div.group.active-group a.default {
|
|
display: none;
|
|
}
|
|
.tabs-with-search .filter-tabbed div.group a.default {
|
|
display: block;
|
|
}
|
|
.tabs-with-search .filter-tabbed div.group a.active {
|
|
display: block !important;
|
|
}
|
|
.tabs-with-search .filter-tabbed .dropdown a {
|
|
display: block;
|
|
}
|
|
.tabs-with-search .filter-tabbed .tabs a.active {
|
|
/* padding-bottom: 20px;*/
|
|
/* border-bottom: solid 2px #5bb888;*/
|
|
color: #666c7d;
|
|
cursor: default;
|
|
position: relative;
|
|
}
|
|
.tabs-with-search .filter-tabbed .tabs a.active .active-underline {
|
|
display: block;
|
|
position: absolute;
|
|
height: 2px;
|
|
background: #5bb888;
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
}
|
|
.tabs-with-search .filter-tabbed .filter {
|
|
margin-left: -10px;
|
|
}
|
|
.tabs-with-search .filter-tabbed .filter .dropdown {
|
|
width: auto;
|
|
white-space: nowrap;
|
|
}
|
|
.tabs-with-search .filter-tabbed .dropdown a {
|
|
padding-right: 20px;
|
|
}
|
|
/* active state */
|
|
.tabs-with-search .filter-tabbed .filter.active {
|
|
background: #58c3e5;
|
|
}
|
|
.tabs-with-search .filter-tabbed .filter.active .selected {
|
|
color: #fff;
|
|
}
|
|
/*
|
|
|
|
.tabs-with-search .filter.stream-select .selected:before {
|
|
display: inline-block;
|
|
margin: 0 8px -1px 0;
|
|
width: 13px;
|
|
height: 12px;
|
|
content: " ";
|
|
background: url(data:image/gif;base64,R0lGODlhAgAYAJECAP///2Zsff///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3Qzg1NUE0MjA0RjcxMUUzQkM5N0ZERDNCNEE0OTc2NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3Qzg1NUE0MzA0RjcxMUUzQkM5N0ZERDNCNEE0OTc2NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdDODU1QTQwMDRGNzExRTNCQzk3RkREM0I0QTQ5NzY0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdDODU1QTQxMDRGNzExRTNCQzk3RkREM0I0QTQ5NzY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAIAGAAAAgyEIamHmhxicElOagsAOw==) repeat-x 0 -12px;
|
|
}
|
|
|
|
.tabs-with-search .filter.active.stream-select .selected:before {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
*/
|
|
.tabs-with-search .search-query {
|
|
float: right;
|
|
position: relative;
|
|
margin-left: -20px;
|
|
}
|
|
.tabs-with-search .search-query:before {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
width: 13px;
|
|
height: 13px;
|
|
background: url(../images/icons.png) no-repeat -80px -339px;
|
|
top: 10px;
|
|
left: 9px;
|
|
}
|
|
.tabs-with-search .search-query input {
|
|
padding: 7px 22px 7px 27px;
|
|
margin: 1px 0 0;
|
|
border: 1px solid #D7DBE0;
|
|
width: 128px;
|
|
}
|
|
.tabs-with-search .search-query input::-webkit-input-placeholder {
|
|
color: #999;
|
|
}
|
|
.tabs-with-search .search-query input:-moz-placeholder {
|
|
color: #999;
|
|
}
|
|
.tabs-with-search .search-query input::-moz-placeholder {
|
|
color: #999;
|
|
}
|
|
.tabs-with-search .search-query input:-ms-input-placeholder {
|
|
color: #999;
|
|
}
|
|
.tabs-with-search .search-query input:focus {
|
|
border-color: #4c82ce;
|
|
}
|
|
.tabs-with-search .tv-index-content-wrap {
|
|
padding: 22px 3px 22px 16px;
|
|
}
|
|
/*
|
|
|
|
|
|
|
|
.iotd_tab {
|
|
text-transform: none;
|
|
font-size: 18px;
|
|
margin-right: 35px !important;
|
|
}
|
|
|
|
.iotd_tab:after {
|
|
content: "/";
|
|
font-size: 25px;
|
|
position: absolute;
|
|
margin-left: 14px;
|
|
|
|
}*/
|
|
.activity-timeline {
|
|
margin-bottom: 10px;
|
|
}
|
|
.timeline-indent .activity-timeline {
|
|
margin: 17px 0 25px;
|
|
}
|
|
.activity-info-message {
|
|
background: #EAF3FB;
|
|
border: 1px solid #D1DEE9;
|
|
border-radius: 1px;
|
|
margin: 25px 0;
|
|
padding: 12px 14px;
|
|
}
|
|
.timeline {
|
|
width: 2px;
|
|
position: relative;
|
|
left: 492px;
|
|
top: 0;
|
|
background: #C4CED6;
|
|
}
|
|
.timeline .new {
|
|
width: 2px;
|
|
background: #6FB540;
|
|
}
|
|
.timeline-left,
|
|
.timeline-right {
|
|
width: 49%;
|
|
}
|
|
.timeline-left {
|
|
float: left;
|
|
}
|
|
.timeline-right {
|
|
float: right;
|
|
}
|
|
.twigged .timeline {
|
|
height: 20px;
|
|
}
|
|
.twigged .timeline-left,
|
|
.twigged .timeline-right {
|
|
top: 20px;
|
|
}
|
|
.activity-timeline .loading-indicator-small {
|
|
margin-top: 4px;
|
|
}
|
|
.timeline-event {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
padding: 10px 0 10px 11px;
|
|
margin: 0 0 23px 0;
|
|
background: #eaeff4;
|
|
font-size: 12px;
|
|
color: #a5a9ad;
|
|
}
|
|
.timeline-event .avatar-small {
|
|
float: left;
|
|
}
|
|
.timeline-event .event-icon-container {
|
|
position: absolute;
|
|
width: 48px;
|
|
top: 1px;
|
|
right: 1px;
|
|
bottom: 1px;
|
|
background: #e4eaf2;
|
|
}
|
|
.timeline-event .event-icon-container .vertical-center {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.timeline-event .event-icon {
|
|
display: inline-block;
|
|
width: 30px;
|
|
height: 29px;
|
|
float: right;
|
|
position: relative;
|
|
}
|
|
.timeline-event .event-icon.dislike {
|
|
height: 26px;
|
|
width: 18px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -91px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -9px;
|
|
margin-top: -13px;
|
|
}
|
|
.timeline-event .event-icon.publish {
|
|
height: 22px;
|
|
width: 29px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -27px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -15px;
|
|
margin-top: -11px;
|
|
}
|
|
.timeline-event .event-icon.comment {
|
|
height: 22px;
|
|
width: 24px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -59px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -12px;
|
|
margin-top: -11px;
|
|
}
|
|
.timeline-event .event-icon.favorite {
|
|
height: 23px;
|
|
width: 24px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -127px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -12px;
|
|
margin-top: -12px;
|
|
}
|
|
.timeline-event .event-icon.follow {
|
|
height: 14px;
|
|
width: 30px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -160px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -15px;
|
|
margin-top: -7px;
|
|
}
|
|
.timeline-event .event-icon.like {
|
|
height: 26px;
|
|
width: 18px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -184px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -9px;
|
|
margin-top: -13px;
|
|
}
|
|
.timeline-event .event-head {
|
|
float: left;
|
|
margin: -3px 0 0 13px;
|
|
padding-right: 64px;
|
|
width: 362px;
|
|
overflow: hidden;
|
|
}
|
|
.timeline-event .event-comment,
|
|
.timeline-event .event-message {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.timeline-event .event-message a {
|
|
font-size: 14px;
|
|
}
|
|
.timeline-event .event-comment {
|
|
clear: left;
|
|
padding: 16px 64px 0 0;
|
|
font-size: 13px;
|
|
color: #3b3e44;
|
|
}
|
|
.timeline-event .event-date {
|
|
margin: 6px 0 0;
|
|
font-size: 12px;
|
|
color: #A0A2A5;
|
|
}
|
|
.timeline-event .event-body {
|
|
padding-right: 64px;
|
|
padding-top: 16px;
|
|
clear: both;
|
|
}
|
|
.timeline-event img.chart {
|
|
display: block;
|
|
width: 100%;
|
|
height: 265px;
|
|
}
|
|
.timeline-event .chart-info {
|
|
margin: 17px 0 5px;
|
|
}
|
|
.timeline-event .chart-info .symbol {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
line-height: 16px;
|
|
}
|
|
.timeline-event .chart-info .symbol button.follow-symbol {
|
|
display: inline-block;
|
|
margin: -1px 5px 0 0;
|
|
vertical-align: top;
|
|
}
|
|
.timeline-event .chart-info .symbol .symbol-name {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 64%;
|
|
vertical-align: text-top;
|
|
}
|
|
.timeline-event .chart-info .chart-stats-small {
|
|
float: right;
|
|
color: #a5a9ad;
|
|
}
|
|
.timeline-event .chart-info .title {
|
|
font-size: 20px;
|
|
margin: 5px 0;
|
|
}
|
|
.timeline-event.new .event-icon-container {
|
|
background: #d7dfe9;
|
|
}
|
|
/**
|
|
* Quote Area.
|
|
**/
|
|
/* Markup: sizes, positions, margins, etc. */
|
|
.quote-area {
|
|
height: 81px;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
clear: both;
|
|
}
|
|
.quote-area > .main {
|
|
width: 1000px;
|
|
position: relative;
|
|
margin: auto;
|
|
}
|
|
.quote-area .quotes {
|
|
position: absolute;
|
|
left: 5px;
|
|
top: 3px;
|
|
right: 320px;
|
|
/*width: 674px;*/
|
|
height: 69px;
|
|
}
|
|
.quote-area .quotes-header {
|
|
height: 20px;
|
|
}
|
|
.quote-area .quotes-tabs {
|
|
white-space: nowrap;
|
|
}
|
|
.quote-area .quotes-tabs > span {
|
|
display: inline-block;
|
|
margin: 0 0 0 13px;
|
|
}
|
|
.quote-area .quotes-tabs > span:first-child {
|
|
margin: 0 0 0 8px;
|
|
}
|
|
.quote-area .quotes-tabs a.quote-tab-config {
|
|
display: none;
|
|
width: 13px;
|
|
height: 0px;
|
|
padding: 13px 0 0 0;
|
|
/* Correctly alignes both in Fx and Chrome */
|
|
background: url('../images/icons.png') -170px -300px no-repeat;
|
|
position: relative;
|
|
overflow: hidden;
|
|
top: 2px;
|
|
}
|
|
.quote-area .quotes-tabs a.quote-tab-config:hover {
|
|
background-position: -185px -300px;
|
|
}
|
|
.quote-area .quotes-tabs > span.active a.quote-tab-config {
|
|
display: inline-block;
|
|
}
|
|
.quote-area .quotes-pages {
|
|
position: relative;
|
|
left: 0;
|
|
top: 5px;
|
|
/*width: 674px;*/
|
|
height: 42px;
|
|
overflow: hidden;
|
|
}
|
|
.quote-area .quotes-page {
|
|
position: absolute;
|
|
left: -1px;
|
|
top: 0;
|
|
height: 100%;
|
|
white-space: nowrap;
|
|
}
|
|
.quote-area .quotes-page {
|
|
display: none;
|
|
}
|
|
.quote-area .quotes-page.active {
|
|
display: block;
|
|
}
|
|
.quote-area .quotes-item {
|
|
display: inline-block;
|
|
width: 168px;
|
|
height: 37px;
|
|
position: relative;
|
|
}
|
|
.quote-area .rail {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 5px;
|
|
right: 0;
|
|
height: 2px;
|
|
}
|
|
.quote-area .quotes:hover .rail,
|
|
.quote-area .rail.scrolling,
|
|
.quote-area .rail.dragging {
|
|
height: 6px;
|
|
}
|
|
.quote-area .rail .bar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 32px;
|
|
height: 100%;
|
|
}
|
|
.quotes-item .symbol-name,
|
|
.quotes-item .symbol-last {
|
|
display: block;
|
|
position: absolute;
|
|
}
|
|
.quotes-item .symbol-name {
|
|
left: 5px;
|
|
top: 1px;
|
|
}
|
|
.quotes-item .symbol-last {
|
|
/* left: 5px; bottom: 1px;*/
|
|
right: 9px;
|
|
top: 1px;
|
|
padding: 0 1px;
|
|
}
|
|
.quotes-item .symbol-changes {
|
|
/*
|
|
right: 9px;
|
|
top: 20px;
|
|
*/
|
|
float: right;
|
|
}
|
|
.quotes-item .symbol-change {
|
|
/* right: 9px; bottom: 1px;*/
|
|
}
|
|
.quotes-item .symbol-change-pt {
|
|
/* right: 9px; top: 2px;*/
|
|
}
|
|
.quotes-item .symbol-description-name {
|
|
/*
|
|
position: absolute;
|
|
left: 5px;
|
|
top: 20px;
|
|
*/
|
|
font-size: 11px;
|
|
color: #a5abb5;
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.quote-second-line {
|
|
top: 22px;
|
|
right: 9px;
|
|
left: 5px;
|
|
position: absolute;
|
|
}
|
|
.quote-area .news {
|
|
position: absolute;
|
|
right: 9px;
|
|
top: 3px;
|
|
width: 310px;
|
|
height: 60px;
|
|
overflow: hidden;
|
|
}
|
|
.quote-area .news-item {
|
|
display: block;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
white-space: nowrap;
|
|
}
|
|
.quote-area .news-item time,
|
|
.quote-area .news-item .title {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
vertical-align: top;
|
|
}
|
|
.quote-area .news-item time {
|
|
width: 30px;
|
|
padding: 0 5px 0 0;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
}
|
|
.quote-area .news-item .title {
|
|
width: 275px;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.quote-area .market-clock {
|
|
position: absolute;
|
|
top: 3px;
|
|
right: 7px;
|
|
}
|
|
/* Schema: colors, borders, etc. */
|
|
.quote-area .news,
|
|
.quote-area .quotes-item {
|
|
border: 1px solid #DBE1E3;
|
|
}
|
|
.quote-area .quotes-item {
|
|
border-width: 0 0 0 1px;
|
|
}
|
|
.quote-area .quotes-item .delayed {
|
|
display: none;
|
|
}
|
|
.quote-area .quotes-item.delayed .delayed {
|
|
display: inline-block;
|
|
}
|
|
.quote-area .quotes-tabs {
|
|
font-size: 13px;
|
|
}
|
|
.quote-area .quotes-tabs > span {
|
|
color: #2971CE;
|
|
border-bottom: 1px dashed #5990D7;
|
|
cursor: pointer;
|
|
}
|
|
.quote-area .quotes-tabs > span.active {
|
|
color: #595C65;
|
|
border: none;
|
|
font-weight: bold;
|
|
}
|
|
.quote-area .rail {
|
|
background: #E6E7E8;
|
|
opacity: 0.5;
|
|
-webkit-transition: opacity 250ms ease-in;
|
|
-moz-transition: opacity 250ms ease-in;
|
|
-ms-transition: opacity 250ms ease-in;
|
|
-o-transition: opacity 250ms ease-in;
|
|
transition: opacity 250ms ease-in;
|
|
}
|
|
.quote-area .rail .bar {
|
|
background: #BDBDBD;
|
|
cursor: pointer;
|
|
}
|
|
.quote-area .rail:hover,
|
|
.quote-area .rail.scrolling {
|
|
opacity: 1.0;
|
|
}
|
|
.quotes-item:hover,
|
|
.news-item:hover {
|
|
background: #f0f2f5;
|
|
}
|
|
.quotes-item .symbol-name {
|
|
font-weight: bold;
|
|
}
|
|
.quotes-item .symbol-name {
|
|
font-size: 14px;
|
|
color: #1380b7;
|
|
}
|
|
.symbol-changes {
|
|
font-size: 11px;
|
|
color: #595C65;
|
|
}
|
|
.symbol-changes.up {
|
|
color: #43a873;
|
|
}
|
|
.symbol-changes.down {
|
|
color: #de7255;
|
|
}
|
|
.quotes-item .symbol-last {
|
|
border-radius: 2px;
|
|
color: #5a5c62;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
.quote-area .news {
|
|
border-width: 0 0 0 1px;
|
|
}
|
|
.quote-area .news-list {
|
|
-webkit-transition: opacity 0.35s linear;
|
|
-moz-transition: opacity 0.35s linear;
|
|
-ms-transition: opacity 0.35s linear;
|
|
-o-transition: opacity 0.35s linear;
|
|
transition: opacity 0.35s linear;
|
|
}
|
|
.quote-area .news-list.in-update {
|
|
opacity: 0.5;
|
|
}
|
|
.quote-area .news-list.supplied time {
|
|
visibility: hidden;
|
|
}
|
|
.quote-area .news-item time,
|
|
.quote-area .market-clock {
|
|
color: #969799;
|
|
}
|
|
.quote-area .market-clock {
|
|
font-size: 11px;
|
|
cursor: default;
|
|
}
|
|
.quote-area .market-clock time {
|
|
font-weight: bold;
|
|
}
|
|
.quote-area .market-clock .open {
|
|
color: #DE583A;
|
|
}
|
|
.quote-area .market-clock .close {
|
|
color: #409B29;
|
|
}
|
|
.quote-area .quote-area-notice {
|
|
display: table-cell;
|
|
width: 672px;
|
|
height: 35px;
|
|
vertical-align: middle;
|
|
color: gray;
|
|
text-align: center;
|
|
font-style: italic;
|
|
}
|
|
.without-tabs.quote-area .quotes-page {
|
|
top: 5px;
|
|
}
|
|
.without-tabs.quote-area .quotes-pages {
|
|
height: 55px;
|
|
}
|
|
.event-block {
|
|
position: relative;
|
|
}
|
|
.global-notifications .event-block {
|
|
background: rgba(0, 0, 0, 0.15);
|
|
border-radius: 3px;
|
|
padding: 3px;
|
|
}
|
|
.event-block .wrap {
|
|
position: relative;
|
|
padding: 8px;
|
|
}
|
|
.global-notifications .event-block .wrap {
|
|
background-color: #fdfefe;
|
|
border: solid 1px #b8bbbe;
|
|
}
|
|
.event-block img.avatar {
|
|
float: left;
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.event-block .head {
|
|
padding: 0 20px 0 45px;
|
|
font-size: 12px;
|
|
height: 34px;
|
|
margin-top: -2px;
|
|
}
|
|
.event-block.without-pic .head {
|
|
padding-left: 0;
|
|
}
|
|
.event-block .head.nowrap .line {
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.event-block .head .line.event {
|
|
color: #a5a9ad;
|
|
}
|
|
.event-block .head .line.description {
|
|
color: #8e939c;
|
|
margin-top: 6px;
|
|
}
|
|
.global-notifications .event-block .head .username {
|
|
color: #4C5151;
|
|
font-size: 14px;
|
|
}
|
|
.event-block .head a {
|
|
color: #0080b7;
|
|
}
|
|
.global-notifications .event-block .head a {
|
|
font-size: 14px;
|
|
}
|
|
.event-block .text {
|
|
margin: 17px 20px 0 0;
|
|
color: #3b3e44;
|
|
font-size: 13px;
|
|
line-height: 1.462em;
|
|
max-height: 4.386em;
|
|
overflow: hidden;
|
|
}
|
|
.event-block:hover a.close {
|
|
display: block;
|
|
}
|
|
.event-block a.close {
|
|
display: none;
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 9px;
|
|
width: 11px;
|
|
height: 11px;
|
|
background: url(../images/notification-close.png) no-repeat 0 0;
|
|
}
|
|
.event-block a.close:hover {
|
|
background-position: 0 -11px;
|
|
}
|
|
.event-block .event-icon {
|
|
background: url(../images/activity-icons-new.png) no-repeat 0 0;
|
|
display: block;
|
|
width: 20px;
|
|
height: 18px;
|
|
position: absolute;
|
|
}
|
|
.global-notifications .event-block .event-icon {
|
|
bottom: 5px;
|
|
right: 4px;
|
|
}
|
|
.event-block .event-icon.comment {
|
|
background-position: 0 0;
|
|
}
|
|
.event-block .event-icon.like {
|
|
background-position: -20px 0;
|
|
}
|
|
.event-block .event-icon.dislike {
|
|
background-position: -40px 0;
|
|
}
|
|
.event-block .event-icon.favorite {
|
|
background-position: -60px 0;
|
|
}
|
|
.event-block .event-icon.publish {
|
|
background-position: -80px 0;
|
|
}
|
|
.event-block .event-icon.follow {
|
|
background-position: -100px 0;
|
|
}
|
|
.event-block .event-icon.change_status {
|
|
background-position: -120px 0;
|
|
}
|
|
.global-notifications {
|
|
position: fixed;
|
|
bottom: 10px;
|
|
left: 10px;
|
|
z-index: 8011;
|
|
width: 415px;
|
|
cursor: pointer;
|
|
}
|
|
.global-notifications .event-block {
|
|
width: 399px;
|
|
margin-top: 6px;
|
|
float: left;
|
|
cursor: pointer;
|
|
}
|
|
.global-notifications .event-block .wrap:hover {
|
|
background-color: #fdfefe;
|
|
}
|
|
.event-block.warning-notification {
|
|
width: 396px;
|
|
border-left: solid 4px #ED3B3B;
|
|
}
|
|
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
|
|
.fancybox-wrap,
|
|
.fancybox-skin,
|
|
.fancybox-outer,
|
|
.fancybox-inner,
|
|
.fancybox-image,
|
|
.fancybox-wrap iframe,
|
|
.fancybox-wrap object,
|
|
.fancybox-nav,
|
|
.fancybox-nav span,
|
|
.fancybox-tmp {
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
outline: none;
|
|
vertical-align: top;
|
|
}
|
|
.fancybox-wrap {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 17;
|
|
cursor: default;
|
|
}
|
|
.fancybox-skin {
|
|
position: relative;
|
|
background: #f9f9f9;
|
|
color: #444;
|
|
text-shadow: none;
|
|
/*
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
*/
|
|
}
|
|
.fancybox-opened {
|
|
z-index: 18;
|
|
}
|
|
/*
|
|
.fancybox-opened .fancybox-skin {
|
|
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
|
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
|
}
|
|
*/
|
|
.fancybox-outer,
|
|
.fancybox-inner {
|
|
position: relative;
|
|
}
|
|
.fancybox-inner {
|
|
overflow: hidden;
|
|
}
|
|
.fancybox-type-iframe .fancybox-inner {
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.fancybox-error {
|
|
color: #444;
|
|
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
margin: 0;
|
|
padding: 15px;
|
|
white-space: nowrap;
|
|
}
|
|
.fancybox-image,
|
|
.fancybox-iframe {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.fancybox-image {
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
#fancybox-loading,
|
|
.fancybox-prev span,
|
|
.fancybox-next span {
|
|
background-image: url('../css/fancybox/fancybox_sprite.png');
|
|
}
|
|
#fancybox-loading {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -22px;
|
|
margin-left: -22px;
|
|
background-position: 0 -108px;
|
|
opacity: 0.8;
|
|
cursor: pointer;
|
|
z-index: 60;
|
|
}
|
|
#fancybox-loading div {
|
|
width: 44px;
|
|
height: 44px;
|
|
background: url('../css/fancybox/fancybox_loading.gif') center center no-repeat;
|
|
}
|
|
.fancybox-close-outer {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.fancybox-close {
|
|
position: absolute;
|
|
right: 0;
|
|
display: block;
|
|
top: 0;
|
|
width: 36px;
|
|
height: 36px;
|
|
cursor: pointer;
|
|
z-index: 40;
|
|
margin-right: -36px;
|
|
opacity: 0.8;
|
|
}
|
|
.fancybox-close:hover {
|
|
opacity: 1;
|
|
}
|
|
.fancybox-close:before {
|
|
content: " ";
|
|
height: 12px;
|
|
width: 12px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -617px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -6px;
|
|
margin-top: -6px;
|
|
}
|
|
.fancybox-close-outer .fancybox-close {
|
|
position: fixed;
|
|
right: auto;
|
|
top: 20px;
|
|
}
|
|
.fancybox-nav {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 40%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
background: transparent url('../css/fancybox/blank.gif');
|
|
/* helps IE */
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
z-index: 40;
|
|
}
|
|
.fancybox-prev {
|
|
left: 0;
|
|
}
|
|
.fancybox-next {
|
|
right: 0;
|
|
}
|
|
.fancybox-nav span {
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 36px;
|
|
height: 34px;
|
|
margin-top: -18px;
|
|
cursor: pointer;
|
|
z-index: 40;
|
|
visibility: hidden;
|
|
}
|
|
.fancybox-prev span {
|
|
left: 10px;
|
|
background-position: 0 -36px;
|
|
}
|
|
.fancybox-next span {
|
|
right: 10px;
|
|
background-position: 0 -72px;
|
|
}
|
|
.fancybox-nav:hover span {
|
|
visibility: visible;
|
|
}
|
|
.fancybox-tmp {
|
|
position: absolute;
|
|
top: -99999px;
|
|
left: -99999px;
|
|
visibility: hidden;
|
|
max-width: 99999px;
|
|
max-height: 99999px;
|
|
overflow: visible !important;
|
|
}
|
|
/* Overlay helper */
|
|
.fancybox-lock {
|
|
overflow: hidden;
|
|
width: auto;
|
|
}
|
|
.fancybox-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
display: none;
|
|
z-index: 17;
|
|
background: url('../css/fancybox/fancybox_overlay.png');
|
|
cursor: pointer;
|
|
}
|
|
.fancybox-overlay-fixed {
|
|
position: fixed;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.fancybox-lock .fancybox-overlay {
|
|
overflow: auto;
|
|
overflow-y: scroll;
|
|
}
|
|
/* Title helper */
|
|
.fancybox-title {
|
|
visibility: hidden;
|
|
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
position: relative;
|
|
text-shadow: none;
|
|
z-index: 50;
|
|
}
|
|
.fancybox-opened .fancybox-title {
|
|
visibility: visible;
|
|
}
|
|
.fancybox-title-float-wrap {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 50%;
|
|
margin-bottom: -35px;
|
|
z-index: 50;
|
|
text-align: center;
|
|
}
|
|
.fancybox-title-float-wrap .child {
|
|
display: inline-block;
|
|
margin-right: -100%;
|
|
padding: 2px 20px;
|
|
background: transparent;
|
|
/* Fallback for web browsers that doesn't support RGBa */
|
|
background: rgba(0, 0, 0, 0.8);
|
|
-webkit-border-radius: 15px;
|
|
-moz-border-radius: 15px;
|
|
border-radius: 15px;
|
|
text-shadow: 0 1px 2px #222;
|
|
color: #FFF;
|
|
font-weight: bold;
|
|
line-height: 24px;
|
|
white-space: nowrap;
|
|
}
|
|
.fancybox-title-outside-wrap {
|
|
position: relative;
|
|
margin-top: 10px;
|
|
color: #fff;
|
|
}
|
|
.fancybox-title-inside-wrap {
|
|
padding-top: 10px;
|
|
}
|
|
.fancybox-title-over-wrap {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
color: #fff;
|
|
padding: 10px;
|
|
background: #000;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
}
|
|
a.fancy-box-arrow {
|
|
display: block;
|
|
position: fixed;
|
|
z-index: 39;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 40px;
|
|
color: #fff;
|
|
font-size: 50px;
|
|
line-height: 50px;
|
|
text-align: center;
|
|
}
|
|
a.fancy-box-arrow:hover {
|
|
background: rgba(0, 0, 0, 0.3);
|
|
background: rgba(0, 0, 0, 0.2);
|
|
}
|
|
.fancy-box-arrow.left {
|
|
left: 0;
|
|
}
|
|
.fancy-box-arrow.right {
|
|
right: 15px;
|
|
}
|
|
.fancy-box-arrow span {
|
|
text-indent: -10000px;
|
|
height: 44px;
|
|
width: 16px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2207px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
margin-top: -22px;
|
|
}
|
|
.fancy-box-arrow.right span {
|
|
height: 44px;
|
|
width: 16px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2261px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
margin-top: -22px;
|
|
}
|
|
.orderform-page {
|
|
display: none;
|
|
}
|
|
.orderform-page.active {
|
|
display: block;
|
|
}
|
|
.orderform-inputs {
|
|
border: solid gray 1px;
|
|
background: #fff;
|
|
border-radius: 5px;
|
|
margin: 15px;
|
|
padding: 15px;
|
|
}
|
|
.orderform-nav {
|
|
text-align: right;
|
|
}
|
|
.orderform-inputs th {
|
|
text-align: left;
|
|
}
|
|
#widget-frame-container {
|
|
overflow-y: auto;
|
|
font-size: 0;
|
|
margin-bottom: 45px;
|
|
}
|
|
.tv-widget-page h2 {
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
margin: 0;
|
|
}
|
|
.tv-widget-page p {
|
|
margin: 3px 0;
|
|
}
|
|
.widget-options .row {
|
|
margin: 5px 0 10px 0;
|
|
}
|
|
.widget-options input[type="text"],
|
|
.widget-controls .tv-select-container {
|
|
color: #6c6f72;
|
|
width: 100px;
|
|
}
|
|
.widget-options input[name="symbol"] {
|
|
text-transform: uppercase;
|
|
}
|
|
.widget-options input[type='checkbox'] {
|
|
position: relative;
|
|
top: 2px;
|
|
margin: 0 3px;
|
|
}
|
|
.widget-options label {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
.widget-options textarea {
|
|
border: none;
|
|
margin: 1px;
|
|
color: #6c6f72;
|
|
padding: 3px;
|
|
white-space: pre-wrap;
|
|
}
|
|
.widget-options textarea:focus {
|
|
color: #595959;
|
|
resize: none;
|
|
}
|
|
.widget-options textarea#output {
|
|
width: 435px;
|
|
height: 501px;
|
|
}
|
|
.widget-options input.tv-dialog-text-input,
|
|
.widget-options .tv-select-container {
|
|
background: #f2f5f8;
|
|
border: none !important;
|
|
height: 33px;
|
|
}
|
|
.widget-controls .tv-dialog-text-input {
|
|
font-weight: bold;
|
|
}
|
|
.widget-controls .tv-dialog-text-input:disabled {
|
|
color: #909292;
|
|
background: #EAEFF4;
|
|
}
|
|
.widget-options .sbSelector {
|
|
font-size: 13px;
|
|
line-height: 33px;
|
|
}
|
|
.widget-options .sbToggle {
|
|
top: 9px;
|
|
}
|
|
.widget-options .button {
|
|
display: inline-block;
|
|
text-align: center;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
padding: 0 14px;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
background: #1fb2cc;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
margin-right: 10px;
|
|
font-weight: normal;
|
|
}
|
|
.widget-options .button:hover {
|
|
background: #21bed9;
|
|
}
|
|
.widget-options .button.process {
|
|
background: url(../images/button-base-process.gif) repeat-x 0 0;
|
|
}
|
|
.widget-options .checkboxes {
|
|
margin: 15px 0 15px;
|
|
}
|
|
.widget-options .checkboxes p {
|
|
margin: 7px 0;
|
|
}
|
|
.widget-controls textarea {
|
|
width: 228px;
|
|
height: 150px;
|
|
}
|
|
.widget-column-left {
|
|
width: 410px;
|
|
float: left;
|
|
}
|
|
.widget-column-right {
|
|
width: 540px;
|
|
float: right;
|
|
}
|
|
.widget-controls {
|
|
padding: 20px;
|
|
}
|
|
.content-page .widget-controls p {
|
|
line-height: 20px;
|
|
margin-bottom: 3px;
|
|
}
|
|
.widget-controls .half-width {
|
|
display: inline-block;
|
|
width: 130px;
|
|
vertical-align: top;
|
|
}
|
|
.widget-controls .half-width:last-child {
|
|
width: auto;
|
|
}
|
|
.widget-controls .claspd {
|
|
margin-bottom: 0;
|
|
}
|
|
.widget-controls .claspd + * {
|
|
margin-top: 0;
|
|
}
|
|
.tv-widget-page .tvcolorpicker-widget {
|
|
display: inline-block;
|
|
position: relative;
|
|
left: 5px;
|
|
}
|
|
.watchlist-area {
|
|
display: none;
|
|
}
|
|
.watchlist-area .symbol-edit-widget {
|
|
width: auto;
|
|
padding: 0 35px 0 0;
|
|
margin: 0;
|
|
}
|
|
.watchlist-area .symbol-edit-widget input {
|
|
width: 100%;
|
|
}
|
|
.watchlist-preview {
|
|
border: solid #c9cbcd 1px;
|
|
border-radius: 2px;
|
|
background: white;
|
|
margin: 3px 0 0 0;
|
|
}
|
|
.watchlist-preview-empty {
|
|
padding: 3px;
|
|
text-align: center;
|
|
font-style: italic;
|
|
color: #AAAAAA;
|
|
font-size: .8em;
|
|
}
|
|
.watchlist-preview-item {
|
|
padding: 3px;
|
|
border-top: #eaeaea solid 1px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.watchlist-preview-item:first-child {
|
|
border-top: 0;
|
|
}
|
|
.watchlist-preview-delete {
|
|
width: 13px;
|
|
height: 13px;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 3px;
|
|
border-radius: 7px;
|
|
background: url(../images/icons.png) -180px -40px no-repeat;
|
|
}
|
|
.watchlist-preview-delete:hover {
|
|
background-position: -100px -100px;
|
|
}
|
|
#hideideasbutton-p {
|
|
padding-left: 18px;
|
|
}
|
|
.m-widget-column-right p {
|
|
margin-top: 21px;
|
|
}
|
|
.indicators-area {
|
|
display: none;
|
|
}
|
|
.button-indicators {
|
|
background-color: white;
|
|
border: 1px solid #c9cbcd;
|
|
padding: 5px 26px 5px 7px;
|
|
color: #AAAAAA;
|
|
font: 12px Arial;
|
|
float: left;
|
|
}
|
|
.button-indicators.active {
|
|
background: #f2f5f8 !important;
|
|
color: #8b8c8e;
|
|
}
|
|
.indicator-add-widget {
|
|
height: 27px;
|
|
-webkit-user-select: none;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
.indicators-area .indicator-add-widget {
|
|
padding: 0 35px 0 0;
|
|
margin: 0;
|
|
width: auto;
|
|
}
|
|
.indicators-preview {
|
|
border: solid #c9cbcd 1px;
|
|
border-radius: 2px;
|
|
background: white;
|
|
margin: 3px 0 0 0;
|
|
}
|
|
.indicators-area .indicator-add-widget a {
|
|
width: 100%;
|
|
}
|
|
.indicators-area .indicator-add-widget a:hover {
|
|
color: #8b8c8e;
|
|
}
|
|
.button-indicators .arrow-icon {
|
|
position: absolute;
|
|
right: 7px;
|
|
top: 11px;
|
|
background: url("../images/select-bg.png") repeat scroll 0 0 transparent;
|
|
height: 5px;
|
|
width: 9px;
|
|
}
|
|
.indicators-list {
|
|
display: none;
|
|
top: 46px;
|
|
z-index: 50;
|
|
position: absolute;
|
|
border: 1px solid #c9cbcd;
|
|
background: #fff;
|
|
z-index: 120;
|
|
right: auto;
|
|
width: auto;
|
|
max-height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
.indicators-list .item {
|
|
display: block;
|
|
padding: 7px 30px 7px 7px;
|
|
height: 16px;
|
|
position: relative;
|
|
color: #595959;
|
|
}
|
|
.indicators-list .item:hover,
|
|
.indicators-list .item.active {
|
|
background: #f4f7f9;
|
|
cursor: pointer;
|
|
}
|
|
.indicators-list .item span {
|
|
color: #595959;
|
|
display: inline-block;
|
|
}
|
|
/* mini & medium widget options */
|
|
#mini-widget-container .widget-options .widget-options-symbols,
|
|
#medium-widget-container .widget-options .widget-options-symbols,
|
|
#mini-widget-container .widget-options .widget-options-buttons,
|
|
#medium-widget-container .widget-options .widget-options-buttons,
|
|
#mini-widget-container .widget-options .widget-options-size,
|
|
#medium-widget-container .widget-options .widget-options-size,
|
|
#mini-widget-container .widget-options .widget-options-chart,
|
|
#medium-widget-container .widget-options .widget-options-chart,
|
|
#mini-widget-container .widget-options .widget-options-url,
|
|
#medium-widget-container .widget-options .widget-options-url,
|
|
#mini-widget-container .widget-options .widget-options-colors,
|
|
#medium-widget-container .widget-options .widget-options-colors {
|
|
margin: 20px 20px 0 0;
|
|
}
|
|
#mini-widget-container input::-webkit-input-placeholder,
|
|
#medium-widget-container input::-webkit-input-placeholder {
|
|
color: #BBB;
|
|
}
|
|
#mini-widget-container input:-moz-placeholder,
|
|
#medium-widget-container input:-moz-placeholder {
|
|
color: #BBB;
|
|
}
|
|
#mini-widget-container input::-moz-placeholder,
|
|
#medium-widget-container input::-moz-placeholder {
|
|
color: #BBB;
|
|
}
|
|
#mini-widget-container input:-ms-input-placeholder,
|
|
#medium-widget-container input:-ms-input-placeholder {
|
|
color: #BBB;
|
|
}
|
|
#mini-widget-container .widget-settings-symbol-list .symbol-item td,
|
|
#medium-widget-container .widget-settings-symbol-list .symbol-item td {
|
|
padding: 0 6px;
|
|
}
|
|
#mini-widget-container .widget-settings-symbol-list .symbol-item .remove-symbol,
|
|
#medium-widget-container .widget-settings-symbol-list .symbol-item .remove-symbol {
|
|
width: 13px;
|
|
height: 13px;
|
|
border-radius: 7px;
|
|
cursor: pointer;
|
|
background: url(../images/icons.png) -180px -40px no-repeat;
|
|
}
|
|
#mini-widget-container .widget-settings-symbol-list .symbol-selector td:last-child,
|
|
#medium-widget-container .widget-settings-symbol-list .symbol-selector td:last-child {
|
|
padding: 0 5px;
|
|
}
|
|
#mini-widget-container .widget-settings-symbol-list .symbol-selector .add-symbol,
|
|
#medium-widget-container .widget-settings-symbol-list .symbol-selector .add-symbol {
|
|
width: 13px;
|
|
height: 11px;
|
|
border-radius: 7px;
|
|
cursor: pointer;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAMNJREFUeNqU0bFLQnEUxfGP9sSxJl2d+zcSl1YTkZbs0SCC2lZ/QQjRnIuIg+1ObS0t0dTSJPQPtDi0CNHye/F4qOidDpzz5XLPzVXu6vaYIU6iPYB7XKO9K/SAPiYYRyhgtQV4xBUW6EAeIzyjnAnnMA3AL1r4SaBP1PCOsxQ0w3nQN3hLjIOj6vErijgN0CFiNELmJWz7n6SIW5RwiUHK/8ZF9sh8SseYZ/wuvrZBwg0fQU/xtK7OLLREM4R7m37wNwD/Qh/c3GuU0wAAAABJRU5ErkJggg==);
|
|
}
|
|
.content-page.tv-widget-page .why-is-free {
|
|
float: left;
|
|
width: 700px;
|
|
width: calc(100% - 300px);
|
|
}
|
|
.content-page.tv-widget-page .contacts {
|
|
position: relative;
|
|
top: -9px;
|
|
height: auto;
|
|
margin-top: 0;
|
|
}
|
|
/* mini widget options only */
|
|
#mini-widget-container > div:not(.widget-code) {
|
|
display: inline-block;
|
|
float: left;
|
|
margin: 0 20px 20px 0;
|
|
}
|
|
#mini-widget-container .widget-code {
|
|
float: none;
|
|
display: block;
|
|
margin-top: 0;
|
|
clear: both;
|
|
}
|
|
#mini-widget-container .widget-code textarea {
|
|
width: 100%;
|
|
height: 200px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
#mini-widget-container #tv-miniwidget-container {
|
|
margin-top: 41px;
|
|
}
|
|
#mini-widget-container #tv-miniwidget-container #tv-miniwidget {
|
|
min-width: 302px;
|
|
min-height: 200px;
|
|
}
|
|
#mini-widget-container .widget-options .widget-controls {
|
|
min-height: 322px;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .tv-editable-active .buttons {
|
|
display: inline-block;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .tv-editable-active .buttons .tv-button {
|
|
padding: 1px 5px 1px 5px;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .change-tab-name,
|
|
#mini-widget-container .widget-options-tabs .mini-widget-add-tab {
|
|
height: 17px;
|
|
display: inline-block;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .change-tab-name input,
|
|
#mini-widget-container .widget-options-tabs .mini-widget-add-tab input {
|
|
height: 17px;
|
|
width: 70px;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .mini-widget-add-tab,
|
|
#mini-widget-container .widget-options-tabs .widget-options-tabs-tab {
|
|
padding: 5px 10px;
|
|
margin: 1px 1px 0 1px;
|
|
padding: 8px 10px;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .mini-widget-add-tab.active,
|
|
#mini-widget-container .widget-options-tabs .widget-options-tabs-tab.active {
|
|
margin: 0 0 -1px 0;
|
|
border-style: solid;
|
|
border-color: #DDE1E6;
|
|
border-bottom-color: #eaeff4;
|
|
border-width: 1px 1px 1px 1px;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .mini-widget-add-tab .remove-tab,
|
|
#mini-widget-container .widget-options-tabs .widget-options-tabs-tab .remove-tab {
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
margin-left: 10px;
|
|
border-radius: 11px;
|
|
background: url(../images/icons.png) -20px -240px no-repeat;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .mini-widget-add-tab .remove-tab:hover,
|
|
#mini-widget-container .widget-options-tabs .widget-options-tabs-tab .remove-tab:hover {
|
|
background: url(../images/icons.png) -60px -280px no-repeat;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .mini-widget-add-tab .add-tab-button,
|
|
#mini-widget-container .widget-options-tabs .widget-options-tabs-tab .add-tab-button {
|
|
display: inline-block;
|
|
width: 13px;
|
|
height: 11px;
|
|
margin-left: 10px;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAMNJREFUeNqU0bFLQnEUxfGP9sSxJl2d+zcSl1YTkZbs0SCC2lZ/QQjRnIuIg+1ObS0t0dTSJPQPtDi0CNHye/F4qOidDpzz5XLPzVXu6vaYIU6iPYB7XKO9K/SAPiYYRyhgtQV4xBUW6EAeIzyjnAnnMA3AL1r4SaBP1PCOsxQ0w3nQN3hLjIOj6vErijgN0CFiNELmJWz7n6SIW5RwiUHK/8ZF9sh8SseYZ/wuvrZBwg0fQU/xtK7OLLREM4R7m37wNwD/Qh/c3GuU0wAAAABJRU5ErkJggg==);
|
|
}
|
|
#mini-widget-container .widget-options-tabs .mini-widget-add-tab .hidden,
|
|
#mini-widget-container .widget-options-tabs .widget-options-tabs-tab .hidden {
|
|
display: none;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .widget-options-tabs-tabs {
|
|
display: inline-block;
|
|
height: 34px;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .widget-options-tabs-pages {
|
|
border: 1px solid #DDE1E6;
|
|
padding: 8px 10px;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .widget-options-tabs-pages .widget-options-tabs-page {
|
|
display: none;
|
|
}
|
|
#mini-widget-container .widget-options-tabs .widget-options-tabs-pages .widget-options-tabs-page.active {
|
|
display: block;
|
|
}
|
|
#mini-widget-container .widget-options-url input {
|
|
width: 200px;
|
|
}
|
|
#mini-widget-container .widget-options-url #mini-large-chart-url-help {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
top: 3px;
|
|
padding: 0;
|
|
-webkit-border-radius: 16px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 16px;
|
|
-moz-background-clip: padding;
|
|
border-radius: 16px;
|
|
background-clip: padding-box;
|
|
background: url("../images/help/help-icon.png");
|
|
}
|
|
/* medium widget options only */
|
|
#medium-widget-container #tv-medium-widget-container {
|
|
display: block;
|
|
float: none;
|
|
margin-right: 0px;
|
|
margin-bottom: 45px;
|
|
}
|
|
#medium-widget-container .widget-code textarea {
|
|
width: 100%;
|
|
height: 493px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
/*.features-block
|
|
{
|
|
}*/
|
|
.features-block .tv-layout-width {
|
|
position: relative;
|
|
padding: 40px 0;
|
|
}
|
|
.features-block.dark {
|
|
background-color: #ECF0F3;
|
|
}
|
|
.features-block h2,
|
|
.features-block h3,
|
|
.features-block dt {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: normal;
|
|
color: #404040;
|
|
}
|
|
.features-block h2 {
|
|
font-size: 28px;
|
|
line-height: 36px;
|
|
}
|
|
.features-block p {
|
|
margin: 18px 0;
|
|
font-size: 15px;
|
|
line-height: 22px;
|
|
}
|
|
.features-block p,
|
|
.features-block dd {
|
|
color: #858686;
|
|
}
|
|
.features-block a:link,
|
|
.features-block a:visited {
|
|
text-decoration: none;
|
|
}
|
|
.features-block a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.features-block p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.feature-promo .tv-layout-width {
|
|
height: 270px;
|
|
background-image: url('../images/features/promo-video.png');
|
|
background-repeat: no-repeat;
|
|
background-position: 545px 95px;
|
|
}
|
|
.feature-promo p {
|
|
width: 670px;
|
|
}
|
|
.feature-promo a {
|
|
display: block;
|
|
position: absolute;
|
|
width: 272px;
|
|
height: 185px;
|
|
top: 95px;
|
|
right: 23px;
|
|
}
|
|
.feature-stocks .tv-layout-width {
|
|
height: 260px;
|
|
}
|
|
.feature-stocks .tv-layout-width > div {
|
|
position: absolute;
|
|
width: 475px;
|
|
top: 40px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.feature-stocks .tv-layout-width > div:nth-child(1) {
|
|
left: 0;
|
|
background-image: url('../images/features/stock-1.png');
|
|
background-position: top left;
|
|
}
|
|
.feature-stocks .tv-layout-width > div:nth-child(2) {
|
|
right: 0;
|
|
background-image: url('../images/features/stock-2.png');
|
|
}
|
|
.feature-stocks .tv-layout-width h2 {
|
|
margin: 0 0 0 85px;
|
|
}
|
|
.feature-learn .learn-blocks {
|
|
overflow: hidden;
|
|
}
|
|
.feature-learn .learn-blocks > div {
|
|
float: left;
|
|
width: 230px;
|
|
margin-left: 25px;
|
|
}
|
|
.feature-learn .learn-blocks > div:first-child {
|
|
margin: 0;
|
|
}
|
|
.feature-learn .learn-blocks:after,
|
|
.feature-charttypes .charttypes:after,
|
|
.feature-tools .tools-description:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
.feature-learn .learn-blocks h3 {
|
|
font-size: 16px;
|
|
line-height: 19px;
|
|
margin: 16px 0 0;
|
|
}
|
|
.feature-learn .learn-blocks p {
|
|
font-size: 11px;
|
|
margin: 9px 0;
|
|
}
|
|
.feature-learn .learn-blocks i {
|
|
display: block;
|
|
height: 125px;
|
|
background-color: #ECF0F3;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
border-radius: 3px;
|
|
}
|
|
.feature-learn .learn-blocks .learn-ideas i {
|
|
background-image: url('../images/features/learn-ideas.png');
|
|
}
|
|
.feature-learn .learn-blocks .learn-snapshot i {
|
|
background-image: url('../images/features/learn-snapshot.png');
|
|
}
|
|
.feature-learn .learn-blocks .learn-community i {
|
|
background-image: url('../images/features/learn-community.png');
|
|
}
|
|
.feature-learn .learn-blocks .learn-realtime i {
|
|
background-image: url('../images/features/learn-realtime.png');
|
|
}
|
|
.feature-mobile p {
|
|
width: 500px;
|
|
}
|
|
.feature-mobile.narrow .tv-layout-width {
|
|
overflow: hidden;
|
|
}
|
|
.feature-mobile .ipad {
|
|
position: absolute;
|
|
top: 0;
|
|
right: -100px;
|
|
width: 632px;
|
|
height: 365px;
|
|
background: url('../images/features/ipad.png') no-repeat;
|
|
}
|
|
.charttypes > div {
|
|
float: left;
|
|
width: 175px;
|
|
height: 125px;
|
|
line-height: 125px;
|
|
padding: 0 0 0 100px;
|
|
margin: 0 0 18px;
|
|
font-size: 28px;
|
|
background-repeat: no-repeat;
|
|
background-position: 0 18px;
|
|
}
|
|
.charttypes > div:nth-child(4n) {
|
|
width: 75px;
|
|
}
|
|
.charttypes > .charttype-bars {
|
|
background-image: url('../images/features/type-bars.png');
|
|
}
|
|
.charttypes > .charttype-line {
|
|
background-image: url('../images/features/type-line.png');
|
|
}
|
|
.charttypes > .charttype-renko {
|
|
background-image: url('../images/features/type-renko.png');
|
|
}
|
|
.charttypes > .charttype-pnf {
|
|
background-image: url('../images/features/type-pnf.png');
|
|
}
|
|
.charttypes > .charttype-candles {
|
|
background-image: url('../images/features/type-candles.png');
|
|
}
|
|
.charttypes > .charttype-area {
|
|
background-image: url('../images/features/type-area.png');
|
|
}
|
|
.charttypes > .charttype-pricebreak {
|
|
background-image: url('../images/features/type-pricebreak.png');
|
|
}
|
|
.charttypes > .charttype-kagi {
|
|
background-image: url('../images/features/type-kagi.png');
|
|
}
|
|
.feature-tools .tools {
|
|
height: 31px;
|
|
width: 937px;
|
|
background: url('../images/features/tools.png') no-repeat;
|
|
margin: 30px auto 25px;
|
|
}
|
|
.feature-tools .tools-description > dl {
|
|
width: 450px;
|
|
padding: 0 50px 0 0;
|
|
margin: 0;
|
|
float: left;
|
|
}
|
|
.feature-tools .tools-description > dl > dt {
|
|
font-size: 20px;
|
|
margin: 0;
|
|
padding: 3px 0 3px 25px;
|
|
}
|
|
.feature-tools .tools-description > dl > dd {
|
|
font-size: 15px;
|
|
margin: 0 0 20px 25px;
|
|
}
|
|
/*
|
|
.feature-security .tv-layout-width
|
|
{
|
|
background-image: url('../images/features/security.png');
|
|
background-repeat: no-repeat;
|
|
background-position: 800px 25px;
|
|
}
|
|
.feature-security p
|
|
{
|
|
width: 650px;
|
|
}
|
|
*/
|
|
.feature-marketplace .tv-layout-width {
|
|
background: url('../images/features/marketplace.png') no-repeat 800px 50px;
|
|
}
|
|
.feature-marketplace p {
|
|
width: 740px;
|
|
}
|
|
.feature-technology .tv-layout-width {
|
|
background: url('../images/features/technology.png') no-repeat 0 96px;
|
|
padding-bottom: 67px;
|
|
}
|
|
.feature-technology p {
|
|
padding-left: 140px;
|
|
}
|
|
.feature-pro {
|
|
text-align: center;
|
|
font-size: 27px;
|
|
line-height: 40px;
|
|
}
|
|
.feature-pro .tv-layout-width {
|
|
padding-top: 80px;
|
|
}
|
|
.feature-pro .gopro {
|
|
display: block;
|
|
width: 254px;
|
|
margin: 55px auto 0;
|
|
line-height: 50px;
|
|
background: #3174d3;
|
|
font-size: 16px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
.feature-pro a:hover.gopro {
|
|
text-decoration: none;
|
|
}
|
|
.features-chart-container-reference {
|
|
position: relative;
|
|
padding-top: 10px;
|
|
margin: 30px 0 30px;
|
|
}
|
|
.browser-container {
|
|
border: 1px solid #aeb9c5;
|
|
border-radius: 5px;
|
|
}
|
|
.browser-container .browser-toolbar {
|
|
background: #aeb9c5;
|
|
height: 30px;
|
|
padding-left: 11px;
|
|
}
|
|
.browser-container .browser-toolbar span {
|
|
float: left;
|
|
width: 9px;
|
|
height: 9px;
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
margin: 12px 7px 0 0;
|
|
}
|
|
.features-chart-container {
|
|
margin: 0 auto;
|
|
width: 978px;
|
|
height: 751px;
|
|
}
|
|
.features-chart-container .chart-frame-wrap {
|
|
width: 978px;
|
|
height: 720px;
|
|
overflow: hidden;
|
|
}
|
|
.features-chart-container #chart-frame {
|
|
width: 978px;
|
|
height: 720px;
|
|
overflow: hidden;
|
|
}
|
|
.features-chart-container .tip {
|
|
background: #f8833c url('../images/index/plus.png') 9px 9px no-repeat;
|
|
border-radius: 15px;
|
|
-moz-border-radius: 15px;
|
|
position: absolute;
|
|
z-index: 90;
|
|
cursor: default !important;
|
|
width: 29px;
|
|
height: 29px;
|
|
display: block;
|
|
display: none;
|
|
box-shadow: inset 0 0 0 3px #fcad66, 0px 1px 3px rgba(0, 0, 0, 0.16);
|
|
}
|
|
.features-chart-container .tip:hover {
|
|
/*border: 3px solid #f3f3f3;*/
|
|
background: #ffffff url('../images/index/plus.png') -15px 9px no-repeat;
|
|
box-shadow: inset 0 0 0 3px #f3f3f3, 0px 1px 3px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.feature-tooltip {
|
|
z-index: 95;
|
|
display: none;
|
|
position: absolute;
|
|
border-radius: 4px;
|
|
border: 1px solid #bcbcbc;
|
|
width: 250px;
|
|
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
|
|
}
|
|
.feature-tooltip .content {
|
|
border-radius: 3px;
|
|
border: 3px solid #f3f3f3;
|
|
padding: 8px 12px;
|
|
background: #fff;
|
|
color: #666;
|
|
}
|
|
ul.feature-list {
|
|
display: block;
|
|
}
|
|
ul.feature-list li {
|
|
position: relative;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 5px 2px 5px 24px;
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAALklEQVR4AWMAgZgdHROB+C0UT0QSbP8PpMEYxAZLQlX9j4VgmIK3OCVwGoXTcgAth09hyVizGQAAAABJRU5ErkJggg==') 7px 12px no-repeat;
|
|
text-align: left;
|
|
}
|
|
ul.feature-list li.has-description:hover {
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAMElEQVR4AWMAgf1HT048cPTkWxAGsZEET/1HxmBJkCow58hJMAaxQWI4JXAahdNyAMDTZZ2xLVXFAAAAAElFTkSuQmCC');
|
|
cursor: help;
|
|
}
|
|
ul.feature-list li:hover .feature-description {
|
|
display: block;
|
|
}
|
|
ul.feature-list li .feature-description {
|
|
pointer-events: none;
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 10;
|
|
top: 0;
|
|
padding: 12px 30px;
|
|
width: 295px;
|
|
background: rgba(38, 40, 47, 0.95);
|
|
color: #ffffff;
|
|
text-align: center;
|
|
left: -370px;
|
|
}
|
|
ul.feature-list li .feature-description:before {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
top: 6px;
|
|
width: 9px;
|
|
height: 19px;
|
|
left: auto;
|
|
right: -9px;
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAATCAYAAABC3CftAAAARklEQVR4AaXSsQ0AMAgDQaaJ0mUm798xAZE8wCOZ+goEX+c+Fc1HTdAIoBFAI4BGAI0AGhEEZLhAvUGKd1J8J8W/U9oTlzk0dYO86JZPbwAAAABJRU5ErkJggg==');
|
|
}
|
|
ul.feature-list li .feature-description small {
|
|
font-size: 11px;
|
|
font-style: italic;
|
|
color: #AAAAAA;
|
|
}
|
|
ul.feature-list li .feature-description h3 {
|
|
margin: 0;
|
|
font-weight: normal;
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
margin: 10px 0;
|
|
}
|
|
ul.feature-list li .feature-description p {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
margin: 10px 0;
|
|
}
|
|
ul.feature-list li .feature-description .feature-icon {
|
|
display: block;
|
|
height: 100px;
|
|
width: 100px;
|
|
margin: 0 auto;
|
|
background: url('../images/gopro/feature-icons.png') 0 0 no-repeat;
|
|
}
|
|
ul.feature-list li .feature-description.feature-realtime .feature-icon {
|
|
background-position: 0 0;
|
|
}
|
|
ul.feature-list li .feature-description.feature-intraday-japan .feature-icon,
|
|
ul.feature-list li .feature-description.feature-studies .feature-icon {
|
|
background-position: 0 -100px;
|
|
}
|
|
ul.feature-list li .feature-description.feature-intraday-spreads .feature-icon {
|
|
background-position: 0 -200px;
|
|
}
|
|
ul.feature-list li .feature-description.feature-custom-intervals .feature-icon {
|
|
background-position: 0 -300px;
|
|
}
|
|
ul.feature-list li .feature-description.feature-multi-charts .feature-icon,
|
|
ul.feature-list li .feature-description.feature-watch-lists .feature-icon {
|
|
background-position: 0 -400px;
|
|
}
|
|
ul.feature-list li .feature-description.feature-hotlists .feature-icon {
|
|
background-position: 0 -500px;
|
|
}
|
|
ul.feature-list li .feature-description.feature-badge .feature-icon {
|
|
background-position: 0 -600px;
|
|
}
|
|
ul.feature-list li .feature-description.feature-private .feature-icon {
|
|
background-position: 0 -700px;
|
|
}
|
|
ul.feature-list li .feature-description.feature-extended-hours .feature-icon {
|
|
background-position: 0 -300px;
|
|
}
|
|
.tv-order-block {
|
|
background: #EAEFF4;
|
|
}
|
|
.order-wrap {
|
|
margin: 14px 0 20px;
|
|
}
|
|
.order-summary {
|
|
float: right;
|
|
width: 350px;
|
|
font-size: 14px;
|
|
background: #feffff;
|
|
padding: 20px;
|
|
border: 1px solid #dce1e6;
|
|
min-height: 570px;
|
|
position: relative;
|
|
}
|
|
.order-summary table {
|
|
width: 350px;
|
|
}
|
|
.order-summary th {
|
|
text-align: left;
|
|
font-size: 32px;
|
|
font-weight: normal;
|
|
border-bottom: 1px solid #dce1e6;
|
|
padding-bottom: 12px;
|
|
}
|
|
.order-summary td {
|
|
height: 30px;
|
|
}
|
|
.order-summary td:last-child {
|
|
text-align: right;
|
|
}
|
|
.order-summary .product-name {
|
|
padding-top: 10px;
|
|
}
|
|
.order-summary .product-info {
|
|
margin-bottom: 30px;
|
|
}
|
|
.order-summary .product-info .feature-list {
|
|
padding: 0;
|
|
margin: 0 0 35px 0 !important;
|
|
}
|
|
.order-summary .product-info .feature-list .feature-description {
|
|
top: -8px;
|
|
}
|
|
.order-summary .product-info .feature-list .feature-description .has-description:hover {
|
|
background-color: #eaeff4;
|
|
cursor: default;
|
|
}
|
|
.order-summary .total {
|
|
position: absolute;
|
|
bottom: 20px;
|
|
padding-top: 10px;
|
|
border-top: 1px solid #dce1e6;
|
|
}
|
|
.order-payment-methods {
|
|
float: left;
|
|
font-size: 14px;
|
|
background: #feffff;
|
|
width: 510px;
|
|
padding: 20px 30px;
|
|
border: 1px solid #dce1e6;
|
|
height: 570px;
|
|
}
|
|
.order-payment-methods .order-payment-method-head.header-only {
|
|
margin-bottom: 28px;
|
|
}
|
|
.order-payment-methods table {
|
|
width: 100%;
|
|
}
|
|
.order-payment-methods #cc-table-csc-help-link {
|
|
display: inline-block;
|
|
background: #cecece;
|
|
color: #fff;
|
|
position: relative;
|
|
width: 18px;
|
|
height: 18px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
left: -24px;
|
|
cursor: help;
|
|
}
|
|
#cc-table-csc-help {
|
|
position: absolute;
|
|
width: 301px;
|
|
background: #fff;
|
|
padding: 10px;
|
|
border: 1px solid #ccc;
|
|
display: none;
|
|
}
|
|
#cc-table-csc-help p {
|
|
margin: 12px 0 0;
|
|
}
|
|
.order-payment-methods h3 {
|
|
text-align: left;
|
|
font-size: 20px;
|
|
font-weight: normal;
|
|
padding: 0 0 15px;
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
.order-payment-methods p {
|
|
margin: 5px 0 14px 34px;
|
|
}
|
|
.order-payment-methods td {
|
|
height: 50px;
|
|
padding: 0 10px;
|
|
}
|
|
.order-payment-methods td:first-child {
|
|
text-align: right;
|
|
width: 150px;
|
|
}
|
|
.order-payment-methods td.td-exp-date {
|
|
height: 12px;
|
|
font-size: 12px;
|
|
color: #ccc;
|
|
}
|
|
.order-payment-methods td.td-exp-date span {
|
|
margin-right: 48px;
|
|
position: relative;
|
|
top: 10px;
|
|
}
|
|
.order-payment-methods input[type="text"] {
|
|
width: 220px;
|
|
margin: 0;
|
|
}
|
|
.order-payment-methods .order-checkbox {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 12px;
|
|
border: 2px solid #c3c8cf;
|
|
background: #fff;
|
|
cursor: pointer;
|
|
margin-right: 10px;
|
|
}
|
|
.order-payment-methods .order-checkbox.active {
|
|
border-color: #5cb888;
|
|
}
|
|
.order-payment-methods .order-checkbox.active::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: #5cb888;
|
|
top: 3px;
|
|
left: 3px;
|
|
}
|
|
.order-payment-methods input.exp-date {
|
|
width: 54px;
|
|
}
|
|
.order-payment-method-body {
|
|
display: none;
|
|
}
|
|
.order-payment-method-body.active {
|
|
display: block !important;
|
|
}
|
|
.order-purchase-button {
|
|
text-align: right;
|
|
padding: 10px 0 70px;
|
|
}
|
|
.order-purchase-button a {
|
|
background-color: #5cb888;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
text-transform: uppercase;
|
|
padding: 12px 50px;
|
|
/* image preloading */
|
|
background-image: url("../images/button-green-process.gif");
|
|
background-position: -9999px -9999px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.order-purchase-button a.process {
|
|
background-color: #4f9e75;
|
|
background-position: 0 0;
|
|
background-repeat: repeat;
|
|
}
|
|
.chart-relation-buttons {
|
|
position: absolute;
|
|
}
|
|
.chart-relation-buttons .fav:before {
|
|
height: 25px;
|
|
width: 26px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -389px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -13px;
|
|
margin-top: -13px;
|
|
}
|
|
.chart-relation-buttons .fav.active:before {
|
|
height: 25px;
|
|
width: 26px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -424px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -13px;
|
|
margin-top: -13px;
|
|
}
|
|
.chart-relation-buttons .fav.small:before {
|
|
height: 20px;
|
|
width: 21px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -459px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
margin-top: -10px;
|
|
}
|
|
.chart-relation-buttons .fav.small.active:before {
|
|
height: 20px;
|
|
width: 21px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -489px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
margin-top: -10px;
|
|
}
|
|
.chart-relation-buttons .agree:before {
|
|
height: 24px;
|
|
width: 17px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -263px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -9px;
|
|
margin-top: -12px;
|
|
}
|
|
.chart-relation-buttons .agree.active:before {
|
|
height: 24px;
|
|
width: 17px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -297px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -9px;
|
|
margin-top: -12px;
|
|
}
|
|
.chart-relation-buttons .agree.small:before {
|
|
height: 19px;
|
|
width: 15px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -331px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
margin-top: -10px;
|
|
}
|
|
.chart-relation-buttons .agree.small.active:before {
|
|
height: 19px;
|
|
width: 14px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -360px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -7px;
|
|
margin-top: -10px;
|
|
}
|
|
.chart-relation-buttons .fav,
|
|
.chart-relation-buttons .agree {
|
|
position: relative;
|
|
display: block;
|
|
cursor: pointer;
|
|
min-width: 38px;
|
|
padding: 0 2px;
|
|
height: 42px;
|
|
margin-bottom: 13px;
|
|
background-color: rgba(0, 3, 12, 0.48);
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
text-indent: -1000px;
|
|
white-space: nowrap;
|
|
}
|
|
.chart-relation-buttons .fav:last-child,
|
|
.chart-relation-buttons .agree:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.chart-relation-buttons .fav.small,
|
|
.chart-relation-buttons .agree.small {
|
|
min-width: 28px;
|
|
height: 32px;
|
|
}
|
|
.chart-relation-buttons .fav.with-counter,
|
|
.chart-relation-buttons .agree.with-counter {
|
|
text-indent: 0;
|
|
padding-top: 36px;
|
|
height: 18px;
|
|
}
|
|
.chart-relation-buttons .fav.small.with-counter,
|
|
.chart-relation-buttons .agree.small.with-counter {
|
|
padding-top: 28px;
|
|
height: 16px;
|
|
font-size: 12px;
|
|
}
|
|
.chart-relation-buttons .fav:hover,
|
|
.chart-relation-buttons .agree:hover {
|
|
background-color: rgba(0, 3, 12, 0.68);
|
|
}
|
|
.search-results .chart-relation-buttons .fav,
|
|
.search-results .chart-relation-buttons .agree {
|
|
opacity: 0.5;
|
|
-webkit-transition: opacity 0.1s ease-in;
|
|
-moz-transition: opacity 0.1s ease-in;
|
|
-o-transition: opacity 0.1s ease-in;
|
|
-ms-transition: opacity 0.1s ease-in;
|
|
transition: opacity 0.1s ease-in;
|
|
}
|
|
.search-results .chart-relation-buttons .fav.active,
|
|
.search-results .chart-relation-buttons .agree.active {
|
|
opacity: 1;
|
|
}
|
|
.search-results .img-border:hover .chart-relation-buttons .fav,
|
|
.search-results .img-border:hover .chart-relation-buttons .agree {
|
|
opacity: 1;
|
|
}
|
|
.chart-relation-buttons .fav:before,
|
|
.chart-relation-buttons .agree:before {
|
|
content: " ";
|
|
top: 8px !important;
|
|
margin-top: 0 !important;
|
|
}
|
|
.chart-relation-buttons .fav.small:before,
|
|
.chart-relation-buttons .agree.small:before {
|
|
top: 5px !important;
|
|
}
|
|
.chart-share-button {
|
|
display: block;
|
|
cursor: pointer;
|
|
min-width: 38px;
|
|
padding: 0 2px;
|
|
height: 42px;
|
|
margin-bottom: 13px;
|
|
background-color: rgba(0, 3, 12, 0.48);
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
text-indent: -1000px;
|
|
white-space: nowrap;
|
|
}
|
|
.chart-share-button:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.chart-share-button.small {
|
|
min-width: 28px;
|
|
height: 32px;
|
|
}
|
|
.chart-share-button.with-counter {
|
|
text-indent: 0;
|
|
padding-top: 36px;
|
|
height: 18px;
|
|
}
|
|
.chart-share-button.small.with-counter {
|
|
padding-top: 28px;
|
|
height: 16px;
|
|
font-size: 12px;
|
|
}
|
|
.chart-share-button:hover {
|
|
background-color: rgba(0, 3, 12, 0.68);
|
|
}
|
|
.search-results .chart-share-button {
|
|
opacity: 0.5;
|
|
-webkit-transition: opacity 0.1s ease-in;
|
|
-moz-transition: opacity 0.1s ease-in;
|
|
-o-transition: opacity 0.1s ease-in;
|
|
-ms-transition: opacity 0.1s ease-in;
|
|
transition: opacity 0.1s ease-in;
|
|
}
|
|
.search-results .chart-share-button.active {
|
|
opacity: 1;
|
|
}
|
|
.search-results .img-border:hover .chart-share-button {
|
|
opacity: 1;
|
|
}
|
|
.chart-share-button:before {
|
|
content: " ";
|
|
height: 21px;
|
|
width: 26px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1992px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -13px;
|
|
margin-top: -11px;
|
|
left: 55%;
|
|
}
|
|
.iotd-section {
|
|
background: #eaeff4;
|
|
padding: 10px 0 0 0;
|
|
margin-bottom: 35px;
|
|
}
|
|
.iotd-section #loading-indicator-small {
|
|
margin-top: 24px;
|
|
}
|
|
.iotd-wrap {
|
|
margin-bottom: 55px;
|
|
}
|
|
.iotd-col-image {
|
|
float: left;
|
|
}
|
|
.iotd-image-wrap {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.iotd-image-wrap .chart-relation-buttons {
|
|
top: 7px;
|
|
left: 7px;
|
|
}
|
|
.iotd-symbol {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.iotd-symbol .symbol {
|
|
display: inline-block;
|
|
max-width: 76%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
vertical-align: text-bottom;
|
|
}
|
|
.iotd-symbol .symbol-last,
|
|
.iotd-symbol .symbol-change-direction {
|
|
margin-left: 7px;
|
|
}
|
|
.iotd-symbol .symbol-last,
|
|
.iotd-symbol .symbol-change-direction {
|
|
display: none;
|
|
}
|
|
.iotd-symbol.quote-ticker-inited .symbol-last,
|
|
.iotd-symbol.quote-ticker-inited .symbol-change-direction {
|
|
display: inline-block;
|
|
}
|
|
.iotd-image-wrap .symbol {
|
|
position: absolute;
|
|
bottom: 16px;
|
|
left: 7px;
|
|
background: rgba(0, 3, 12, 0.68);
|
|
padding: 8px 18px;
|
|
color: white;
|
|
font: bold 10pt Arial, sans-serif;
|
|
}
|
|
.iotd-image {
|
|
display: block;
|
|
width: 530px;
|
|
height: 378px;
|
|
}
|
|
.iotd-col-desc {
|
|
margin: 0 0 0 558px;
|
|
position: relative;
|
|
}
|
|
.iotd-block-user {
|
|
height: 53px;
|
|
border: 1px solid #d8dde5;
|
|
border-width: 0 0 1px 0;
|
|
}
|
|
.iotd-block-user .userlink {
|
|
font-weight: bold;
|
|
margin-right: 3px;
|
|
}
|
|
.iotd-block-user .avatar {
|
|
-webkit-border-radius: 1px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 1px;
|
|
-moz-background-clip: padding;
|
|
border-radius: 1px;
|
|
background-clip: padding-box;
|
|
width: 32px;
|
|
height: 32px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
.iotd-block-user .avatar img {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.iotd-block-user .avatar.online:after,
|
|
.iotd-block-user .avatar.is-online:after {
|
|
content: '';
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: -3px;
|
|
right: -3px;
|
|
background: #5cb888;
|
|
border: 3px solid #f2f5f8;
|
|
}
|
|
.iotd-block-user .user-info {
|
|
float: left;
|
|
font-size: 14px;
|
|
margin: -2px 0 0 10px;
|
|
}
|
|
.iotd-block-user .follow-link {
|
|
position: relative;
|
|
top: 5px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.iotd-block-user .user-stats-small {
|
|
margin-top: 3px;
|
|
}
|
|
.iotd-block-user .user-info .user-badge {
|
|
margin: 0 0 0 4px;
|
|
overflow: hidden;
|
|
}
|
|
.iotd-block-content {
|
|
position: relative;
|
|
height: 326px;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
overflow: hidden;
|
|
}
|
|
.iotd-block-content .date {
|
|
display: block;
|
|
font-size: 12px;
|
|
color: #8c919a;
|
|
margin-top: 10px;
|
|
}
|
|
.iotd-block-content .date:not([title]) {
|
|
visibility: hidden;
|
|
}
|
|
.iotd-block-content h3 {
|
|
font: normal 21px Arial, sans-serif;
|
|
margin: 7px 0 .6em 0;
|
|
}
|
|
.iotd-block-content .iotd-scroll-outer {
|
|
position: relative;
|
|
}
|
|
.iotd-block-content .iotd-scroll-inner {
|
|
padding-right: 10px;
|
|
width: 100%;
|
|
border-right: solid 6px #eaeff4;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
.iotd-block-content .sb-scroll-active .iotd-scroll-inner {
|
|
border-right: solid 6px #dbe1ea;
|
|
}
|
|
.iotd-block-content .sb-scrollbar {
|
|
background: #a5abb5;
|
|
width: 6px;
|
|
right: 0;
|
|
}
|
|
.iotd-block-content .sb-scrollbar * {
|
|
visibility: hidden;
|
|
}
|
|
.iotd-block-content .sb-inner-shadow {
|
|
visibility: hidden;
|
|
}
|
|
.iotd-block-social {
|
|
height: 28px;
|
|
margin: 27px 0 0 0;
|
|
}
|
|
.iotd-block-social .chart-stats {
|
|
text-decoration: none;
|
|
color: #3b3e44;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
float: right;
|
|
margin-top: 1px;
|
|
}
|
|
.iotd-block-social .chart-stats .chart-stats-comments {
|
|
margin-right: 6px;
|
|
}
|
|
.iotd-block-social .chart-stats .chart-stats-comments:before {
|
|
height: 15px;
|
|
width: 16px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -569px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
content: " ";
|
|
padding-left: 6px;
|
|
}
|
|
.iotd-block-social .chart-stats .chart-stats-views:before {
|
|
height: 12px;
|
|
width: 16px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2164px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
content: " ";
|
|
padding-left: 5px;
|
|
top: -1px;
|
|
}
|
|
.iotd-block-social .iotd-share {
|
|
float: right;
|
|
}
|
|
.iotd-block-social .iotd-share a.twitter,
|
|
.iotd-block-social .iotd-share a.stocktwits {
|
|
float: left;
|
|
margin: 0 0 0 9px;
|
|
position: relative;
|
|
background: #a5abb5;
|
|
border-color: #a5abb5;
|
|
}
|
|
.iotd-block-social .iotd-share a.twitter:hover,
|
|
.iotd-block-social .iotd-share a.stocktwits:hover {
|
|
background: #b5bbc5;
|
|
}
|
|
.iotd-block-social .iotd-share a.twitter {
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
.iotd-block-social .iotd-share a.twitter .icon {
|
|
width: 20px;
|
|
height: 16px;
|
|
background-position: -120px -240px;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.iotd-block-social .iotd-share a.stocktwits {
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
.iotd-block-social .iotd-share a.stocktwits .icon {
|
|
width: 20px;
|
|
height: 12px;
|
|
background-position: -180px -320px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
.iotd-show-prev,
|
|
.iotd-show-next {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 230px;
|
|
width: 70px;
|
|
height: 59px;
|
|
background: rgba(252, 253, 255, 0.72);
|
|
cursor: default;
|
|
}
|
|
.iotd-show-prev {
|
|
left: 0;
|
|
}
|
|
.iotd-show-next {
|
|
right: 0;
|
|
}
|
|
.iotd-show-prev.active,
|
|
.iotd-show-next.active {
|
|
cursor: pointer;
|
|
background: rgba(184, 192, 210, 0.29);
|
|
}
|
|
.iotd-show-prev.active:hover,
|
|
.iotd-show-next.active:hover {
|
|
background: rgba(194, 202, 220, 0.29);
|
|
}
|
|
.iotd-show-arrow {
|
|
position: absolute;
|
|
width: 27px;
|
|
height: 14px;
|
|
top: 22px;
|
|
left: 21px;
|
|
background: url('../images/iotd.png') -42px -84px no-repeat;
|
|
}
|
|
.iotd-show-next .iotd-show-arrow {
|
|
left: 22px;
|
|
background-position: -57px -84px;
|
|
}
|
|
.iotd-show-prev.active .iotd-show-arrow {
|
|
background-position: 0px -84px;
|
|
}
|
|
.iotd-show-next.active .iotd-show-arrow {
|
|
background-position: -15px -84px;
|
|
}
|
|
.tv-gopro-block {
|
|
font: normal normal normal 16px 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, 'Myriad Pro', sans-serif;
|
|
/* See that? Helvetica! */
|
|
background: #eaeff4;
|
|
color: #4a4d54;
|
|
padding: 1px 0 0 0;
|
|
}
|
|
.tv-gopro-block a {
|
|
color: #0080b7;
|
|
}
|
|
.tv-gopro-block h1 {
|
|
margin: 26px 0;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
font-size: 32px;
|
|
line-height: 47px;
|
|
}
|
|
.tv-gopro-block .pro-feature-column.pro-feature-column-free .pro-feature-backdrop {
|
|
background: #F1F4F7;
|
|
}
|
|
.tv-gopro-block .pro-feature-column.pro-feature-column-pro .pro-feature-backdrop {
|
|
background: #F8F9FB;
|
|
}
|
|
.tv-gopro-block .pro-feature-column.pro-feature-column-prort .pro-feature-backdrop {
|
|
background: #FFFFFF;
|
|
}
|
|
.tv-gopro-block .pro-features {
|
|
position: relative;
|
|
width: 991px;
|
|
margin: 47px auto 54px auto;
|
|
}
|
|
.tv-gopro-block .pro-feature-column {
|
|
float: left;
|
|
width: 317px;
|
|
margin: 0 0 0 20px;
|
|
padding: 0 0 79px 0;
|
|
}
|
|
.tv-gopro-block .pro-feature-column.first {
|
|
margin-left: 0;
|
|
}
|
|
.tv-gopro-block .pro-feature-note {
|
|
display: none;
|
|
position: relative;
|
|
top: -35px;
|
|
text-align: center;
|
|
width: 100%;
|
|
/* margin: 0 auto 0 auto;
|
|
width: 280px;*/
|
|
font-size: 11px;
|
|
color: #aeaeae;
|
|
}
|
|
.tv-gopro-block .pro-feature-column.has-big-btn {
|
|
padding-bottom: 217px;
|
|
}
|
|
.tv-gopro-block .pro-feature-column .pro-feature-image {
|
|
width: 317px;
|
|
height: 135px;
|
|
background: url('../images/gopro/pro-plans.png') 0 0 no-repeat;
|
|
}
|
|
.tv-gopro-block .pro-feature-column-pro .pro-feature-image {
|
|
background-position: -317px 0;
|
|
}
|
|
.tv-gopro-block .pro-feature-column-prort .pro-feature-image {
|
|
background-position: -634px 0;
|
|
}
|
|
.tv-gopro-block .pro-feature-copy {
|
|
position: relative;
|
|
padding: 0 0 7px 0;
|
|
color: #3b414d;
|
|
}
|
|
.tv-gopro-block .pro-feature-copy h2 {
|
|
margin: 23px 0 13px 0;
|
|
text-align: center;
|
|
font-size: 44px;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
}
|
|
.tv-gopro-block .pro-feature-copy .pro-feature-separator {
|
|
height: 0;
|
|
border-top: solid 1px #dce1e6;
|
|
margin: 0 21px;
|
|
}
|
|
.tv-gopro-block .pro-feature-copy ul.feature-list {
|
|
margin: 18px 21px;
|
|
padding: 0;
|
|
display: block;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
}
|
|
.tv-gopro-block .pro-feature-column:not(.last) .feature-description {
|
|
left: 291px;
|
|
}
|
|
.tv-gopro-block .pro-feature-column:not(.last) .feature-description:before {
|
|
left: -9px;
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAATCAYAAABC3CftAAAARElEQVR4AaXSuwkAIAyGwUwjds7k/p0T6D/BERS+7hAfKa0x1yZ4HYJEkAgSQSJIBIkgFQB2wpk+bgeIF+/+HWFjngAv09uDvPbcoBYAAAAASUVORK5CYII=') 0 0 no-repeat;
|
|
}
|
|
.tv-gopro-block .pro-feature-column .pro-feature-backdrop {
|
|
position: absolute;
|
|
top: 135px;
|
|
bottom: 0;
|
|
width: 315px;
|
|
border: solid 1px #dce1e6;
|
|
background: #ffffff;
|
|
}
|
|
.tv-gopro-block .pro-feature-column .pro-feature-button {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
margin: 0 0 0 22px;
|
|
width: 272px;
|
|
background: #1fb2cc;
|
|
bottom: 22px;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
font-size: 22px;
|
|
line-height: 57px;
|
|
text-transform: uppercase;
|
|
display: none;
|
|
}
|
|
.is-not-authenticated .tv-gopro-block .pro-feature-column .pro-feature-button.show-when-not-authenticated {
|
|
display: block;
|
|
}
|
|
.is-trial-available .tv-gopro-block .pro-feature-column .pro-feature-button.show-when-trial-available {
|
|
display: block;
|
|
}
|
|
.is-trial .tv-gopro-block .pro-feature-column .pro-feature-button.show-when-early-access {
|
|
display: block;
|
|
}
|
|
.is-authenticated.is-not-trial.is-not-trial-available .tv-gopro-block .pro-feature-column .pro-feature-button.show-to-buy {
|
|
display: block;
|
|
}
|
|
.is-not-authenticated .pro-feature-note.show-when-not-authenticated {
|
|
display: block;
|
|
}
|
|
.is-trial-available .pro-feature-note.show-when-trial-available {
|
|
display: block;
|
|
}
|
|
.tv-gopro-block .pro-feature-column .pro-feature-button:hover {
|
|
background: #1fbad3;
|
|
}
|
|
.tv-gopro-block .pro-feature-column-free .pro-feature-button {
|
|
background: #60b789;
|
|
}
|
|
.tv-gopro-block .pro-feature-column-free .pro-feature-button:hover {
|
|
background: #6ebf94;
|
|
}
|
|
.tv-gopro-block .pro-feature-column .pro-feature-button.disabled {
|
|
background: #999999;
|
|
cursor: default;
|
|
}
|
|
.tv-gopro-block .pro-feature-column-free .pro-feature-button.disabled {
|
|
display: none;
|
|
cursor: default;
|
|
}
|
|
.pro-feature-button .message {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
/* Fuck you mozilla */
|
|
font-size: 22px;
|
|
line-height: 25px;
|
|
padding: 16px 0;
|
|
}
|
|
.pro-feature-button .price {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-size: 35px;
|
|
line-height: 41px;
|
|
padding: 8px 0;
|
|
}
|
|
.pro-feature-button .unit {
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
text-transform: none;
|
|
font-size: 16px;
|
|
line-height: 17px;
|
|
height: 34px;
|
|
padding: 9px 0 0 0;
|
|
}
|
|
.pro-feature-button .unit-line {
|
|
display: block;
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
}
|
|
.pro-feature-button .unit-line-header {
|
|
font-size: 18px;
|
|
padding-top: 4px;
|
|
text-transform: uppercase;
|
|
}
|
|
.pro-feature-button .unit-line-price {
|
|
text-align: left;
|
|
text-transform: none;
|
|
font-size: 16px;
|
|
line-height: 17px;
|
|
}
|
|
.tv-gopro-block .try-free-block {
|
|
font-size: 17px;
|
|
line-height: 26px;
|
|
text-align: center;
|
|
margin: 59px 85px 54px 85px;
|
|
}
|
|
.tv-gopro-block .try-free-block.disabled {
|
|
display: none;
|
|
}
|
|
.tv-gopro-block .try-free-image {
|
|
position: relative;
|
|
width: 246px;
|
|
height: 190px;
|
|
margin: 0 auto 39px auto;
|
|
background: url('../images/gopro/or-try-free.png') 0 0 no-repeat;
|
|
}
|
|
.tv-gopro-block .try-free-area {
|
|
cursor: pointer;
|
|
display: block;
|
|
position: absolute;
|
|
left: 28px;
|
|
top: 0;
|
|
height: 190px;
|
|
width: 190px;
|
|
margin: 0 auto;
|
|
border-radius: 95px;
|
|
}
|
|
.try-free-image .try-free-button {
|
|
position: absolute;
|
|
top: 132px;
|
|
left: -16px;
|
|
width: 218px;
|
|
padding: 15px 2px;
|
|
background: #5db888;
|
|
color: #ffffff;
|
|
font-size: 15px;
|
|
line-height: 17px;
|
|
text-align: center;
|
|
}
|
|
.try-free-image a:hover .try-free-button,
|
|
.try-free-image .try-free-button:hover {
|
|
background: #6ebf94;
|
|
}
|
|
.tv-gopro-block .try-free-block p {
|
|
margin: 0;
|
|
}
|
|
.tv-gopro-block .early-access-link.disabled {
|
|
display: none;
|
|
}
|
|
.tv-gopro-block .early-access-description {
|
|
margin: 1px;
|
|
padding: 5px;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
text-transform: none;
|
|
line-height: 1.5;
|
|
background: white;
|
|
color: #767B85;
|
|
}
|
|
.tv-gopro-block .marketplace-block {
|
|
background: #f2f5f8;
|
|
padding: 17px 0 15px 0;
|
|
}
|
|
.tv-gopro-block .marketplace-block .marketplace-intro {
|
|
text-align: center;
|
|
margin: 44px 0;
|
|
font-size: 17px;
|
|
line-height: 26px;
|
|
}
|
|
.tv-gopro-block .marketplace-block .marketplace-intro h2 {
|
|
margin: 9px 0;
|
|
font-size: 32px;
|
|
line-height: 37px;
|
|
font-weight: normal;
|
|
}
|
|
.tv-gopro-block .marketplace-block .marketplace-intro p {
|
|
margin: 10px 0;
|
|
}
|
|
.tv-gopro-block .marketplace-block .marketplace-item {
|
|
border: solid 1px #d5d9de;
|
|
background: #ffffff;
|
|
width: 990px;
|
|
margin: 40px 0;
|
|
}
|
|
.tv-gopro-block .marketplace-block .marketplace-copy {
|
|
padding: 10px 26px 29px 26px;
|
|
font-size: 17px;
|
|
line-height: 24px;
|
|
}
|
|
.tv-gopro-block .marketplace-block .marketplace-copy h3 {
|
|
margin: 9px 0;
|
|
font-size: 32px;
|
|
line-height: 37px;
|
|
font-weight: normal;
|
|
}
|
|
.tv-gopro-block .marketplace-block .marketplace-copy p {
|
|
margin: 10px 0;
|
|
}
|
|
.tv-gopro-block .marketplace-block .marketplace-copy-links {
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
position: relative;
|
|
top: -10px;
|
|
color: #aeaeae;
|
|
}
|
|
.tv-gopro-block .marketplace-block .marketplace-copy-links a {
|
|
color: #aeaeae;
|
|
}
|
|
.marketplace-order {
|
|
margin: 24px 0 0 0;
|
|
}
|
|
.marketplace-order-button {
|
|
cursor: pointer;
|
|
text-transform: uppercase;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
padding: 11px 21px;
|
|
font-size: 22px;
|
|
line-height: 25px;
|
|
background: #06b2ce;
|
|
color: white !important;
|
|
text-decoration: none !important;
|
|
}
|
|
.marketplace-order-button:hover {
|
|
background: #1fbad3;
|
|
color: white !important;
|
|
}
|
|
.marketplace-order-button:visited {
|
|
color: white !important;
|
|
}
|
|
.tv-gopro-block .marketplace-block .marketplace-notice {
|
|
color: #aeaeae;
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
padding: 19px 4px 20px 4px;
|
|
margin: 0 22px;
|
|
border-top: solid 1px #e6e8eb;
|
|
}
|
|
.tv-gopro-block .marketplace-block .marketplace-notice p {
|
|
margin: 5px 0;
|
|
}
|
|
/*
|
|
|
|
.tv-gopro-block .faq-block {
|
|
color: 8c8e95;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
padding: 37px 0 24px 0;
|
|
}
|
|
|
|
.tv-gopro-block .faq-block h2 {
|
|
margin: 12px 0;
|
|
font-size: 32px;
|
|
line-height: 37px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
}
|
|
|
|
.tv-gopro-block .faq-columns {
|
|
width: 992px
|
|
}
|
|
|
|
.tv-gopro-block .faq-columns .faq-column {
|
|
float: left;
|
|
width: 472px;
|
|
padding: 0 0 0 24px;
|
|
}
|
|
|
|
.tv-gopro-block .faq-item {
|
|
margin: 36px 0;
|
|
}
|
|
|
|
.tv-gopro-block .faq-block h3 {
|
|
font-size: 18px;
|
|
line-height: 21px;
|
|
color: #4a4d54;
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.tv-gopro-block .faq-block p {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
*/
|
|
.tv-gopro-block .faq-block,
|
|
.tv-order-block .faq-block,
|
|
.tv-faq-block .faq-block {
|
|
color: 8c8e95;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
padding: 37px 0 24px 0;
|
|
}
|
|
.tv-gopro-block .faq-block h2,
|
|
.tv-order-block .faq-block h2,
|
|
.tv-faq-block .faq-block h2 {
|
|
margin: 12px 0;
|
|
font-size: 32px;
|
|
line-height: 37px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
}
|
|
.tv-gopro-block .faq-columns,
|
|
.tv-order-block .faq-columns,
|
|
.tv-faq-block .faq-columns {
|
|
/*width: 992px*/
|
|
}
|
|
.tv-gopro-block .faq-columns .faq-column,
|
|
.tv-order-block .faq-columns .faq-column,
|
|
.tv-faq-block .faq-columns .faq-column {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 0 24px 0 10px;
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
.tv-gopro-block .faq-item,
|
|
.tv-order-block .faq-item,
|
|
.tv-faq-block .faq-item {
|
|
margin: 36px 0;
|
|
}
|
|
.tv-gopro-block .faq-block h3,
|
|
.tv-order-block .faq-block h3,
|
|
.tv-faq-block .faq-block h3 {
|
|
font-size: 18px;
|
|
line-height: 21px;
|
|
color: #4a4d54;
|
|
margin: 8px 0;
|
|
}
|
|
.tv-gopro-block .faq-block p,
|
|
.tv-order-block .faq-block p,
|
|
.tv-faq-block .faq-block p {
|
|
margin: 5px 0;
|
|
}
|
|
.tv-faq-block .faq-block {
|
|
padding-top: 0;
|
|
}
|
|
.tv-faq-block .faq-block h3 {
|
|
margin-bottom: 10px;
|
|
font-size: 16pt;
|
|
font-weight: bold;
|
|
}
|
|
.tv-faq-block .faq-block h4 {
|
|
margin-bottom: -2px;
|
|
font-size: 12pt;
|
|
}
|
|
.tv-faq-block .faq-block h5 {
|
|
margin: 8px 0 0;
|
|
font-size: 10pt;
|
|
}
|
|
.tv-faq-block .faq-block p {
|
|
line-height: 1.4em;
|
|
}
|
|
.tv-faq-block .faq-block pre {
|
|
margin: 5px 0 8px;
|
|
}
|
|
.tv-order-block .faq-block {
|
|
padding-top: 0;
|
|
}
|
|
/*
|
|
|
|
|
|
.tv-gopro-block .faq-block {
|
|
color: 8c8e95;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
padding: 37px 0 24px 0;
|
|
}
|
|
|
|
.tv-gopro-block .faq-block h2 {
|
|
margin: 12px 0;
|
|
font-size: 32px;
|
|
line-height: 37px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
}
|
|
|
|
.tv-gopro-block .faq-columns {
|
|
width: 992px
|
|
}
|
|
|
|
.tv-gopro-block .faq-columns .faq-column {
|
|
float: left;
|
|
width: 472px;
|
|
padding: 0 0 0 24px;
|
|
}
|
|
|
|
.tv-gopro-block .faq-item {
|
|
margin: 36px 0;
|
|
}
|
|
|
|
.tv-gopro-block .faq-block h3 {
|
|
font-size: 18px;
|
|
line-height: 21px;
|
|
color: #4a4d54;
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.tv-gopro-block .faq-block p {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
*/
|
|
button.follow-symbol {
|
|
background: #c8c8c8;
|
|
border: none 0;
|
|
color: white;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
padding: 0;
|
|
}
|
|
button.follow-symbol::-moz-focus-inner {
|
|
/* Hell, Mozilla, why are you still keeping this shit? */
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
button.follow-symbol:hover {
|
|
background: #52C3E7;
|
|
}
|
|
button.follow-symbol.active {
|
|
background: #43BE83;
|
|
}
|
|
button.follow-symbol.active:hover {
|
|
background: #a6a7a8;
|
|
}
|
|
button.follow-symbol.big {
|
|
padding: 5px 8px 4px 8px;
|
|
min-width: 100px;
|
|
height: 24px;
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
font-weight: bold;
|
|
}
|
|
button.follow-symbol.big:before {
|
|
content: " ";
|
|
background: url('../images/follow-big-icons.png');
|
|
width: 11px;
|
|
height: 11px;
|
|
background-position: 0 0;
|
|
vertical-align: middle;
|
|
}
|
|
button.follow-symbol.big:hover:before {
|
|
background-position: 0 -11px;
|
|
}
|
|
button.follow-symbol.big.active:before {
|
|
background-position: -11px 0;
|
|
}
|
|
button.follow-symbol.big.active:hover:before {
|
|
background-position: -11px -11px;
|
|
}
|
|
button.follow-symbol.big:before {
|
|
float: left;
|
|
margin: 2px 3px 0 0;
|
|
}
|
|
button.follow-symbol:after {
|
|
content: 'Follow';
|
|
}
|
|
button.follow-symbol.active:after {
|
|
content: 'Following';
|
|
}
|
|
button.follow-symbol.active:hover:after {
|
|
content: 'Unfollow';
|
|
}
|
|
button.follow-symbol.iconed:after {
|
|
display: none;
|
|
}
|
|
button.follow-symbol.iconed,
|
|
button.follow-symbol.iconed:hover:focus {
|
|
width: 17px;
|
|
height: 17px;
|
|
background-color: #a5abb5;
|
|
position: relative;
|
|
}
|
|
button.follow-symbol.iconed:before,
|
|
button.follow-symbol.iconed:hover:focus:before {
|
|
content: " ";
|
|
height: 11px;
|
|
width: 11px;
|
|
background-image: url("../images/sprites/base-sprite.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2111px;
|
|
display: block;
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 3px;
|
|
}
|
|
button.follow-symbol.iconed:hover {
|
|
background: #89919e;
|
|
}
|
|
button.follow-symbol.iconed.active,
|
|
button.follow-symbol.iconed.active:hover:focus {
|
|
background: #58c3e5;
|
|
}
|
|
button.follow-symbol.iconed.active:hover {
|
|
background-color: #2cb3de;
|
|
}
|
|
button.follow-symbol.flat {
|
|
background: #52c3e7;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
width: 100px;
|
|
padding: 7px 0 6px;
|
|
font-size: 12px;
|
|
border-radius: 0;
|
|
}
|
|
button.follow-symbol.flat:hover {
|
|
background: #81cae2;
|
|
}
|
|
button.follow-symbol.flat.active {
|
|
background: #43BE83;
|
|
}
|
|
.success-subscription {
|
|
margin-top: 50px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 550px;
|
|
padding: 30px;
|
|
border: solid 1px #dbdfe4;
|
|
background-color: white;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-border-radius: 4px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 4px;
|
|
-moz-background-clip: padding;
|
|
border-radius: 4px;
|
|
background-clip: padding-box;
|
|
}
|
|
.success-subscription h1 {
|
|
margin-top: 0;
|
|
}
|
|
.ISwraper {
|
|
position: relative;
|
|
}
|
|
.ISwraper .IStoggle {
|
|
position: absolute;
|
|
height: 27px;
|
|
width: 13px;
|
|
top: 1px;
|
|
right: 0px;
|
|
cursor: pointer;
|
|
}
|
|
.ISwraper .IStoggle:after {
|
|
content: " ";
|
|
position: absolute;
|
|
right: 0;
|
|
top: 6px;
|
|
display: inline-block;
|
|
height: 15px;
|
|
width: 13px;
|
|
vertical-align: top;
|
|
background: url('../images/select-bg.png') 2px 5px no-repeat;
|
|
}
|
|
.ISwraper ul.ISdropdown {
|
|
position: absolute;
|
|
left: 1px;
|
|
top: 0px;
|
|
border: 1px solid #c9cbcd;
|
|
background: #fff;
|
|
z-index: 120;
|
|
margin: 2px 0 0;
|
|
padding: 0;
|
|
overflow: auto;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.ISwraper ul.ISdropdown li {
|
|
display: block;
|
|
padding: 7px;
|
|
height: 16px;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
}
|
|
.ISwraper ul.ISdropdown li:hover {
|
|
background: #f4f7f9;
|
|
}
|
|
.ISwraper ul.ISdropdown li .IStext {
|
|
display: inline-block;
|
|
width: 100%;
|
|
font-weight: normal;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.tv-dialog-content form .ISwraper .IStoggle {
|
|
height: 33px;
|
|
width: 25px;
|
|
}
|
|
.tv-dialog-content form .ISwraper .IStoggle:after {
|
|
top: 10px;
|
|
right: 6px;
|
|
}
|
|
.content-page {
|
|
font-size: 15px;
|
|
color: #4B4B4D;
|
|
}
|
|
.content-page p {
|
|
line-height: 28px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.content-page h1 {
|
|
font-family: Arial;
|
|
font-size: 40px;
|
|
color: #2a2d33;
|
|
line-height: normal;
|
|
font-weight: normal;
|
|
margin: 26px 0 26px;
|
|
}
|
|
.content-page h1:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.content-page h2 {
|
|
font-family: Arial;
|
|
font-size: 30px;
|
|
color: #2a2d33;
|
|
line-height: normal;
|
|
font-weight: normal;
|
|
margin: 25px 0 25px;
|
|
}
|
|
.content-page h2:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.content-page h3 {
|
|
font-family: Arial;
|
|
font-size: 22px;
|
|
color: #2a2d33;
|
|
line-height: normal;
|
|
font-weight: normal;
|
|
margin: 20px 0 15px;
|
|
}
|
|
.content-page h3:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.content-page ul li span.mark {
|
|
color: #60b789;
|
|
font-weight: bold;
|
|
}
|
|
.content-page .separator {
|
|
margin: 45px 0 35px 0;
|
|
background: #ccd8e4;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
}
|
|
.content-page .vindent {
|
|
padding: 36px 0 36px;
|
|
}
|
|
.content-page .hvindent {
|
|
padding: 36px 10px;
|
|
}
|
|
.content-page .tv-content-button {
|
|
display: inline-block;
|
|
height: 45px;
|
|
padding: 0 30px;
|
|
color: White;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-size: 15px;
|
|
line-height: 46px;
|
|
cursor: pointer;
|
|
border-width: 0;
|
|
outline: 0;
|
|
outline-style: none;
|
|
-webkit-border-radius: 0;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 0;
|
|
-moz-background-clip: padding;
|
|
border-radius: 0;
|
|
background-clip: padding-box;
|
|
}
|
|
.content-page .tv-content-button::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
.content-page .tv-content-button.float-bottom {
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
.content-page .tv-content-button.blue {
|
|
background-color: #00b8dc;
|
|
}
|
|
.content-page .tv-content-button.blue:hover {
|
|
background-color: #00c1e6;
|
|
}
|
|
.content-page .tv-content-button.blue:active {
|
|
background-color: #00c9f0;
|
|
}
|
|
.content-page .tv-content-button.green {
|
|
background-color: #5cb888;
|
|
}
|
|
.content-page .tv-content-button.green:hover {
|
|
background-color: #63bb8d;
|
|
}
|
|
.content-page .tv-content-button.green:active {
|
|
background-color: #6abe92;
|
|
}
|
|
.content-page .tv-content-button.yellow {
|
|
background-color: #e5c35f;
|
|
}
|
|
.content-page .tv-content-button.yellow:hover {
|
|
background-color: #e6c668;
|
|
}
|
|
.content-page .tv-content-button.yellow:active {
|
|
background-color: #e8ca71;
|
|
}
|
|
.content-page.how-it-works {
|
|
overflow: hidden;
|
|
}
|
|
.content-page.how-it-works .intro {
|
|
height: 497px;
|
|
padding-top: 52px;
|
|
}
|
|
.content-page.how-it-works .intro .tv-layout-width {
|
|
position: relative;
|
|
}
|
|
.content-page.how-it-works .intro .text {
|
|
width: 415px;
|
|
float: left;
|
|
}
|
|
.content-page.how-it-works .intro img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 392px;
|
|
}
|
|
.content-page.how-it-works .watch-link {
|
|
padding: 47px 0 52px 0;
|
|
border-bottom: solid 1px #d3d8de;
|
|
}
|
|
.content-page.how-it-works .watch-link:after {
|
|
clear: both;
|
|
display: table;
|
|
content: "";
|
|
}
|
|
.content-page.how-it-works .watch-link a {
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2871px;
|
|
float: left;
|
|
height: 89px;
|
|
padding-left: 191px;
|
|
padding-top: 26px;
|
|
font-size: 24px;
|
|
line-height: normal;
|
|
color: #2a2d33;
|
|
font-style: italic;
|
|
width: 120px;
|
|
}
|
|
.content-page.how-it-works .mission {
|
|
padding: 30px 0 60px;
|
|
}
|
|
.content-page.how-it-works table.stats {
|
|
table-layout: fixed;
|
|
padding-top: 50px;
|
|
width: 100%;
|
|
}
|
|
.content-page.how-it-works table.stats td {
|
|
padding-left: 40px;
|
|
}
|
|
.content-page.how-it-works table.stats div {
|
|
height: 77px;
|
|
display: inline-block;
|
|
color: #7e848e;
|
|
font-size: 20px;
|
|
padding-top: 7px;
|
|
text-align: left;
|
|
}
|
|
.content-page.how-it-works table.stats div span {
|
|
font-size: 46px;
|
|
color: #33353e;
|
|
display: block;
|
|
}
|
|
.content-page.how-it-works table.stats div.investors {
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1701px;
|
|
padding-left: 85px;
|
|
}
|
|
.content-page.how-it-works table.stats div.ideas {
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1614px;
|
|
padding-left: 91px;
|
|
}
|
|
.content-page.how-it-works table.stats div.charts {
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -511px;
|
|
padding-left: 100px;
|
|
}
|
|
.content-page.how-it-works .how {
|
|
padding: 30px 0;
|
|
}
|
|
.content-page.how-it-works .how table {
|
|
width: 100%;
|
|
margin: 50px 0 30px;
|
|
}
|
|
.content-page.how-it-works .how table td {
|
|
padding: 0 20px 50px 0;
|
|
}
|
|
.content-page.how-it-works .how table td i {
|
|
width: 69px;
|
|
float: left;
|
|
text-align: right;
|
|
padding-right: 16px;
|
|
}
|
|
.content-page.how-it-works .how table td div {
|
|
padding-left: 85px;
|
|
line-height: 22px;
|
|
}
|
|
.content-page.how-it-works .how table td h2 {
|
|
color: #2a2d33;
|
|
font-size: 24px;
|
|
padding: 0 0 10px;
|
|
margin: 0;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
}
|
|
.content-page.how-it-works .how table td i:before {
|
|
content: " ";
|
|
}
|
|
.content-page.how-it-works .how table td.create i:before {
|
|
height: 43px;
|
|
width: 60px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -42px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.how-it-works .how table td.learn i:before {
|
|
height: 36px;
|
|
width: 42px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -95px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.how-it-works .how table td.share i:before {
|
|
height: 44px;
|
|
width: 34px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -141px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
margin-right: 11px;
|
|
}
|
|
.content-page.how-it-works .how table td.colloborate i:before {
|
|
height: 32px;
|
|
width: 63px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px 0px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.how-it-works .trading-ideas h1 {
|
|
text-align: center;
|
|
}
|
|
.content-page.how-it-works .trading-ideas .image {
|
|
height: 185px;
|
|
width: 120px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2676px;
|
|
float: left;
|
|
margin-top: 45px;
|
|
}
|
|
.content-page.how-it-works .trading-ideas .text {
|
|
padding-left: 160px;
|
|
}
|
|
.content-page.how-it-works .trading-ideas .text p.half.first {
|
|
float: left;
|
|
width: 50%;
|
|
margin-right: 8%;
|
|
}
|
|
.content-page.how-it-works .trading-ideas .text p.half.second {
|
|
float: left;
|
|
width: 42%;
|
|
}
|
|
.content-page.how-it-works .saying-about {
|
|
padding-top: 56px;
|
|
}
|
|
.content-page.how-it-works .saying-about h1 {
|
|
text-align: center;
|
|
margin-bottom: 45px;
|
|
}
|
|
.content-page.how-it-works .saying-about blockquote {
|
|
color: #818284;
|
|
font-size: 17px;
|
|
line-height: 28px;
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
margin: 0 0 35px;
|
|
padding: 0 0 0 34px;
|
|
}
|
|
.content-page.how-it-works .saying-about blockquote:before {
|
|
content: " ";
|
|
height: 18px;
|
|
width: 24px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2283px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
margin-left: -32px;
|
|
}
|
|
.content-page.how-it-works .saying-about .quote {
|
|
width: 47%;
|
|
float: left;
|
|
}
|
|
.content-page.how-it-works .saying-about .quote.r {
|
|
float: right;
|
|
}
|
|
.content-page.how-it-works .saying-about .quote .author {
|
|
text-align: right;
|
|
padding-left: 34px;
|
|
font-size: 17px;
|
|
}
|
|
.content-page.how-it-works .saying-about .quote .author .name {
|
|
color: #2a2d33;
|
|
}
|
|
.content-page.how-it-works .saying-about .quote .author .post {
|
|
color: #818284;
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about {
|
|
padding: 80px 0 40px;
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about:after {
|
|
clear: both;
|
|
display: table;
|
|
content: "";
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about .line {
|
|
height: 1px;
|
|
background: #ced5db;
|
|
overflow: hidden;
|
|
margin-top: 10px;
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about .head {
|
|
color: #c0c0c0;
|
|
font-size: 20px;
|
|
background: #eaeff4;
|
|
display: block;
|
|
margin: -14px auto 30px;
|
|
width: 350px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about .item {
|
|
width: 228px;
|
|
float: left;
|
|
margin-right: 27px;
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about .item:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about .item .balloon {
|
|
background: #fff;
|
|
position: relative;
|
|
height: 106px;
|
|
font-size: 14px;
|
|
color: #818284;
|
|
text-align: center;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
padding: 0 21px;
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about .item .balloon:before {
|
|
content: " ";
|
|
height: 20px;
|
|
width: 20px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -331px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
top: 100%;
|
|
right: 24px;
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about .item .image {
|
|
float: right;
|
|
margin-right: 3px;
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about .item:nth-child(1) .image {
|
|
height: 36px;
|
|
width: 130px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1838px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
margin-top: 22px;
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about .item:nth-child(2) .image {
|
|
height: 24px;
|
|
width: 133px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2642px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
margin-top: 32px;
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about .item:nth-child(3) .image {
|
|
height: 43px;
|
|
width: 141px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -3095px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
margin-top: 24px;
|
|
}
|
|
.content-page.how-it-works .saying-about .press-about .item:nth-child(4) .image {
|
|
height: 22px;
|
|
width: 193px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1078px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
margin-top: 32px;
|
|
}
|
|
.content-page.features {
|
|
/*
|
|
fundamental-data, compare ,price-scaling, multi-charts, study-template
|
|
extended-hours,hotlist, repeat, headlines, conversation, publish
|
|
addons
|
|
*/
|
|
}
|
|
.content-page.features .intro .head {
|
|
text-align: center;
|
|
padding-top: 25px;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .intro .head h1 {
|
|
margin-bottom: 35px;
|
|
}
|
|
.content-page.features .broad-market {
|
|
padding-top: 20px;
|
|
text-align: center;
|
|
}
|
|
.content-page.features .broad-market-icon-container {
|
|
text-align: center;
|
|
}
|
|
.content-page.features .broad-market-icon-container .broad-market-icon {
|
|
height: 104px;
|
|
width: 1091px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2466px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .mobile {
|
|
position: relative;
|
|
}
|
|
.content-page.features .mobile .text {
|
|
width: 620px;
|
|
}
|
|
.content-page.features .mobile .text p {
|
|
padding-right: 15px;
|
|
}
|
|
.content-page.features .mobile .image {
|
|
float: right;
|
|
margin: 53px 10px 0 0;
|
|
height: 240px;
|
|
width: 341px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1210px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .mobile:after {
|
|
clear: both;
|
|
display: table;
|
|
content: "";
|
|
}
|
|
.content-page.features .chart-types .chart-types-list {
|
|
height: 140px;
|
|
width: 795px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -361px;
|
|
width: auto;
|
|
margin: 30px 0 10px 53px;
|
|
}
|
|
.content-page.features .chart-types .chart-types-list div {
|
|
line-height: 54px;
|
|
height: 54px;
|
|
margin-bottom: 32px;
|
|
}
|
|
.content-page.features .chart-types .chart-types-list div span {
|
|
float: left;
|
|
width: 171px;
|
|
padding-left: 73px;
|
|
font-size: 18px;
|
|
color: #595e67;
|
|
}
|
|
.content-page.features .chart-types .chart-types-list div span:last-child {
|
|
width: auto;
|
|
}
|
|
.content-page.features .chart-types .spread-charts .text {
|
|
padding-left: 200px;
|
|
}
|
|
.content-page.features .chart-types .spread-charts .image {
|
|
height: 96px;
|
|
width: 96px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2360px;
|
|
margin-left: -161px;
|
|
float: left;
|
|
margin-top: 5px;
|
|
}
|
|
.content-page.features .drawings {
|
|
text-align: center;
|
|
}
|
|
.content-page.features .drawings .image {
|
|
height: 32px;
|
|
width: 937px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1110px;
|
|
margin: 10px auto 25px;
|
|
}
|
|
.content-page.features .technical-analysis {
|
|
text-align: center;
|
|
}
|
|
.content-page.features .technical-analysis .list {
|
|
color: #4b5662;
|
|
font-size: 25px;
|
|
text-align: center;
|
|
margin-bottom: 45px;
|
|
margin-top: 40px;
|
|
}
|
|
.content-page.features .technical-analysis .list span:before {
|
|
content: " ";
|
|
}
|
|
.content-page.features .technical-analysis .list span:nth-child(1):before {
|
|
height: 40px;
|
|
width: 51px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1788px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
margin-right: 10px;
|
|
}
|
|
.content-page.features .technical-analysis .list span:nth-child(2):before {
|
|
height: 45px;
|
|
width: 46px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2116px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
margin-left: 75px;
|
|
margin-right: 15px;
|
|
}
|
|
.content-page.features .technical-analysis .list span:nth-child(3):before {
|
|
height: 42px;
|
|
width: 38px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1026px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
margin-left: 75px;
|
|
margin-right: 24px;
|
|
}
|
|
.content-page.features .features-item.half {
|
|
padding-top: 56px;
|
|
}
|
|
.content-page.features .features-item.half > div:nth-child(1) {
|
|
float: left;
|
|
width: 47%;
|
|
}
|
|
.content-page.features .features-item.half > div:nth-child(2) {
|
|
float: right;
|
|
width: 47%;
|
|
}
|
|
.content-page.features .features-item.center {
|
|
text-align: center;
|
|
}
|
|
.content-page.features .features-item h2 .image {
|
|
margin-top: -23px;
|
|
margin-right: 6px;
|
|
}
|
|
.content-page.features .features-item .image.fundamentals {
|
|
height: 40px;
|
|
width: 54px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1460px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .features-item .image.compare {
|
|
height: 41px;
|
|
width: 60px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -929px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .features-item .image.price-scaling {
|
|
height: 57px;
|
|
width: 69px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2171px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .features-item .image.multi-charts {
|
|
height: 48px;
|
|
width: 49px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1884px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .features-item .image.study-template {
|
|
height: 52px;
|
|
width: 54px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2580px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .features-item .image.extended-hours {
|
|
height: 48px;
|
|
width: 174px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1152px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .features-item .image.hotlist {
|
|
height: 45px;
|
|
width: 34px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1559px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .features-item .image.repeat {
|
|
height: 39px;
|
|
width: 53px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2311px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .features-item .image.headlines {
|
|
height: 39px;
|
|
width: 40px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1510px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .features-item .image.conversation {
|
|
height: 36px;
|
|
width: 42px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -980px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .features-item .image.publish {
|
|
height: 35px;
|
|
width: 36px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2238px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.features .features-item:after {
|
|
clear: both;
|
|
display: table;
|
|
content: "";
|
|
}
|
|
.content-page.features .addons .text {
|
|
padding-left: 247px;
|
|
}
|
|
.content-page.features .addons .image {
|
|
float: left;
|
|
margin-left: -200px;
|
|
margin-top: 8px;
|
|
height: 126px;
|
|
width: 136px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -195px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page .woo-gopro {
|
|
padding: 65px 0 50px;
|
|
background: #14b8da;
|
|
text-align: center;
|
|
}
|
|
.content-page .woo-gopro .title {
|
|
font-size: 34px;
|
|
color: #f2f5f8;
|
|
margin-bottom: 15px;
|
|
}
|
|
.content-page .woo-gopro p {
|
|
font-size: 16px;
|
|
color: #f2f5f8;
|
|
font-style: italic;
|
|
}
|
|
.content-page .woo-gopro a {
|
|
margin-top: 20px;
|
|
background: #1098b5;
|
|
border: solid 1px #fff;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
text-transform: uppercase;
|
|
width: 202px;
|
|
height: 45px;
|
|
line-height: 45px;
|
|
display: inline-block;
|
|
}
|
|
.content-page.licensing {
|
|
overflow: hidden;
|
|
}
|
|
.content-page.licensing .intro {
|
|
text-align: center;
|
|
padding-top: 52px;
|
|
padding-bottom: 0;
|
|
}
|
|
.content-page.licensing .intro .tv-layout-width {
|
|
position: relative;
|
|
}
|
|
.content-page.licensing .intro img {
|
|
display: block;
|
|
margin: 55px 0 0 -62px;
|
|
}
|
|
.content-page.licensing .base-info {
|
|
padding: 105px 0 75px;
|
|
}
|
|
.content-page.licensing .base-info h3 {
|
|
color: #2a2d33;
|
|
font-size: 24px;
|
|
font-weight: normal;
|
|
margin: 0 0 15px;
|
|
}
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-left,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-center,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-right {
|
|
float: left;
|
|
position: relative;
|
|
height: 453px;
|
|
width: 305px;
|
|
width: calc((100% - 81px)/3);
|
|
margin-right: 40px;
|
|
padding-bottom: 45px;
|
|
}
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-left.colomn-right,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-center.colomn-right,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-right.colomn-right {
|
|
margin-right: 0px;
|
|
}
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-left h3,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-center h3,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-right h3 {
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
color: #2a2d33;
|
|
}
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-left .image-container,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-center .image-container,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-right .image-container {
|
|
height: 100px;
|
|
line-height: 100px;
|
|
text-align: center;
|
|
margin-bottom: 40px;
|
|
}
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-left .image.window-chart,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-center .image.window-chart,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-right .image.window-chart {
|
|
height: 89px;
|
|
width: 110px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2996px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-left .image.cloud-chart,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-center .image.cloud-chart,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-right .image.cloud-chart {
|
|
height: 81px;
|
|
width: 115px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -838px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-left .image.pages-chart,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-center .image.pages-chart,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-right .image.pages-chart {
|
|
height: 100px;
|
|
width: 100px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -1942px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-left .tv-content-button,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-center .tv-content-button,
|
|
.content-page.licensing .base-info .three-colomns-layout .colomn-right .tv-content-button {
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
.content-page.licensing > .vindent:last-child {
|
|
padding: 70px 0;
|
|
}
|
|
.content-page.charting-library .intro {
|
|
position: relative;
|
|
text-align: center;
|
|
padding-bottom: 0px;
|
|
}
|
|
.content-page.charting-library .intro .image {
|
|
height: 104px;
|
|
width: 1091px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2466px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
margin-left: -45px;
|
|
margin-top: -8px;
|
|
}
|
|
.content-page.charting-library .buttons-container {
|
|
position: relative;
|
|
margin-top: 45px;
|
|
text-align: center;
|
|
z-index: 1;
|
|
}
|
|
.content-page.charting-library .buttons-container .tv-content-button {
|
|
margin-right: 15px;
|
|
}
|
|
.content-page.charting-library .buttons-container .tv-content-button:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.content-page.charting-library .chart-container.vindent {
|
|
padding-top: 65px;
|
|
text-align: center;
|
|
}
|
|
.content-page.charting-library #chart {
|
|
width: 100%;
|
|
height: 605px;
|
|
}
|
|
.content-page .advantages .list {
|
|
padding: 25px 310px 0 75px;
|
|
}
|
|
.content-page .advantages h2 {
|
|
font-size: 25px;
|
|
position: relative;
|
|
}
|
|
.content-page .advantages h2 .image,
|
|
.content-page .advantages h2 .rounded-number {
|
|
position: absolute;
|
|
left: -75px;
|
|
top: -10px;
|
|
}
|
|
.content-page .advantages h2 .rounded-number {
|
|
top: -12px;
|
|
width: 50px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
text-align: center;
|
|
border: 2px solid #14b8da;
|
|
-webkit-border-radius: 50px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-border-radius: 50px;
|
|
-moz-background-clip: padding;
|
|
border-radius: 50px;
|
|
background-clip: padding-box;
|
|
color: #14b8da;
|
|
}
|
|
.content-page .advantages h2.blue {
|
|
color: #14b8da;
|
|
}
|
|
.content-page .advantages h2.blue .image {
|
|
height: 50px;
|
|
width: 50px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -598px;
|
|
}
|
|
.content-page .advantages h2.blue .rounded-number {
|
|
border-color: #14b8da;
|
|
color: #14b8da;
|
|
}
|
|
.content-page .advantages h2.green {
|
|
color: #60b789;
|
|
}
|
|
.content-page .advantages h2.green .image {
|
|
height: 50px;
|
|
width: 50px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -658px;
|
|
}
|
|
.content-page .advantages h2.green .rounded-number {
|
|
border-color: #60b789;
|
|
color: #60b789;
|
|
}
|
|
.content-page .advantages h2.yellow {
|
|
color: #dbb710;
|
|
}
|
|
.content-page .advantages h2.yellow .image {
|
|
height: 50px;
|
|
width: 50px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -778px;
|
|
}
|
|
.content-page .advantages h2.yellow .rounded-number {
|
|
border-color: #dbb710;
|
|
color: #dbb710;
|
|
}
|
|
.content-page .advantages h2.red {
|
|
color: #e26346;
|
|
}
|
|
.content-page .advantages h2.red .image {
|
|
height: 50px;
|
|
width: 50px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -718px;
|
|
}
|
|
.content-page .advantages h2.red .rounded-number {
|
|
border-color: #e26346;
|
|
color: #e26346;
|
|
}
|
|
.content-page .advantages p {
|
|
padding-bottom: 25px;
|
|
}
|
|
.content-page .contacts {
|
|
margin-top: 17px;
|
|
float: right;
|
|
position: relative;
|
|
width: 237px;
|
|
padding: 16px 18px;
|
|
background: #eaeff4;
|
|
border-radius: 5px;
|
|
color: #5e646f;
|
|
line-height: 20px;
|
|
font-size: 14px;
|
|
}
|
|
.content-page .contacts .title {
|
|
color: #2a2d33;
|
|
padding-bottom: 15px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
}
|
|
.content-page .contacts .fn,
|
|
.content-page .contacts .email,
|
|
.content-page .contacts .tel {
|
|
display: block;
|
|
}
|
|
.content-page .contacts:after {
|
|
content: " ";
|
|
height: 54px;
|
|
width: 30px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2052px;
|
|
display: block;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
bottom: 0;
|
|
right: 11px;
|
|
}
|
|
.content-page .hl-bg .contacts {
|
|
background: #f2f5f8;
|
|
}
|
|
.content-page.tv-widget-page .intro {
|
|
text-align: center;
|
|
padding-bottom: 0px;
|
|
}
|
|
.content-page.tv-widget-page .intro .image {
|
|
height: 104px;
|
|
width: 1091px;
|
|
background-image: url("../images/sprites/content-pages.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0px -2466px;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
overflow: hidden;
|
|
}
|
|
.content-page.tv-widget-page .browser-container {
|
|
margin-top: 50px;
|
|
}
|
|
.license-dialog {
|
|
text-align: left;
|
|
line-height: 1.7;
|
|
font-size: 15px;
|
|
}
|
|
/*# sourceMappingURL=site.compiled.css.map */ |