/* 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; width: 268px; 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; } .charts-popup-list.iconed .item { white-space: nowrap; position: relative; overflow: hidden; } .charts-popup-list.iconed .item .title { /*height: 30px; line-height: 30px;*/ width: 190px; position: absolute; top: 11px; left: 45px; vertical-align: top; } .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 { display: block; width: 16px; height: 16px; background: url('../images/icons.png'); background-position: -80px -100px; float: right; margin: 2px 0 0 2px; visibility: hidden; } .favored-list .delete { display: block; width: 16px; height: 16px; background: url("../images/icons.png") -102px -362px; margin: 0 5px 0 5px; float: right; 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 > 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 { padding: 6px 10px 5px; height: 15px; display: inline-block; vertical-align: top; text-decoration: none !important; color: #6f7073 !important; cursor: pointer; 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 { 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 { 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; } 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; margin: auto; padding-top: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .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; } .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-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.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 .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 .symbol-edit-widget { margin: 0 0 10px; width: 300px; } .tv-dialog-content .symbol-edit-widget input { width: 291px; } .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.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: pointer; 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: 10px 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; cursor: pointer; } .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; } .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: pointer; 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; cursor: pointer; 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; } .header-chart-panel { position: relative; min-height: 30px; padding: 5px 5px 0; overflow: hidden; background-color: #F1F3F6; } .is-mobile .header-chart-panel { background-color: #FFF; padding: 14px 28px; border-bottom: 1px solid #c9cbcd; } .is-mobile .header-chart-panel .chart-style-widget .quick i { position: relative; top: -4px; } .is-mobile .header-chart-panel .button.properties i { width: 17px; height: 17px; display: block; top: -2px; left: -1px; position: relative; background-image: url("../images/mobile/icons.png"); background-position: 0 20px; } .is-mobile .header-chart-panel .button.load { margin-right: 7px; } .is-mobile .header-chart-panel .button.save.process { background: url(../images/bar-loader.gif) 0 0 repeat !important; border: 0; padding: 14px 19px 12px; } .is-mobile .header-chart-panel .button.save.no-change { color: #DDD !important; } .is-mobile .header-chart-panel .button.options { padding-right: 12px !important; } .is-mobile .header-chart-panel .mobile-back-button { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 40px; height: 40px; border: 2px solid #b5b7ba; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 22px; -webkit-background-clip: padding-box; -moz-border-radius: 22px; -moz-background-clip: padding; border-radius: 22px; background-clip: padding-box; background: #FFF; position: relative; margin-right: 30px; } .is-mobile .header-chart-panel .mobile-back-button:hover, .is-mobile .header-chart-panel .mobile-back-button:active, .is-mobile .header-chart-panel .mobile-back-button.active { background: #FFF; } .is-mobile .header-chart-panel .mobile-back-button:hover, .is-mobile .header-chart-panel .mobile-back-button:active, .is-mobile .header-chart-panel .mobile-back-button.active, .is-mobile .header-chart-panel .mobile-back-button.selected { background: #FFF; border: 2px solid #b5b7ba; } .is-mobile .header-chart-panel .mobile-back-button i { position: absolute; top: 11px; left: 9px; display: block; width: 19px; height: 16px; background-image: url("../images/mobile/icons.png"); background-position: -40px -20px; } .header-chart-panel .right { float: right; } .header-chart-panel .left { margin: 0 0 -5px 0; } .header-chart-panel .left { margin: 0 0 -5px 0; } .header-chart-panel .group { display: inline-block; white-space: nowrap; padding: 0; margin: 0 0 5px 0; vertical-align: top; } .is-mobile .header-chart-panel .group { margin: 0; } .header-chart-panel .symbol-edit-widget { margin-right: -1px; } .is-mobile .header-chart-panel .symbol-edit-widget { height: 40px; margin-right: 8px; } .header-chart-panel .space-single, .chart-top-toolbar .space-single { padding: 0 4px 0 0; } .is-mobile .header-chart-panel .space-single, .is-mobile .chart-top-toolbar .space-single { padding-right: 7px; } /* .space-double { padding: 0 10px 0 0; } */ .header-chart-panel .button, .hotlist-controls .button, .symbol-edit-widget .button { cursor: default; padding: 7px 12px 7px; border: 1px solid #c9cbcd; height: 14px; background: #FFFFFF; color: #8b8c8e; font-size: 11px; font-weight: bold; float: left; display: block; position: relative; } .is-mobile .header-chart-panel .button.iconed, .is-mobile .hotlist-controls .button.iconed, .is-mobile .symbol-edit-widget .button.iconed, .is-mobile .header-chart-panel .button, .is-mobile .hotlist-controls .button, .is-mobile .symbol-edit-widget .button { padding: 12px 17px 10px; border: 2px solid #b5b7ba; height: 14px; background: #b5b7ba; color: #ffffff; font-size: 12px; font-weight: normal; } .is-mobile .header-chart-panel .button.iconed:hover, .is-mobile .hotlist-controls .button.iconed:hover, .is-mobile .symbol-edit-widget .button.iconed:hover, .is-mobile .header-chart-panel .button:hover, .is-mobile .hotlist-controls .button:hover, .is-mobile .symbol-edit-widget .button:hover, .is-mobile .header-chart-panel .button.iconed:active, .is-mobile .hotlist-controls .button.iconed:active, .is-mobile .symbol-edit-widget .button.iconed:active, .is-mobile .header-chart-panel .button:active, .is-mobile .hotlist-controls .button:active, .is-mobile .symbol-edit-widget .button:active, .is-mobile .header-chart-panel .button.iconed.active:hover, .is-mobile .hotlist-controls .button.iconed.active:hover, .is-mobile .symbol-edit-widget .button.iconed.active:hover, .is-mobile .header-chart-panel .button.active:hover, .is-mobile .hotlist-controls .button.active:hover, .is-mobile .symbol-edit-widget .button.active:hover, .is-mobile .header-chart-panel .button.iconed.active, .is-mobile .hotlist-controls .button.iconed.active, .is-mobile .symbol-edit-widget .button.iconed.active, .is-mobile .header-chart-panel .button.active, .is-mobile .hotlist-controls .button.active, .is-mobile .symbol-edit-widget .button.active { background: #b5b7ba !important; color: #ffffff !important; } .is-mobile .header-chart-panel .button.iconed .arrow-icon, .is-mobile .hotlist-controls .button.iconed .arrow-icon, .is-mobile .symbol-edit-widget .button.iconed .arrow-icon, .is-mobile .header-chart-panel .button .arrow-icon, .is-mobile .hotlist-controls .button .arrow-icon, .is-mobile .symbol-edit-widget .button .arrow-icon { right: 8px; top: 13px; background: url("../images/mobile/select-bg.png") repeat scroll 0 0 transparent; height: 8px; width: 14px; } .is-mobile .header-chart-panel .button.iconed .arrow-icon:before, .is-mobile .hotlist-controls .button.iconed .arrow-icon:before, .is-mobile .symbol-edit-widget .button.iconed .arrow-icon:before, .is-mobile .header-chart-panel .button .arrow-icon:before, .is-mobile .hotlist-controls .button .arrow-icon:before, .is-mobile .symbol-edit-widget .button .arrow-icon:before { position: absolute; content: " "; width: 1px; height: 24px; background: #cbcdcf; top: -8px; right: 24px; } .header-chart-panel .button .arrow-icon, .hotlist-controls .arrow-icon, .symbol-edit-widget .arrow-icon, .ch-settings.button .arrow-icon { position: absolute; right: 7px; top: 12px; background: url("../images/select-bg.png") repeat scroll 0 0 transparent; height: 5px; width: 9px; } .header-chart-panel .button.with-arrow, .symbol-edit-widget .button.with-arrow { padding-right: 25px; } .is-mobile .header-chart-panel .button.with-arrow, .is-mobile .symbol-edit-widget .button.with-arrow { padding-right: 46px; } /* Symbol Edit */ .symbol-edit-widget { width: 100px; height: 27px; -webkit-user-select: none; position: relative; } .is-mobile .symbol-edit-widget { width: 170px; } .symbol-edit-widget.no-button { width: 110px; } input.symbol-edit, .symbol-search-dialog input { background-color: white; border: 1px solid #c9cbcd; width: 65px; height: 28px; padding: 0 0 0 7px; color: #6f7073; font: 12px Arial; font-weight: bold; float: left; } input.symbol-edit .is-mobile, .symbol-search-dialog input .is-mobile { color: #ffffff; } .symbol-edit-widget .symbol-edit-wrap { position: absolute; z-index: 1; width: 100px; height: 27px; top: 0; left: 0; transition: width 0.2s; } .symbol-edit-widget .symbol-edit-wrap.expanded { width: 484px; box-shadow: #F1F3F6 0 0 10px 10px; transition: width 0.4s; } .is-mobile .symbol-edit-widget .symbol-edit-wrap { width: 170px; height: 40px; } .is-mobile .symbol-edit-widget .symbol-edit-wrap.expanded { box-shadow: #FFFFFF 0 0 10px 10px; width: 554px; } .symbol-edit-widget .symbol-edit-inputspacer { padding: 0 9px 0 0; overflow: hidden; } .is-mobile .symbol-edit-widget .symbol-edit-inputspacer { height: 40px; padding-right: 11px; } .is-mobile .symbol-edit-widget .symbol-edit-inputspacer input.symbol-edit { height: 36px; border-width: 2px; border-color: #b5b7ba; } .symbol-edit-widget .symbol-edit-inputspacer input.symbol-edit { width: 100%; } .symbol-edit-wrap .symbol-edit-buttonswrap { height: 30px; width: 0px; position: relative; overflow: hidden; background: yellow; float: right; transition: width 0.2s; } .is-mobile .symbol-edit-wrap .symbol-edit-buttonswrap { height: 40px; } .symbol-edit-wrap.expanded .symbol-edit-buttonswrap { width: 101px; transition: width 0.4s; } .is-mobile .symbol-edit-wrap.expanded .symbol-edit-buttonswrap { width: 172px; } .symbol-edit-wrap .symbol-edit-buttonswrap .spread-actions { position: absolute; top: 0; right: 0; width: 100px; } .is-mobile .symbol-edit-wrap .symbol-edit-buttonswrap .spread-actions { height: 36px; border: 2px solid #b5b7ba; width: 170px; } .is-mobile .symbol-edit-wrap .symbol-edit-buttonswrap .spread-actions button { height: 36px; width: 34px; border-right: 2px solid #b5b7ba; } .is-mobile .symbol-edit-wrap .symbol-edit-buttonswrap .spread-actions button:last-child { border-right: none; } .is-mobile .symbol-edit-wrap .symbol-edit-buttonswrap .spread-actions button .action-icon { top: 8px; left: 6px; } input.symbol-edit.with-plus { padding-right: 26px; } input.symbol-edit.incomplete, .symbol-search-dialog input.incomplete { background-color: #ffffef; } input.symbol-edit.error, .symbol-search-dialog input.error { background-color: #ffefef; } .symbol-search-loading { background: url('../images/loading-small.gif') 50% 50% no-repeat; width: 24px; height: 24px; padding: 3px; margin: 0 auto; } .property-page input.symbol-edit { padding: 0 5px; } div.symbol-edit-popup { position: absolute; width: 550px; display: block; border: 1px solid #c9cbcd; z-index: 111; background: #fff; background: rgba(255, 255, 255, 0.9); } div.symbol-edit-popup .table-wrapper { overflow-y: auto; width: 550px; } table.symbol-edit-popup { width: 100%; border-collapse: collapse; } table.symbol-edit-popup td { padding: 7px; } table.symbol-edit-popup td:first-child { padding-left: 20px; } table.symbol-edit-popup td:last-child { padding-right: 20px; } tr.symbol-edit-popup { cursor: pointer; height: 25px; } tr.symbol-edit-popup td:first-child { width: 105px; } /* deprecated */ span.symbol-edit-highlight { color: #4C82CE; font-weight: bold; } /* deprecated */ .symbol-edit-popup-td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 230px; line-height: 14px; vertical-align: middle; } .symbol-edit-popup-td.name { font-weight: bold; } .symbol-edit-popup-td.desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .symbol-edit-popup-td.name strong, .symbol-edit-popup-td.desc strong { font-weight: bold; color: #4C82CE; } .symbol-edit-popup-td.type { font-size: 11px; color: #999; white-space: nowrap; text-align: right; } tr.symbol-edit-popup:hover { background: #f2f5f8; } .symbol-edit-popup-active { background: #d1e1f8; } .symbol-edit-popup i.eod, .symbol-edit-popup i.pro { display: inline-block; height: auto; width: auto; font-size: 10px; color: white; text-transform: uppercase; font-style: normal; line-height: 12px; vertical-align: 0; margin: 0 5px 0 0; padding: 1px 3px 0; overflow: visible; } .symbol-edit-popup i.eod { background: #c9cbcd; } .symbol-edit-popup i.pro { background: #bf645c; } .symbol-edit-plus { display: block; width: 25px; height: 27px; position: absolute; right: 0; cursor: pointer; } .symbol-edit-plus span { display: block; width: 15px; height: 15px; position: relative; top: 6px; left: 3px; background: url('../images/icons.png') no-repeat -80px -220px; } .symbol-edit-plus:hover span { background-position: -120px -300px; } .symbol-edit-history-popup { padding: 1px; overflow-y: auto; border: 1px solid #999; z-index: 11; cursor: pointer; background: #fff; background: rgba(255, 255, 255, 0.9); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); width: 410px; } .symbol-edit-history-popup .heading { background: #ddd; cursor: pointer; padding: 4px 5px; color: #626262; font-size: 11px; font-weight: bold; cursor: default; } .symbol-edit-history-popup .symbol { cursor: pointer; height: 14px; padding: 5px; color: #595959; font: 12px Arial; clear: both; position: relative; } .symbol-edit-history-popup .symbol .s { float: left; width: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .symbol-edit-history-popup .symbol .d { float: left; width: 247px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .symbol-edit-history-popup .symbol .t { position: absolute; right: 3px; top: 5px; color: #999; font-size: 11px; text-align: right; } .symbol-edit-history-popup .symbol:hover { background: #e5edf7; color: #29313c; } .symbol-search-dialog .symbol-block { width: auto; margin: 0; overflow: hidden; } .symbol-search-dialog .symbol-block .spread-actions { height: 36px; border-top: none; border-right: none; background: white; } .symbol-search-dialog .symbol-block button { width: 30px; height: 36px; border-left: 1px solid #c9cbcd; } .symbol-search-dialog .symbol-block button:first-child { border-left: none; } .symbol-search-dialog .symbol-block button .action-icon { top: 8px; left: 4px; } .symbol-search-dialog .symbol-block-inputspacer { overflow: hidden; } .symbol-search-dialog .symbol-block-inputspacer input { width: 100%; height: 37px; font-size: 13px; margin: 0; padding: 0 7px 0 34px; border-width: 0px; border-bottom-width: 1px; border-radius: 0; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .symbol-search-dialog .symbol-block-inputspacer .search-cion { content: " "; display: block; position: absolute; width: 13px; height: 13px; background: url(../images/icons.png) no-repeat -80px -339px; top: 12px; left: 12px; } .symbol-search-dialog .filter { padding: 0 20px; border-bottom: 1px solid #eaeaea; } .symbol-search-dialog .filter a.type-filter, .symbol-search-dialog .filter .exchange-filter { padding: 10px 0; margin-left: 20px; display: inline-block; position: relative; color: #595959; } .symbol-search-dialog .filter a.type-filter a, .symbol-search-dialog .filter .exchange-filter a { color: #595959; } .symbol-search-dialog .filter a.type-filter.active, .symbol-search-dialog .filter .exchange-filter.active { font-weight: bold; } .symbol-search-dialog .filter a.type-filter.active:after, .symbol-search-dialog .filter .exchange-filter.active:after { content: " "; position: absolute; display: block; bottom: -1px; width: 100%; height: 3px; background-color: #5cb888; } .symbol-search-dialog .filter a.type-filter:first-child, .symbol-search-dialog .filter .exchange-filter:first-child { margin-left: 0; } .symbol-search-dialog .results { height: 500px; overflow-x: hidden; overflow-y: auto; margin: 0; } .symbol-search-dialog .results table { width: 100%; border-collapse: collapse; } .symbol-search-dialog .results table .symbol-edit-popup-td:first-child { padding-left: 20px; } .symbol-search-dialog .results table .symbol-edit-popup-td:last-child { padding-right: 20px; } .symbol-search-dialog .results table tr:first-child .symbol-edit-popup-td { padding-top: 12px; } .spread-actions { float: right; height: 28px; border: 1px solid #c9cbcd; background: #FFFFFF; margin: 0; } .spread-actions button::-moz-focus-inner { padding: 0 !important; margin: 0 !important; } .spread-actions button { position: relative; float: left; width: 20px; height: 25px; background: none; padding: 0; margin: 0; border: none; cursor: pointer; } .spread-actions button.disabled { cursor: default; } .spread-actions button .action-icon { position: absolute; top: 3px; left: 0; width: 20px; height: 20px; display: block; overflow: hidden; } .spread-actions button .action-icon .sprite { height: 60px; width: 20px; background: url('../images/dialogs/spread-actions.png') 0 0 no-repeat; position: absolute; left: 0; top: 0; margin-top: 1px; } .spread-actions button:hover .action-icon .sprite { top: -20px; } .spread-actions button.disabled .action-icon .sprite { top: -40px; } .spread-actions button.div .action-icon .sprite { background-position: 0 0; } .spread-actions button.minus .action-icon .sprite { background-position: -20px 0; } .spread-actions button.plus .action-icon .sprite { background-position: -40px 0; } .spread-actions button.mult .action-icon .sprite { background-position: -60px 0; } .spread-actions button.open .action-icon .sprite { background-position: -80px 0; } .spread-actions button.close .action-icon .sprite { background-position: -100px 0; } .spread-actions button.flip .action-icon .sprite { background-position: -120px 0; } div.symbol-edit-popup .exchange-filter, .symbol-search-dialog .exchange-filter { float: right; } div.symbol-edit-popup .exchange-filter .tv-unstyled-select-container { display: inline-block; } .symbol-search-dialog .exchange-filter .sbSelector { display: block; margin: 0 12px 0 0; } div.symbol-edit-popup .exchange-filter .sbSelector { display: block; margin: 0 10px 0 0; font-weight: bold; font-size: 11px; height: 13px; } div.symbol-edit-popup .exchange-filter .sbToggle, .symbol-search-dialog .exchange-filter .sbToggle { width: 9px; height: 5px; position: absolute; top: 6px; right: 0px; background: url("../images/select-bg.png") 0 0; } .symbol-edit-popup .filter { padding: 0 20px; margin: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eaeaea; } .symbol-edit-popup .filter a.type-filter, .symbol-edit-popup .filter .exchange-filter { padding: 6px 0; margin-left: 20px; font-weight: bold; font-size: 11px; display: inline-block; border-bottom: none; position: relative; color: #595959; } .symbol-edit-popup .filter a.type-filter a, .symbol-edit-popup .filter .exchange-filter a { color: #595959; } .symbol-edit-popup .filter a.type-filter.active:after, .symbol-edit-popup .filter .exchange-filter.active:after { content: " "; position: absolute; display: block; bottom: -1px; width: 100%; height: 3px; background-color: #5cb888; } .symbol-edit-popup .filter a.type-filter:first-child, .symbol-edit-popup .filter .exchange-filter:first-child { margin-left: 0; } .symbol-edit-popup .filter .exchange-filter { margin: 0; } .compare-widget, .addsymbol-widget { position: absolute; z-index: 17; margin: 2px 0 0; width: 300px; padding: 10px 10px; display: none; background: #fff; border: 1px solid #aaadb1; } .compare-widget p, .addsymbol-widget p { margin: 0; color: #8B8C8E; font-weight: bold; } .compare-widget p.vspace { margin: 6px 0; } .compare-widget p.note { font-weight: normal; font-size: 11px; margin-top: 9px; } .compare-widget p.note a { display: inline-block; border-bottom: dashed 1px #007FB9; font-weight: bold; } .compare-widget .tab-arrow { position: absolute; left: 27px; top: -10px; } .addsymbol-widget .close-button, .compare-widget .close-button { position: absolute; right: 5px; top: 5px; } .compare-widget .symbol-edit-widget, .addsymbol-widget .symbol-edit-widget { width: 100%; } .addsymbol-widget input.symbol-edit, .compare-widget input.symbol-edit { width: 265px; font-weight: normal; } .addsymbol-widget input.symbol-edit:focus, .compare-widget input.symbol-edit:focus { border-color: #4c82ce; } .compare-widget .tv-button { padding: 5px 18px 5px; color: #8B8C8E; } .compare-widget .predefine-section { float: left; margin: 0 10px 0 0; font-size: 12px; } .compare-widget .predefine-heading { text-transform: uppercase; color: #000; margin: 0 0 5px 3px; } .addsymbol-widget .opts-line, .compare-widget .predefine-line { color: #4c5151; } .addsymbol-widget .opts-line { margin: 5px 0; } .addsymbol-widget .opts-line label, .compare-widget .predefine-line label { position: relative; top: -2px; padding: 0 0 0 4px; } .header-chart-panel .button:hover, .symbol-edit-widget .button:hover { background: #fff; color: #68696b; } .header-chart-panel .button:active, .header-chart-panel .button.active, .header-chart-panel .button.active:hover, .symbol-edit-widget .button:active, .symbol-edit-widget .button.active, .save-load-buttons a:not(.link):active, .save-load-buttons .active, .save-load-buttons .active:hover, .hotlist-controls .button.active, .hotlist-controls .button:active, .ch-controls .button.active, .ch-controls .button:active { background: #f2f5f8 !important; color: #68696b; } .header-chart-panel .icon-container-toggle { width: 70px; margin: 0; } .header-chart-panel .icon-container-toggle a { height: 14px; } .header-chart-panel .button.no-last { border-top-right-radius: 0; border-bottom-right-radius: 0; } .header-chart-panel .button.no-first { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; } .is-mobile .favored-list-container { background: #b5b7ba; color: #ffffff; } .favored-list-container > span, .favored-list-container > div { vertical-align: top; } .favored-list-container > div { display: inline-block; } .favored-list-container span { display: inline-block; height: 14px; position: relative; vertical-align: top; color: #8b8c8e; font-size: 11px; font-weight: bold; background: #FFFFFF; border: 1px solid #c9cbcd; border-width: 1px 1px 1px 0; padding: 7px 12px 7px; cursor: default; } .is-mobile .favored-list-container span { padding: 15px 17px 11px; background: #b5b7ba; color: #ffffff; border: none; } .is-mobile .favored-list-container span:active, .is-mobile .favored-list-container span.active, .is-mobile .favored-list-container span.selected { background: #b5b7ba !important; color: #58c3e5; } .is-mobile .favored-list-container span:hover { background: #b5b7ba; color: #ffffff; } .is-mobile .favored-list-container span.disabled, .is-mobile .favored-list-container span.disabled:active, .is-mobile .favored-list-container span.disabled.active { color: #ddd; background: #c2c4c6 !important; } .favored-list-container span:active, .favored-list-container span.active, .favored-list-container span.selected { background: #f2f5f8 !important; color: #58c3e5; } .favored-list-container span:hover { background: #fff; color: #68696b; } .favored-list-container span.disabled, .favored-list-container span.disabled:active, .favored-list-container span.disabled.active { color: #ADAFB3; background: #F1F3F6 !important; border-color: #c9cbcd; box-shadow: none; } .favored-list-container .quick span { cursor: pointer; } .favored-list-container .quick span:first-child { border-width: 1px; } .favored-list-container:not(.no-first) .favored-list-container .quick span:first-child { border-width: 1px; } .favored-list-container .quick span:last-child { border-right-style: dotted; } .is-mobile .favored-list-container .quick span:last-child { border-right: none; } .favored-list-container span.submenu { padding: 0; width: 20px; height: 28px; position: relative; } .is-mobile .favored-list-container span.submenu { width: 30px; height: 38px; } .favored-list-container span.submenu i { display: block; width: 9px; height: 5px; position: absolute; top: 12px; right: 6px; background: url("../images/select-bg.png"); } .is-mobile .favored-list-container span.submenu i { background: #b5b7ba; background: url("../images/mobile/select-bg.png"); width: 14px; height: 8px; top: 15px; right: 8px; } .is-mobile .favored-list-container span.submenu i:before { position: absolute; content: " "; width: 1px; height: 24px; background: #cbcdcf; top: -7px; left: -9px; } .is-mobile .favored-list-container span.submenu i.study-template-icon { background: url('../images/mobile/icons.png') -21px -18px; } .is-mobile .favored-list-container span.submenu i.study-template-icon:before { display: none; } .favored-list-container span.submenu i.study-template-icon { background: url('../images/icons.png') -120px -220px; width: 20px; height: 20px; display: inline-block; position: relative; left: -1px; top: -3px; } .button.iconed, .header-chart-panel .button.iconed { padding: 6px 10px 8px; } .header-chart-panel .button.disabled, .header-chart-panel .button.disabled:active, .header-chart-panel .button.disabled.active { background: #FFFFFF !important; border-color: #eaeaea; box-shadow: none; } .header-chart-panel .button.disabled i { opacity: 0.5; } .button.iconed i { display: inline-block; width: 15px; height: 15px; background-image: url('../images/icons.png'); } .button.undo i, .button.redo i { background-image: url('../chart-client/css/images/undo-redo.png'); } .button.undo, .button.redo { z-index: 2; } .button.undo.disabled, .button.redo.disabled { z-index: 1; } .header-chart-panel .button.redo { left: -1px; } .button.redo i { background-position: -15px 0; } .button.fullscreen, .header-chart-panel .button.fullscreen { margin-left: 4px; padding: 5px 6px 9px; } .button.fullscreen i { width: 18px; height: 18px; background-position: -180px -100px; } .button.properties i { width: 17px; height: 17px; background-position: -160px -240px; } .button.properties:hover i, .button.properties.active i { background-position: -40px -340px; } .button.bars, .header-chart-panel .button.bars { padding: 3px 22px 8px 9px; } .button.bars i i, .chart-style-widget span i { display: inline-block; width: 19px; height: 19px; background: url('../chart-client/css/images/bartype-icons.png'); } .favored-list.study-template-popup { width: 268px; } .favored-list.study-template-popup .item .title-expanded { width: 190px; } .favored-list-container.study-template-widget { float: left; } .favored-list-container.study-template-widget span.submenu { width: auto; height: 19px; padding: 7px 25px 2px 12px; } .is-mobile .favored-list-container.study-template-widget span.submenu { height: 18px; padding: 15px 46px 7px 17px; } .favored-list-container.study-template-widget .quick > span { padding: 7px 4px 7px; } .favored-list-container.study-template-widget .quick > span i { display: block; background: url('../images/icons.png') 0 -380px; width: 10px; margin-top: 1px; height: 10px; } .favored-list-container.study-template-widget .quick > span:first-child { border-left-width: 0; border-radius: 0; } .favored-list-container.study-template-widget .quick > span:last-child { border-style: solid; } .header-chart-panel .button.published-timeline { padding: 4px 7px 10px 7px; } .header-chart-panel .button.published-timeline i { width: 19px; height: 19px; background-position: -119px -340px; } .header-chart-panel .button.published-timeline:active i, .header-chart-panel .button.published-timeline.active i { background-position: -139px -340px; } .up-active { position: relative; } .charts-popup-list.chart-style-popup { width: 195px; } .charts-popup-list.chart-style-popup .item .title { width: 130px; } .chart-style-popup .item { padding: 7px 7px 6px 7px; height: 18px; } .chart-style-popup .item span.icon { width: 19px; height: 19px; margin-top: -1px; } .chart-style-popup .item.active span.icon { background-position-y: -19px !important; } .chart-style-widget span { padding: 4px 8px 10px; } .header-chart-panel .button.eotpro-button { color: #ffffff; background: #0071bc; border-color: #276b91; } .header-chart-panel .button.eotpro-button:hover { color: #eeeeee; background: #1088cb; } .header-chart-panel .button.eotpro-button:hover .arrow-icon { border-color: #eeeeee transparent transparent transparent; } .header-chart-panel .button.eotpro-button.active, .header-chart-panel .button.eotpro-button:active { color: #eeeeee; background: #1088cb !important; } .header-chart-panel .button.eotpro-button.active .arrow-icon, .header-chart-panel .button.eotpro-button:active .arrow-icon { border-color: #eeeeee transparent transparent transparent; } .header-chart-panel .button.eotpro-button .arrow-icon { width: 0px; height: 0px; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #ffffff transparent transparent transparent; } .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: 25px; text-align: right; } .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: 40px; } .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; } .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; } #footer-chart-panel { min-height: 28px; padding: 0 5px 5px 5px; background-color: #F1F3F6; position: relative; } .is-mobile #footer-chart-panel { padding: 6px 0; background-color: #FFF; } .is-mobile #footer-chart-panel .tools-group { float: left; } .is-mobile #footer-chart-panel .publish-buttons { margin-top: 8px; } .is-mobile #footer-chart-panel .publish-buttons a.getimage, .is-mobile #footer-chart-panel .publish-buttons a.tweetimage, .is-mobile #footer-chart-panel .publish-buttons a.stocktwitimage, .is-mobile #footer-chart-panel .publish-buttons a.publish-chart-button { margin-right: 30px; } .is-mobile #footer-chart-panel .publish-buttons a.getimage .icon, .is-mobile #footer-chart-panel .publish-buttons a.tweetimage .icon, .is-mobile #footer-chart-panel .publish-buttons a.stocktwitimage .icon, .is-mobile #footer-chart-panel .publish-buttons a.publish-chart-button .icon { background: url('../images/mobile/icons.png') no-repeat; } .is-mobile #footer-chart-panel .publish-buttons a.getimage { width: 40px; height: 40px; border: 2px solid #91b521; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 22px; -webkit-background-clip: padding-box; -moz-border-radius: 22px; -moz-background-clip: padding; border-radius: 22px; background-clip: padding-box; background: #FFF; } .is-mobile #footer-chart-panel .publish-buttons a.getimage:hover, .is-mobile #footer-chart-panel .publish-buttons a.getimage:active, .is-mobile #footer-chart-panel .publish-buttons a.getimage.active, .is-mobile #footer-chart-panel .publish-buttons a.getimage.selected { background: #FFF; border: 2px solid #91b521; } .is-mobile #footer-chart-panel .publish-buttons a.getimage:not([disabled]), .is-mobile #footer-chart-panel .publish-buttons a.getimage:active:not([disabled]), .is-mobile #footer-chart-panel .publish-buttons a.getimage.active:not([disabled]) { background: #fff; } .is-mobile #footer-chart-panel .publish-buttons a.getimage .icon { top: 2px; width: 20px; height: 17px; background-position: 0 0; } .is-mobile #footer-chart-panel .publish-buttons a.tweetimage { width: 40px; height: 40px; border: 2px solid #f46f35; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 22px; -webkit-background-clip: padding-box; -moz-border-radius: 22px; -moz-background-clip: padding; border-radius: 22px; background-clip: padding-box; background: #FFF; } .is-mobile #footer-chart-panel .publish-buttons a.tweetimage:hover, .is-mobile #footer-chart-panel .publish-buttons a.tweetimage:active, .is-mobile #footer-chart-panel .publish-buttons a.tweetimage.active, .is-mobile #footer-chart-panel .publish-buttons a.tweetimage.selected { background: #FFF; border: 2px solid #f46f35; } .is-mobile #footer-chart-panel .publish-buttons a.tweetimage .icon { top: 2px; width: 20px; height: 17px; background-position: -20px 0; } .is-mobile #footer-chart-panel .publish-buttons a.stocktwitimage { width: 40px; height: 40px; border: 2px solid #af3b37; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 22px; -webkit-background-clip: padding-box; -moz-border-radius: 22px; -moz-background-clip: padding; border-radius: 22px; background-clip: padding-box; background: #FFF; } .is-mobile #footer-chart-panel .publish-buttons a.stocktwitimage:hover, .is-mobile #footer-chart-panel .publish-buttons a.stocktwitimage:active, .is-mobile #footer-chart-panel .publish-buttons a.stocktwitimage.active, .is-mobile #footer-chart-panel .publish-buttons a.stocktwitimage.selected { background: #FFF; border: 2px solid #af3b37; } .is-mobile #footer-chart-panel .publish-buttons a.stocktwitimage .icon { top: 1px; width: 20px; height: 17px; background-position: -40px 0; } .is-mobile #footer-chart-panel .publish-buttons a.publish-chart-button { padding-left: 3px; padding-right: 3px; width: 40px; height: 40px; border: 2px solid #00adce; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 22px; -webkit-background-clip: padding-box; -moz-border-radius: 22px; -moz-background-clip: padding; border-radius: 22px; background-clip: padding-box; background: #FFF; } .is-mobile #footer-chart-panel .publish-buttons a.publish-chart-button:hover, .is-mobile #footer-chart-panel .publish-buttons a.publish-chart-button:active, .is-mobile #footer-chart-panel .publish-buttons a.publish-chart-button.active, .is-mobile #footer-chart-panel .publish-buttons a.publish-chart-button.selected { background: #FFF; border: 2px solid #00adce; } .is-mobile #footer-chart-panel .publish-buttons a.publish-chart-button .icon { top: 1px; left: 3px; width: 24px; height: 17px; background-position: -60px 0; } table.footer-chart-panel-wrapper { height: 32px; border-collapse: collapse; } table.footer-chart-panel-wrapper td { padding: 0; vertical-align: top; } #footer-chart-panel a.publish-chart-button { cursor: default; background: #00b2d0; color: #fff; padding: 8px 14px 7px; font-size: 12px; font-weight: bold; float: left; height: 15px; margin: 0 0 0 7px; cursor: pointer; } #footer-chart-panel a.publish-chart-button.inprogress { background: #ffb03b; } #footer-chart-panel a.getimage, #footer-chart-panel a.tweetimage, #footer-chart-panel a.stocktwitimage { float: left; margin: 0 0 0 7px; position: relative; } a.getimage { padding: 8px 7px 7px; border: none; } a.getimage:not([disabled]), a.getimage:active:not([disabled]), a.getimage.active:not([disabled]) { background: #5cb888; } a.getimage .icon { width: 16px; height: 13px; background-position: -40px -240px; position: relative; top: -1px; } #footer-chart-panel a.tweetimage { padding: 8px 5px 7px; background: #00c9ff; } #footer-chart-panel a.tweetimage .icon { width: 20px; height: 16px; background-position: -120px -240px; position: relative; top: -1px; } #footer-chart-panel a.stocktwitimage { padding: 8px 5px 7px; background: #ae3836; } #footer-chart-panel a.stocktwitimage .icon { width: 22px; height: 14px; background-position: -140px -300px; } .icon-container, .icon-container-toggle, #footer-chart-panel .icon-container-select { float: right; margin: 0 5px 0 0; } .icon-container-add-space { margin-right: 10px; } .icon-container-extra-space { margin-right: 20px; } .icon-container a { cursor: default; padding: 4px 5px 3px; border: 1px solid #c9cbcd; border-right: none; float: left; height: 19px; background: url('../images/button-bg.png') 0 0; text-align: center; color: #606060; font-size: 11px; font-weight: bold; } .icon-container a:hover { background: #fff; } .icon-container a:active { background: #f4f7f9; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); } .icon-container-toggle a { cursor: default; padding: 6px 0 5px; border: 1px solid #c9cbcd; border-right: none; float: left; height: 15px; background: url('../images/button-bg.png') 0 0; text-align: center; color: #8b8c8e; font: bold 12px Calibri, Arial, sans-serif; width: 29px; text-decoration: none !important; } .icon-container-toggle a:hover { color: #68696b; background: #fff; } .icon-container-toggle a:active, .icon-container-toggle a.active { background: #f4f7f9; color: #68696b; border-color: #c9cbcd; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); } .icon-container-toggle a.active + a, .icon-container-toggle a:active + a { border-left-color: #c9cbcd; } .icon-container a img { vertical-align: baseline; } .icon-container .icon-right, .icon-container-toggle .icon-right { border-right: 1px solid #c9cbcd; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .icon-container .icon-left, .icon-container-toggle .icon-left { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .icon-container-toggle a.disabled, .icon-container-toggle a.disabled:hover, .icon-container-toggle a.disabled:active { color: #c0c0c0; background: #fff !important; box-shadow: none; } .icon-container .icon-individual { border-radius: 2px; border-right: 1px solid #c9cbcd; } .icon-container-toggle a:active, .icon-container-toggle a.active, .icon-container a:active { background: -moz-linear-gradient(top, #f2f7fa, #f4f7f9); background: -webkit-linear-gradient(top, #f2f7fa, #f4f7f9); background: -ms-linear-gradient(top, #f2f7fa, #f4f7f9); background: -o-linear-gradient(top, #f2f7fa, #f4f7f9); background: linear-gradient(top, #f2f7fa, #f4f7f9); } .load-charts-list { width: 145px; border: 1px solid #999; border-radius: 2px; padding: 1px; background: #fff; box-shadow: 0 1px 2px #BFBFBF; z-index: 10; overflow-y: auto; } .load-charts-list > div { padding: 4px 5px; color: #3e4040; cursor: default; } .load-charts-list > div:hover { background: #f4f7f9; } .load-charts-list > div.selected { background: #D1E1F8; } .load-charts-list > div div:first-child { font-weight: bold; } .load-charts-list > div div:last-child { font-size: 11px; } /* publish buttons */ .publish-buttons { float: right; } .publish-buttons .tv-button { border-width: 0; } /* SaveLoadWidget */ .save-load-buttons { margin: 0; float: left; } .save-load-buttons > span { display: block; float: left; height: 15px; max-width: 80px; border: 1px solid #c9cbcd; border-width: 1px 0 1px 1px; padding: 7px 12px 6px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /*background: #F9F9F9;*/ background: #FFFFFF; text-align: center; color: #8B8C8E; font-size: 11px; font-weight: bold; cursor: default; } .save-load-buttons > span:hover { color: #68696b; } .save-load-buttons > span:active, .save-load-buttons > span.active { background-color: #f4f7f9; } .save-load-buttons > span.first { border-left: 1px solid #c9cbcd; } .save-load-buttons > span.last { border-right: 1px solid #c9cbcd; } .save-load-buttons .save.titled, .save-load-buttons .copy.titled { border-right: 0; position: relative; padding-right: 15px; } .save-load-buttons .title.read-only { cursor: default; } .save-load-buttons .read-only { color: #8B8C8E; } .save-load-buttons .separator { display: none; width: 7px; height: 28px; position: absolute; top: 0; right: 0; background: url('../images/save-load-separator-inv.png') 0 50% no-repeat; } .save-load-buttons .separator.clicked { background-position: -7px 50%; } .save-load-buttons .save.titled .separator, .save-load-buttons .copy.titled .separator { display: block; } .save-load-buttons .load { border-right: none; } .save-load-buttons .arrow-icon { display: inline-block; height: 5px; width: 9px; margin: 0 0 0 6px; padding-top: 1px; background: url("../images/select-bg.png") repeat scroll 0 0 transparent; } .save-load-buttons .options .arrow-icon { margin: 0; } .save-load-buttons .options { padding-left: 3px; padding-right: 3px; } .save-load-buttons .active .arrow-icon { background-position: 0 -20px; } .save-load-buttons .title { position: relative; max-width: 136px; padding-left: 5px; padding-right: 5px; border-left: 0; background: #E6E6E6; cursor: pointer; } .save-load-buttons .title .sizer { display: block; min-width: 50px; height: 10px; visibility: hidden; margin: 0; padding: 0; border: none; font: bold 11px sans-serif; text-align: right; } .save-load-buttons input, .save-load-buttons .input { position: absolute; top: 7px; left: 5px; width: 50px; margin: 0; padding: 0; border: none; background: none; color: #737475; font: bold 11px sans-serif; text-align: left; cursor: pointer; } .save-load-buttons input:focus, .save-load-buttons .input:focus { color: #404040; /*width: 330px;*/ cursor: text; } .save-load-buttons .input { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .save-load-buttons .no-change { background: #E6E6E6; } .save-load-buttons .process, .save-load-buttons .no-change.process { background: url(../images/bar-loader.gif) 0 0 repeat !important; box-shadow: none !important; } .layout-toggle-container { float: left; margin-right: 4px; } .layout-toggle-container .tv-button { padding: 0; width: 45px; height: 28px; position: relative; background: #fff; } .layout-toggle-container .tv-button:before { content: " "; position: absolute; top: 12px; right: 7px; width: 0px; height: 0px; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #8F9091 transparent transparent transparent; } .layout-toggle-container .tv-button.active:before { border-width: 0 4.5px 5px 4.5px; border-color: transparent transparent #81bde2 transparent; } .layout-toggle-container .tv-button i { position: absolute; width: 29px; height: 23px; top: 2px; left: 1px; background-image: url("../images/bottomtoolbar/layout-buttons.png"); } .layout-widget { position: absolute; z-index: 120; border: 1px solid #c9cbcd; padding: 12px 12px 8px 12px; background: #fff; color: #4c5151; } .layout-widget .layout-button { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 31px; height: 25px; border: 1px solid transparent; background-image: url("../images/bottomtoolbar/layout-buttons.png"); cursor: pointer; } .layout-widget .layout-button.active { border-color: #c9cbcd; background-color: #f2f5f8; } .layout-widget .input-row { margin: 4px; } .layout-widget .input-row label { position: relative; top: -2px; padding: 0 0 0 4px; } .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; } /*border-color: @borderColor*/ /* #BABDC2 */ .tv-side-toolbar { background: #FFFFFF; width: 51px; color: #BABDC2; border-right: 1px solid #c9cbcd; } .is-mobile .tv-side-toolbar { width: auto; border-right: none; border-top: 1px solid #c9cbcd; width: 100%; } .is-mobile .tv-side-toolbar .tools-group { display: inline-block; margin: 3px 0 5px; } .is-mobile .tv-side-toolbar .tools-group .button { position: relative; display: inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 40px; height: 40px; border: 2px solid #b5b7ba; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 22px; -webkit-background-clip: padding-box; -moz-border-radius: 22px; -moz-background-clip: padding; border-radius: 22px; background-clip: padding-box; background: #FFF; background: transparent; margin-left: 15px; margin-right: 15px; } .is-mobile .tv-side-toolbar .tools-group .button:hover, .is-mobile .tv-side-toolbar .tools-group .button:active, .is-mobile .tv-side-toolbar .tools-group .button.active { background: #FFF; } .is-mobile .tv-side-toolbar .tools-group .button:hover, .is-mobile .tv-side-toolbar .tools-group .button:active, .is-mobile .tv-side-toolbar .tools-group .button.active, .is-mobile .tv-side-toolbar .tools-group .button.selected { background: #FFF; border: 2px solid #b5b7ba; } .is-mobile .tv-side-toolbar .tools-group .button .main { top: 3px; left: 3px; margin: 0; border: none; background: transparent !important; } .is-mobile .tv-side-toolbar .tools-group .button .main .text-as-icon { left: 3.5px; top: 2px; } .is-mobile .tv-side-toolbar .tools-group .button .side { content: " "; position: absolute; visibility: visible; top: -12px; left: 16px; width: 0px; height: 0px; border-style: solid; border-width: 0 3px 3px 3px; border-color: transparent transparent #c9cbcd transparent; background: transparent; } .is-mobile .tv-side-toolbar .tools-group .button .side::-moz-focus-inner { border: 0; } .is-mobile .tv-side-toolbar .tools-group .button i { top: 3px; left: 7px; } .is-mobile .tv-side-toolbar .tools-group .button:hover i { top: 3px; left: 7px; } .charts-popup-list.main-menu-popup { margin-top: 0px; } .tv-side-toolbar .main-menu { display: block; width: 39px; height: 39px; margin: auto; background: url('../images/small-logo.png') center center no-repeat; position: relative; cursor: pointer; } .tv-side-toolbar .main-menu:hover, .tv-side-toolbar .main-menu:active, .tv-side-toolbar .main-menu.active { background-color: #E3E5E8; } .tv-side-toolbar .main-menu.with-avatar { background: white; } /* notification counter */ .tv-side-toolbar .main-menu a { position: absolute; top: 0; right: 0; padding: 1px; background: #5091F7; color: white; font-size: 10px; font-weight: bold; text-align: center; z-index: 1; margin-top: 1px; margin-right: 1px; } /* with avatar */ .tv-side-toolbar .main-menu img { display: block; width: 39px; height: 39px; position: relative; top: 0px; left: 0px; } /* group */ .tv-side-toolbar .tools-group:not(:first-child):not(.no-delimiter):before { content: ""; display: block; width: 41px; height: 1px; position: relative; left: 0px; background: #CECFD1; } .is-mobile .tv-side-toolbar .tools-group:not(:first-child):not(.no-delimiter):before { width: 1px; height: 36px; position: absolute; top: 7px; } .tv-side-toolbar .tools-group.bottom-delimiter:after { content: ""; display: block; width: 41px; height: 1px; position: relative; left: 0px; /*bottom: -6px;*/ background: #CECFD1; } .tv-side-toolbar .tools-group { margin: 5px; position: relative; } .tv-side-toolbar .tools-group .button, .tv-side-toolbar .help-button, .properties-toolbar .tools-group .button { display: block; /*background: #46464E;*/ border: 1px solid transparent; cursor: pointer; } .tv-side-toolbar .tools-group .button { height: 30px; margin: 6px 0 0 0; position: relative; } .tv-side-toolbar .help-button-container { position: absolute; left: 0; bottom: 0; z-index: 1; height: 38px; width: 50px; background: #FFFFFF; } .tv-side-toolbar .help-button-container:before { content: ''; display: block; width: 100%; height: 5px; position: absolute; top: -5px; left: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } .tv-side-toolbar .help-button { margin: 4px 0 0 4px; width: 39px; height: 26px; } .tv-side-toolbar .tools-group .button .main { position: absolute; top: 0; left: 0; width: 30px; height: 30px; } .tv-side-toolbar .tools-group .button .main.text-as-icon { 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-side-toolbar .tools-group .button:hover .main.text-as-icon { color: #555555; } .tv-side-toolbar .tools-group .button.selected .main.text-as-icon { color: #5ec6e8; } .tv-side-toolbar .tools-group .button .side { position: absolute; top: 0; left: 30px; width: 8px; height: 30px; border-left: 1px dotted #B6B9BE; background: url('../images/sidetoolbar/toolgroup.png') center center no-repeat; visibility: hidden; } .tv-side-toolbar .tools-group .button:hover, .tv-side-toolbar .tools-group .button:active, .tv-side-toolbar .tools-group .button.active, .tv-side-toolbar .tools-group .button.selected, .properties-toolbar .tools-group .button { background-color: #FFFFFF; border-color: #c9cbcd; } .tv-side-toolbar .tools-group .button:not(.subgroup):active, .tv-side-toolbar .tools-group .button:not(.subgroup).active, .tv-side-toolbar .tools-group .button:not(.subgroup).selected, .properties-toolbar .tools-group .button:active, .properties-toolbar .tools-group .button.active, .tv-side-toolbar .tools-group .button.selected .main, .tv-side-toolbar .tools-group .button:active .side, .tv-side-toolbar .tools-group .button.active .side { background-color: #F2F5F8; } .is-mobile .tv-side-toolbar .tools-group .button:not(.subgroup):active, .is-mobile .tv-side-toolbar .tools-group .button:not(.subgroup).active, .is-mobile .tv-side-toolbar .tools-group .button:not(.subgroup).selected, .is-mobile .properties-toolbar .tools-group .button:active, .is-mobile .properties-toolbar .tools-group .button.active, .is-mobile .tv-side-toolbar .tools-group .button.selected .main, .is-mobile .tv-side-toolbar .tools-group .button:active .side, .is-mobile .tv-side-toolbar .tools-group .button.active .side { background-color: transparent; } .tv-side-toolbar .tools-group .button:hover .side, .tv-side-toolbar .tools-group .button:active .side, .tv-side-toolbar .tools-group .button.active .side, .tv-side-toolbar .tools-group .button.selected .side { visibility: visible; } .tv-side-toolbar .tools-group .button.subgroup:hover:after, .tv-side-toolbar .tools-group .button.subgroup:active:after, .tv-side-toolbar .tools-group .button.subgroup.active:after, .tv-side-toolbar .tools-group .button.subgroup.selected:after { background-position: 0 -10px; } .tv-side-toolbar .tools-group .button i, .tv-side-toolbar .tools-group .button:hover i { display: block; width: 30px; height: 30px; position: absolute; top: 1px; left: 8px; background: url('../images/sidetoolbar/instruments.png') no-repeat; } .tv-side-toolbar .tools-group .button.subgroup i, .tv-side-toolbar .tools-group .button.subgroup:hover i { position: absolute; left: 0px; top: 0px; } .tv-side-toolbar .help-button { background: url('../images/help/help-icon-large.png') no-repeat center center #ffffff; } .tv-side-toolbar .help-button:hover, .tv-side-toolbar .help-button:active, .tv-side-toolbar .help-button.active { opacity: 0.8; } .tv-side-toolbar .tools-group .button.objects-tree i { background-position: -1px -2561px; } .tv-side-toolbar .tools-group .button.objects-tree:active i { background-position: -33px -2561px; } .tv-side-toolbar .tools-group .button.action:hover { background: #EFEFF2; border-color: #c9cbcd; } .tv-side-toolbar .label { display: block; margin: 10px 0 2px 0; font-size: 9px; text-align: center; color: #A1A2A4; cursor: default; } .tv-side-toolbar .tools-group .tvcolorpicker-widget { border-color: #BABDC2; margin: 0 7px 7px; } .tv-side-toolbar .tools-group.hide-square div:nth-child(1) span.square { display: none; } .tv-side-toolbar .slider { display: block; position: relative; left: 13px; width: 16px; height: 102px; } .tv-side-toolbar .slider i { display: block; width: 16px; height: 16px; border-radius: 8px; background: url('../images/sidetoolbar/slider-control.png') no-repeat; cursor: pointer; z-index: 1; } .tv-side-toolbar .slider span { display: block; height: 79px; width: 14px; position: absolute; left: 1px; top: 8px; background: url('../images/sidetoolbar/slider-bg.png') no-repeat; } .help-menu { position: absolute; padding: 1px; background: White; border: 1px solid #c9cbcd; z-index: 16; } .help-menu span { display: block; position: relative; color: #5A5D66; font-size: 13px; padding: 7px 24px; cursor: pointer; } .help-menu span.external:after { content: ''; position: absolute; top: 11px; right: 7px; width: 10px; height: 10px; background: url('../images/external-link/ext-onwhite.png') no-repeat center right; } .help-menu span:hover { color: #414349; background-color: #f4f7f9; } .keyboard-help { width: 560px; } .keyboard-help:after, .keyboard-help > .column:nth-child(2n):after { content: ''; display: block; clear: both; } .keyboard-help > .column { float: left; width: 50%; } .keyboard-help > .column-chart { width: 290px; } .keyboard-help > .column-watch { width: 265px; } .keyboard-help h4 { margin: 0; } .keyboard-help p { line-height: 1.85; margin: 3px 0; } .keyboard-help kbd { font-size: 11px; border: 1px solid #777; padding: 2px 5px; -webkit-box-shadow: 0px 2px 0px #777; -moz-box-shadow: 0px 2px 0px #777; box-shadow: 0px 2px 0px #777; } .line-tool-icons-popup { width: 358px; font-size: 19px; } .line-tool-icons-popup .item { display: inline-block; padding: 7px; height: 19px; text-align: center; } .line-tool-icons-popup .item.active span { color: #5ec6e8; } .line-tool-icons-popup .item .title-expanded { width: 20px; height: 20px; } .properties-toolbar { position: absolute; top: 70px; left: 40%; height: 39px; z-index: 15; background: #FFFFFF; border: 1px solid #c9cbcd; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } .properties-toolbar:after { clear: both; display: table; content: ""; } .properties-toolbar > div, .properties-toolbar .tools-group { display: inline-block; float: left; } .properties-toolbar > div > div, .properties-toolbar .tools-group > div, .properties-toolbar > div > input, .properties-toolbar .tools-group > input { display: inline-block; float: left; } .properties-toolbar .tools-group { position: relative; height: 27px; padding: 6px 3px; } .properties-toolbar .tools-group > div, .properties-toolbar .tools-group > span, .properties-toolbar .tools-group > a, .properties-toolbar .tools-group > .colorpicker-widget { margin-right: 3px; } .properties-toolbar .tools-group.properties-tools-group > div, .properties-toolbar .tools-group.properties-tools-group > span, .properties-toolbar .tools-group.properties-tools-group > a, .properties-toolbar .tools-group.properties-tools-group > .colorpicker-widget { margin-right: -1px; } .properties-toolbar .tools-group.properties-tools-group > div:last-child, .properties-toolbar .tools-group.properties-tools-group > span:last-child, .properties-toolbar .tools-group.properties-tools-group > a:last-child, .properties-toolbar .tools-group.properties-tools-group > .colorpicker-widget:last-child { margin-right: 3px; } .properties-toolbar .tools-group.properties-tools-group .divider { height: 27px; width: 5px; } .properties-toolbar .tools-group .button { width: 36px; height: 25px; display: inline-block; position: relative; } .properties-toolbar .tools-group .button.with-arrow { width: 40px; } .properties-toolbar .tools-group .button.with-arrow:after { position: relative; top: 14px; left: 30px; content: " "; width: 0px; height: 0px; border-style: solid; border-width: 2px 2px 0 2px; border-color: #707275 transparent transparent transparent; border-style: inset; } .properties-toolbar .tools-group .button.active:after, .properties-toolbar .tools-group .button:active:after, .properties-toolbar .tools-group .button:focus:after { border-color: #00c3e6 transparent transparent transparent; } .properties-toolbar .tools-group .colorpicker-widget { border-color: #c9cbcd; width: 40px; height: 25px; } .properties-toolbar .tools-group .colorpicker-widget[class*="icon-"] { background-image: url('../images/linetool-properties/colorpicker-icons.png'); } .properties-toolbar .tools-group .custom-select .switcher { padding: 0px; width: 40px; min-width: 40px; background-color: #FFFFFF; } .properties-toolbar .tools-group .custom-select .switcher .title { width: 40px; height: 25px; padding: 0; } .properties-toolbar .tools-group .custom-select .switcher .icon { position: absolute; right: 9px; top: 12px; content: " "; width: 0px; height: 0px; border-style: solid; border-width: 2px 2px 0 2px; border-color: #707275 transparent transparent transparent; border-style: inset; } .properties-toolbar .tools-group .custom-select .switcher:active .icon, .properties-toolbar .tools-group .custom-select .switcher:active .icon { border-color: #00c3e6 transparent transparent transparent; } .properties-toolbar .tools-group .custom-select .items { padding: 6px 5px; width: auto; } .properties-toolbar .tools-group .custom-select .items span { display: inline-block; } .properties-toolbar .tools-group .custom-select .items .item { padding: 0; display: inline-block; height: 25px; } .properties-toolbar .tools-group .custom-select .items .item.selected { border: 1px solid #c9cbcd; } .properties-toolbar .tools-group .custom-select .combobox-icon { display: inline-block; width: 32px; height: 25px; } .properties-toolbar .drag-handler { height: 39px; width: 16px; position: relative; } .properties-toolbar .drag-handler i { margin: 7px; position: absolute; width: 6px; height: 26px; background-image: url('../images/linetool-properties/drag-handle-bg.png'); } .properties-toolbar [class*="icon-"] { background-image: url('../images/linetool-properties/icons.png'); } .properties-toolbar [class*="icon-"].icon-pencil { background-position: 0 0px; } .properties-toolbar [class*="icon-"].icon-bucket { background-position: 0 -25px; } .properties-toolbar [class*="icon-"].icon-font { background-position: 0 -50px; } .properties-toolbar [class*="icon-"].icon-list { background-position: 0 -75px; } .properties-toolbar [class*="icon-"].icon-line { background-position: 0 -100px; } .properties-toolbar [class*="icon-"].icon-line-left-arrow { background-position: 0 -125px; } .properties-toolbar [class*="icon-"].icon-line-right-arrow { background-position: 0 -150px; } .properties-toolbar [class*="icon-"].icon-line-two-arrow { background-position: 0 -175px; } .properties-toolbar [class*="icon-"].icon-ray-left { background-position: 0 -200px; } .properties-toolbar [class*="icon-"].icon-ray-right { background-position: 0 -225px; } .properties-toolbar [class*="icon-"].icon-ray-segment { background-position: 0 -250px; } .properties-toolbar [class*="icon-"].icon-line-dashed { background-position: 0 -275px; } .properties-toolbar [class*="icon-"].icon-line-dotted { background-position: 0 -300px; } .properties-toolbar [class*="icon-"].icon-line-width-1 { background-position: 0 -100px; } .properties-toolbar [class*="icon-"].icon-line-width-2 { background-position: 0 -325px; } .properties-toolbar [class*="icon-"].icon-line-width-3 { background-position: 0 -350px; } .properties-toolbar [class*="icon-"].icon-line-width-4 { background-position: 0 -375px; } .properties-toolbar [class*="icon-"].icon-settings { background-position: 0 -400px; } .properties-toolbar [class*="icon-"].icon-clone { background-position: 0 -425px; } .properties-toolbar [class*="icon-"].icon-remove { background-position: 0 -450px; } .properties-toolbar [class*="icon-"].icon-hide { background-position: 0 -475px; } .properties-toolbar [class*="icon-"].active.icon-pencil, .properties-toolbar [class*="icon-"]:active.icon-pencil, .properties-toolbar [class*="icon-"]:focus.icon-pencil { background-position: -40px 0px; } .properties-toolbar [class*="icon-"].active.icon-bucket, .properties-toolbar [class*="icon-"]:active.icon-bucket, .properties-toolbar [class*="icon-"]:focus.icon-bucket { background-position: -40px -25px; } .properties-toolbar [class*="icon-"].active.icon-font, .properties-toolbar [class*="icon-"]:active.icon-font, .properties-toolbar [class*="icon-"]:focus.icon-font { background-position: -40px -50px; } .properties-toolbar [class*="icon-"].active.icon-list, .properties-toolbar [class*="icon-"]:active.icon-list, .properties-toolbar [class*="icon-"]:focus.icon-list { background-position: -40px -75px; } .properties-toolbar [class*="icon-"].active.icon-line, .properties-toolbar [class*="icon-"]:active.icon-line, .properties-toolbar [class*="icon-"]:focus.icon-line { background-position: -40px -100px; } .properties-toolbar [class*="icon-"].active.icon-line-left-arrow, .properties-toolbar [class*="icon-"]:active.icon-line-left-arrow, .properties-toolbar [class*="icon-"]:focus.icon-line-left-arrow { background-position: -40px -125px; } .properties-toolbar [class*="icon-"].active.icon-line-right-arrow, .properties-toolbar [class*="icon-"]:active.icon-line-right-arrow, .properties-toolbar [class*="icon-"]:focus.icon-line-right-arrow { background-position: -40px -150px; } .properties-toolbar [class*="icon-"].active.icon-line-two-arrow, .properties-toolbar [class*="icon-"]:active.icon-line-two-arrow, .properties-toolbar [class*="icon-"]:focus.icon-line-two-arrow { background-position: -40px -175px; } .properties-toolbar [class*="icon-"].active.icon-ray-left, .properties-toolbar [class*="icon-"]:active.icon-ray-left, .properties-toolbar [class*="icon-"]:focus.icon-ray-left { background-position: -40px -200px; } .properties-toolbar [class*="icon-"].active.icon-ray-right, .properties-toolbar [class*="icon-"]:active.icon-ray-right, .properties-toolbar [class*="icon-"]:focus.icon-ray-right { background-position: -40px -225px; } .properties-toolbar [class*="icon-"].active.icon-ray-segment, .properties-toolbar [class*="icon-"]:active.icon-ray-segment, .properties-toolbar [class*="icon-"]:focus.icon-ray-segment { background-position: -40px -250px; } .properties-toolbar [class*="icon-"].active.icon-line-dashed, .properties-toolbar [class*="icon-"]:active.icon-line-dashed, .properties-toolbar [class*="icon-"]:focus.icon-line-dashed { background-position: -40px -275px; } .properties-toolbar [class*="icon-"].active.icon-line-dotted, .properties-toolbar [class*="icon-"]:active.icon-line-dotted, .properties-toolbar [class*="icon-"]:focus.icon-line-dotted { background-position: -40px -300px; } .properties-toolbar [class*="icon-"].active.icon-line-width-1, .properties-toolbar [class*="icon-"]:active.icon-line-width-1, .properties-toolbar [class*="icon-"]:focus.icon-line-width-1 { background-position: -40px -100px; } .properties-toolbar [class*="icon-"].active.icon-line-width-2, .properties-toolbar [class*="icon-"]:active.icon-line-width-2, .properties-toolbar [class*="icon-"]:focus.icon-line-width-2 { background-position: -40px -325px; } .properties-toolbar [class*="icon-"].active.icon-line-width-3, .properties-toolbar [class*="icon-"]:active.icon-line-width-3, .properties-toolbar [class*="icon-"]:focus.icon-line-width-3 { background-position: -40px -350px; } .properties-toolbar [class*="icon-"].active.icon-line-width-4, .properties-toolbar [class*="icon-"]:active.icon-line-width-4, .properties-toolbar [class*="icon-"]:focus.icon-line-width-4 { background-position: -40px -375px; } .properties-toolbar [class*="icon-"].active.icon-settings, .properties-toolbar [class*="icon-"]:active.icon-settings, .properties-toolbar [class*="icon-"]:focus.icon-settings { background-position: -40px -400px; } .properties-toolbar [class*="icon-"].active.icon-clone, .properties-toolbar [class*="icon-"]:active.icon-clone, .properties-toolbar [class*="icon-"]:focus.icon-clone { background-position: -40px -425px; } .properties-toolbar [class*="icon-"].active.icon-remove, .properties-toolbar [class*="icon-"]:active.icon-remove, .properties-toolbar [class*="icon-"]:focus.icon-remove { background-position: -40px -450px; } .properties-toolbar [class*="icon-"].active.icon-hide, .properties-toolbar [class*="icon-"]:active.icon-hide, .properties-toolbar [class*="icon-"]:focus.icon-hide { background-position: -40px -475px; } .properties-toolbar .active [class*="icon-"].icon-pencil, .properties-toolbar .selected [class*="icon-"].icon-pencil { background-position: -40px 0px; } .properties-toolbar .active [class*="icon-"].icon-bucket, .properties-toolbar .selected [class*="icon-"].icon-bucket { background-position: -40px -25px; } .properties-toolbar .active [class*="icon-"].icon-font, .properties-toolbar .selected [class*="icon-"].icon-font { background-position: -40px -50px; } .properties-toolbar .active [class*="icon-"].icon-list, .properties-toolbar .selected [class*="icon-"].icon-list { background-position: -40px -75px; } .properties-toolbar .active [class*="icon-"].icon-line, .properties-toolbar .selected [class*="icon-"].icon-line { background-position: -40px -100px; } .properties-toolbar .active [class*="icon-"].icon-line-left-arrow, .properties-toolbar .selected [class*="icon-"].icon-line-left-arrow { background-position: -40px -125px; } .properties-toolbar .active [class*="icon-"].icon-line-right-arrow, .properties-toolbar .selected [class*="icon-"].icon-line-right-arrow { background-position: -40px -150px; } .properties-toolbar .active [class*="icon-"].icon-line-two-arrow, .properties-toolbar .selected [class*="icon-"].icon-line-two-arrow { background-position: -40px -175px; } .properties-toolbar .active [class*="icon-"].icon-ray-left, .properties-toolbar .selected [class*="icon-"].icon-ray-left { background-position: -40px -200px; } .properties-toolbar .active [class*="icon-"].icon-ray-right, .properties-toolbar .selected [class*="icon-"].icon-ray-right { background-position: -40px -225px; } .properties-toolbar .active [class*="icon-"].icon-ray-segment, .properties-toolbar .selected [class*="icon-"].icon-ray-segment { background-position: -40px -250px; } .properties-toolbar .active [class*="icon-"].icon-line-dashed, .properties-toolbar .selected [class*="icon-"].icon-line-dashed { background-position: -40px -275px; } .properties-toolbar .active [class*="icon-"].icon-line-dotted, .properties-toolbar .selected [class*="icon-"].icon-line-dotted { background-position: -40px -300px; } .properties-toolbar .active [class*="icon-"].icon-line-width-1, .properties-toolbar .selected [class*="icon-"].icon-line-width-1 { background-position: -40px -100px; } .properties-toolbar .active [class*="icon-"].icon-line-width-2, .properties-toolbar .selected [class*="icon-"].icon-line-width-2 { background-position: -40px -325px; } .properties-toolbar .active [class*="icon-"].icon-line-width-3, .properties-toolbar .selected [class*="icon-"].icon-line-width-3 { background-position: -40px -350px; } .properties-toolbar .active [class*="icon-"].icon-line-width-4, .properties-toolbar .selected [class*="icon-"].icon-line-width-4 { background-position: -40px -375px; } .properties-toolbar .active [class*="icon-"].icon-settings, .properties-toolbar .selected [class*="icon-"].icon-settings { background-position: -40px -400px; } .properties-toolbar .active [class*="icon-"].icon-clone, .properties-toolbar .selected [class*="icon-"].icon-clone { background-position: -40px -425px; } .properties-toolbar .active [class*="icon-"].icon-remove, .properties-toolbar .selected [class*="icon-"].icon-remove { background-position: -40px -450px; } .properties-toolbar .active [class*="icon-"].icon-hide, .properties-toolbar .selected [class*="icon-"].icon-hide { background-position: -40px -475px; } .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 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-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; } .widgetbar-wrap { top: 0; right: 0; position: absolute; height: 100%; } .widgetbar-place .widgetbar-wrap { position: fixed; z-index: 15; } .widgetbar-handle { position: absolute; top: 0; left: -3px; height: 100%; width: 5px; background: rgba(0, 0, 0, 0); cursor: ew-resize; } html.feature-touch .widgetbar-handle { left: -8px; width: 15px; } .widgetbar-tabs { position: absolute; height: 100%; width: 45px; right: 0; top: 0; background: #F1F3F6; } .widgetbar-tabscontrols { position: absolute; width: 100%; bottom: 0; } .widgetbar-tabscontrols-button { cursor: pointer; height: 34px; width: 34px; margin: auto; } .widgetbar-tabscontrols-button:hover { background: #eeeeee; } .widgetbar-minimizebutton .icon { height: 16px; width: 20px; margin: 9px 7px; background-position: -20px -360px; } .widgetbar-minimizebutton.minimized .icon { height: 16px; width: 20px; margin: 9px 7px; background-position: -40px -360px; } .widgetbar-configbutton .icon { width: 20px; height: 20px; margin: 7px; background-position: -60px -360px; } .layout-edit-mode .widgetbar-configbutton .icon { width: 22px; height: 19px; margin: 7px 6px; background-position: -175px -340px; } .layout-edit-mode .widgetbar-configbutton, .layout-edit-mode .widgetbar-minimizebutton { display: none; } .widgetbar-tab { cursor: pointer; position: relative; border-bottom: solid #C9CBCD 1px; background: #F1F3F6; padding: 16px 0; } .widgetbar-tab:hover, .widgetbar-tab.active { background: #FFFFFF; } .widgetbar-tab-spacer { height: 19px; background: #e7eaef; border-bottom: solid #C9CBCD 1px; } .widgetbar-newpage-button { cursor: pointer; position: relative; } .widgetbar-tab.active { cursor: default; } .widgetbar-newpage-button { display: none; } .layout-edit-mode .widgetbar-newpage-button { display: block; } .widgetbar-iconplace { display: block; position: relative; margin: 1px; padding: 6px 0; } .widgetbar-newpage-icon, .widgetbar-newwidget-icon, .widgetbar-delete-icon, .widgetbar-icon { display: block; margin: 0 auto; width: 21px; height: 21px; background: url('../images/widget-icons.png') 0 0 no-repeat; } .widgetbar-icon.active { background-position: -21px 0; } .widgetbar-icon-watchlist { background-position: 0 -63px; } .widgetbar-icon-watchlist.active { background-position: -21px -63px; } .widgetbar-icon-hotlist { background-position: 0 -84px; } .widgetbar-icon-hotlist.active { background-position: -21px -84px; } .widgetbar-icon-detail { background-position: 0 -105px; } .widgetbar-icon-detail.active { background-position: -21px -105px; } .widgetbar-icon-news, .widgetbar-icon-news_yahoo { background-position: 0 -126px; } .widgetbar-icon-news.active, .widgetbar-icon-news_yahoo.active { background-position: -21px -126px; } .widgetbar-icon-chat { background-position: 0 -147px; } .widgetbar-icon-chat.active { background-position: -21px -147px; } .widgetbar-icon-messages { background-position: 0 -234px; } .widgetbar-icon-messages.active { background-position: -21px -234px; } .widgetbar-icon-news_stocktwits { background-position: 0 -168px; } .widgetbar-icon-news_stocktwits.active { background-position: -21px -168px; } .widgetbar-icon-news_fxwirepro { background-position: 0 -189px; } .widgetbar-icon-news_fxwirepro.active { background-position: -21px -189px; } .widgetbar-icon-news_futuresmag { background-position: 0 -210px; } .widgetbar-icon-news_futuresmag.active { background-position: -21px -210px; } .widgetbar-icon-calendar { background-position: 0 -334px; } .widgetbar-icon-calendar.active { background-position: -21px -334px; } .widgetpage-icon-group-base { width: 27px; height: 22px; background-position: 0 -234px; } .widgetbar-tab.active .widgetpage-icon-group-base { background-position: -27px -234px; } .widgetpage-icon-group-chat { width: 23px; background-position: 0 -261px; } .widgetbar-tab.active .widgetpage-icon-group-chat { background-position: -27px -261px; } .widgetpage-icon-group-hotlists { height: 23px; background-position: 0 -285px; } .widgetbar-tab.active .widgetpage-icon-group-hotlists { background-position: -27px -285px; } .widgetpage-icon-group-notifications { background-position: 0 -314px; } .widgetbar-tab.active .widgetpage-icon-group-notifications { background-position: -27px -314px; } .widgetpage-icon-group-calendar { height: 23px; background-position: 0 -336px; } .widgetbar-tab.active .widgetpage-icon-group-calendar { background-position: -27px -336px; } .widgetpage-icon-group-messages { width: 23px; background-position: 0 -365px; } .widgetbar-tab.active .widgetpage-icon-group-messages { background-position: -27px -365px; } .widgetpage-icon-group-datawindow { width: 23px; background-position: 0 -411px; } .widgetbar-tab.active .widgetpage-icon-group-datawindow { background-position: -27px -411px; } .widgetbar-newwidget-iconplace { cursor: pointer; display: none; position: relative; width: 13px; height: 13px; padding: 6px; border-radius: 12px; margin: 0 0 0 5px; } .layout-edit-mode .widgetbar-tab.active .widgetbar-newwidget-iconplace { display: block; } .widgetbar-newwidget-icon { display: block; height: 13px; width: 13px; background-position: -5px -26px; } .widgetbar-newpage-iconplace { position: relative; margin: 0 0 0 -1px; padding: 12px 7px; background: #39b978; display: block; } .widgetbar-newwidget-iconplace, .widgetbar-newpage-iconplace, .widgetbar-applybutton { background: #39b978; } .widgetbar-newpage-iconplace:hover, .widgetbar-newpage-iconplace.active, .widgetbar-newwidget-iconplace:hover, .widgetbar-newwidget-iconplace.active, .widgetbar-applybutton:hover { background: #4cbf85; } .widgetbar-newpage-icon { width: 23px; height: 23px; background-position: 0 -21px; } .widgetbar-delete { position: absolute; top: 3px; right: 3px; width: 28px; height: 19px; padding: 4px 0 5px 0; cursor: pointer; } .widgetbar-delete:hover { background: #dd6e5b; } .widgetbar-delete-icon { display: block; width: 16px; height: 19px; background-position: -26px -42px; margin: 0 auto; } .widgetbar-delete:hover .widgetbar-delete-icon { background-position: -26px -21px; } .widgetbar-notification-wrap { display: none; position: absolute; bottom: -1px; width: 100%; text-align: right; } .widgetbar-notification { display: inline-block; font-size: 12px; line-height: 15px; padding: 0 3px; min-width: 9px; border-radius: 3px; background: #e0745f; color: white; text-align: center; border: solid 1px white; } .widgetbar-pages { position: absolute; top: 0; right: 45px; height: 100%; background: #FFFFFF; border-left: solid #C9CBCD 1px; border-right: solid #c9cbcd 1px; } .widgetbar-pages.hidden { border-right: none; } .widgetbar-pages.hidden .widgetbar-pagescontent { display: none; } .widgetbar-pagescontent { height: 100%; overflow: hidden; } .widgetbar-pages.layered { box-shadow: rgba(0, 0, 0, 0.2) -3px 0 3px; } .widgetbar-page { display: none; height: 100%; } .widgetbar-page.active { display: block; } .widgetbar-widget { margin: 0 0 1px 0; position: relative; } .widgetbar-widgetheader { background: #F1F3F6; height: 34px; cursor: default; margin: 3px; -moz-box-sizing: border-box; box-sizing: border-box; } .widgetbar-headerspace { position: relative; float: right; overflow: hidden; padding: 2px 2px 0 0; } .widgetbar-widgetheader-icon { float: left; background: #e8ebed; height: 21px; width: 21px; margin: 7px 0 0 10px; background: url("../images/widget-icons.png") 0 0 no-repeat; } .widgetbar-widgetbody { position: relative; overflow: hidden; } .widgetbar-widgetbody .widgetbody-overlay { position: absolute; top: 0; height: 100%; width: 100%; z-index: 5; background: rgba(255, 255, 255, 0.8); } .widgetbar-addwidgetpopup-itemtitle, .widgetbar-widgettitle { height: 15px; padding: 10px 0 9px 11px; white-space: nowrap; font-size: 13px; line-height: 15px; font-weight: bold; color: #5a5c62; } .widgetbar-widgettitle { overflow: hidden; text-overflow: ellipsis; } .widgetbar-widgethandle { display: none; position: absolute; height: 5px; top: -3px; left: 0; width: 100%; background: rgba(0, 0, 0, 0); } html.feature-touch .widgetbar-widgethandle { height: 15px; top: -8px; } .widgetbar-widgethandle, .widgetbar-page.widget-resize-mode, .widgetbar-page.widget-resize-mode * { cursor: ns-resize; } .widgetbar-widget + .widgetbar-widget .widgetbar-widgethandle { display: block; } .layout-move-mode .widgetbar-widget .widgetbar-widgethandle { display: none; } .layout-edit-mode .widgetbar-widgetbody { opacity: .2; } .layout-edit-mode .widgetbar-headerspace { display: none; } .widgetbar-tab-shield, .widgetbar-movemarker-self, .widgetbar-eventshield, .widgetbar-editshield { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0); bottom: 0; right: 0; } .widgetbar-tab-shield, .widgetbar-editshield, .widgetbar-movemarker-self { display: none; } .widgetbar-tab-shield.highlighted, .widgetbar-movemarker-self { border: solid #52c3e7 2px; background: rgba(82, 195, 231, 0.2); } .layout-edit-mode .widgetbar-editshield { display: block; } .widgetbar-editshield.highlighted .widgetbar-movemarker-self { display: block; } .widgetbar-editshield-top, .widgetbar-editshield-bottom { display: none; position: absolute; z-index: 10; background: rgba(0, 0, 0, 0); } .widgetbar-editshield-top { top: 0; left: 0; right: 0; bottom: 50%; } .widgetbar-editshield-bottom { top: 50%; left: 0; right: 0; bottom: -1px; } .widgetbar-eventshield, .layout-move-mode .widgetbar-editshield-top, .layout-move-mode .widgetbar-editshield-bottom, .layout-move-mode .widgetbar-tab-shield { display: block; cursor: move; } .widgetbar-movemarker { display: none; position: absolute; left: 0; width: 100%; height: 3px; background: #52c3e7; } .widgetbar-movemarker-top { top: -2px; } .widgetbar-movemarker-bottom { bottom: -2px; } .widgetbar-movemarker:before, .widgetbar-movemarker:after { content: " "; position: absolute; height: 7px; top: -2px; width: 1px; background: #52c3e7; } .widgetbar-movemarker:before { left: 0; } .widgetbar-movemarker:after { right: 0; } .widgetbar-movemarker.highlighted { display: block; } .widgetbar-addwidgetpopup { position: absolute; z-index: 100; top: -1px; right: 38px; background: white; fill: white; border: solid #d6dadf 1px; stroke: #d6dadf; stroke-width: 1px; } .widgetbar-newwidget-iconplace .widgetbar-addwidgetpopup { right: 32px; top: -12px; } .widgetbar-addwidgetpopup-list { overflow: auto; } .widgetbar-addwidgetpopup-ear { position: absolute; width: 10px; height: 19px; top: 14px; right: -10px; } .widgetbar-addwidgetpopup-item { overflow: hidden; height: 21px; margin: 1px; cursor: pointer; padding: 8px 10px; } .widgetbar-addwidgetpopup-item:hover { background: #f2f5f8; } .widgetbar-addwidgetpopup-itemtitle { padding: 2px 0; margin: 0 3px 0 30px; min-width: 160px; } .widgetbar-addwidgetpopup-item .widgetbar-icon { float: left; } .widgetbar-editblock { display: none; position: absolute; width: 100%; left: 0; bottom: 0; background: #dee4ec; height: 50px; } .layout-edit-mode .widgetbar-editblock { display: block; } .widgetbar-applybutton, .widgetbar-applybutton:hover { cursor: pointer; display: block; height: 15px; color: white; font-size: 12px; line-height: 15px; padding: 8px 2px 7px 2px; text-align: center; text-transform: uppercase; margin: 10px; } /* == Here goes the rules that has no direct influence to widgetbar layout == */ .widgetbar-headerspace .button { padding-top: 5px; background-color: #fff; border: 1px #c9cbcd solid; font-size: 12px; line-height: 15px; width: 39px; height: 30px; float: left; display: block; position: relative; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; margin-left: 4px; } .widgetbar-headerspace .button.detach-chat { margin-left: 4px; } .widgetbar-headerspace .button.with-arrow:after { content: " "; width: 9px; height: 5px; display: inline-block; vertical-align: middle; background: url("../images/select-bg.png") 0 0 no-repeat; margin: 0 0 0 4px; } .widgetbar-headerspace .button .icon-list { width: 18px; height: 14px; background-position: 0 -280px; } .widgetbar-headerspace .button:hover .icon-list, .widgetbar-headerspace .button.active .icon-list { background-position: 0 -360px; } .widgetbar-headerspace .button .icon-list-dots { height: 16px; width: 16px; background-image: url("../images/sprites/base-sprite.png"); background-repeat: no-repeat; background-position: 0px -1436px; display: inline-block; position: relative; vertical-align: middle; overflow: hidden; margin-right: 2px; } .widgetbar-headerspace .button:hover .icon-list-dots, .widgetbar-headerspace .button.active .icon-list-dots { height: 16px; width: 16px; background-image: url("../images/sprites/base-sprite.png"); background-repeat: no-repeat; background-position: 0px -1462px; display: inline-block; position: relative; vertical-align: middle; overflow: hidden; } .widgetbar-headerspace .button .icon-config { width: 17px; height: 17px; background-position: -160px -240px; } .widgetbar-headerspace .button:hover .icon-config, .widgetbar-headerspace .button.active .icon-config { background-position: -40px -340px; } .widgetbar-headerspace .button .icon-mentions { width: 17px; height: 17px; background-position: -80px -400px; } .widgetbar-headerspace .button .icon-detach { width: 10px; height: 10px; margin: 3px 0 2px 0; background-position: -140px -140px; } .widgetbar-headerspace .button:hover .icon-detach, .widgetbar-headerspace .button.active .icon-detach { background-position: -140px -150px; } .widgetbar-headerspace .button .icon-plus { width: 16px; height: 14px; left: 0; margin: 1px 0 0; background-position: -179px -162px; } .widgetbar-headerspace .button:hover .icon-plus, .widgetbar-headerspace .button.active .icon-plus { background-position: 1px -162px; } .widgetbar-headerspace .button .icon-phone { width: 20px; height: 20px; left: 0; margin: -1px 0 0; background-position: -80px -380px; } .widgetbar-headerspace .button:hover .icon-phone, .widgetbar-headerspace .button.active .icon-phone { background-position: -60px -380px; } .widgetbar-headerspace .button .icon-hangup { width: 20px; height: 20px; left: 0; margin: -1px 0 0; background-position: -40px -380px; } .widgetbar-headerspace .button:hover .icon-hangup, .widgetbar-headerspace .button.active .icon-hangup { background-position: -20px -380px; } .widgetbar-headerspace .button .icon-members { width: 15px; height: 15px; background-position: -158px -20px; } .widgetbar-headerspace .button:hover .icon-members, .widgetbar-headerspace .button.active .icon-members { background-position: -158 -20px; } .widgetbar-headerspace .button.active { background-color: #e4e4e4 !important; } .mini-widget { overflow: hidden; color: #5B5E61; background-color: White; } .tv-mediumwidget { background-color: White; overflow: hidden; } #miniwidget .tabs, .tv-mediumwidget .tv-mediumwidget-labels { border-bottom: 1px solid #dde1e6; } .mini-widget .tab, .tv-mediumwidget .tv-mediumwidget-label { margin: 1px 1px 0 1px; padding: 8px 10px; display: inline-block; cursor: pointer; font-size: 11px; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .mini-widget .tab.active, .tv-mediumwidget .tv-mediumwidget-label.active { margin: 0 0 -1px 0; border-style: solid; border-color: #dde1e6; border-bottom-color: White; border-width: 1px 1px 1px 1px; } .mini-widget .tab.active a, .tv-mediumwidget .tv-mediumwidget-label a { color: #5B5E61; } .tv-mediumwidget .footer, .mini-widget .footer { padding: 6px 8px; font-size: 11px; text-align: right; } .tv-mediumwidget .footer .fade, .mini-widget .footer .fade { color: #B4B4B4; } .mini-widget .graph { overflow: hidden; border-left: 1px solid #dde1e6; border-right: 1px solid #dde1e6; border-bottom: none; } .mini-widget .graph > div { height: 100%; } .mini-widget .divider { display: block; height: 5px; border-left: 1px solid #dde1e6; border-right: 1px solid #dde1e6; } .mini-widget .pages { overflow-y: auto; overflow-x: hidden; border-left: 1px solid #dde1e6; border-right: 1px solid #dde1e6; } .mini-widget .pages table { width: 100%; border-collapse: collapse; position: relative; border-spacing: 10px; } .mini-widget .pages table .ticker { font-size: 14px; overflow: hidden; background-color: white; } .mini-widget .pages table .ticker.active { background-color: #edf0f3; } .mini-widget .pages table .ticker td { position: relative; border-bottom: 1px solid #eaeaea; cursor: default; text-align: center; padding: 6px 0; } .mini-widget .pages table .ticker td.symbol-short-name-container { width: 35%; padding-left: 12px; text-align: left; } .mini-widget .pages table .ticker td.symbol-last { width: 25%; text-align: center; } .mini-widget .pages table .ticker td.symbol-change { width: 20%; text-align: right; } .mini-widget .pages table .ticker td.symbol-change-pt { width: 20%; padding-right: 2px; text-align: right; } .mini-widget .footer { overflow: hidden; border-left: 1px solid #dde1e6; border-right: 1px solid #dde1e6; border-bottom: 1px solid #dde1e6; } .tv-mediumwidget { color: #26282f; } .tv-mediumwidget .tv-mediumwidget-pages { border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } .tv-mediumwidget .tv-mediumwidget-pages .tv-mediumwidget-page { display: none; } .tv-mediumwidget .tv-mediumwidget-pages .tv-mediumwidget-page.active { display: block; } .tv-mediumwidget .footer { border: 1px solid #eaeaea; border-top: none; } .tv-mediumwidget .ticker-fundamental-container { width: 100%; } .tv-mediumwidget .ticker-fundamental-container .fundamentals-cell { vertical-align: top; } .tv-mediumwidget .tv-mediumwidget-ticker, .tv-mediumwidget .tv-mediumwidget-fundamentals { height: 97px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 15px 0 15px; position: relative; } .tv-mediumwidget .tv-mediumwidget-ticker { white-space: nowrap; } .tv-mediumwidget .tv-mediumwidget-ticker .symbol-ticker-name { vertical-align: top; } .tv-mediumwidget .tv-mediumwidget-ticker .symbol-ticker-value { vertical-align: bottom; white-space: nowrap; } .tv-mediumwidget .tv-mediumwidget-ticker .symbol-short-name, .tv-mediumwidget .tv-mediumwidget-ticker .symbol-short-name-container { font-size: 22px; text-transform: uppercase; } .tv-mediumwidget .tv-mediumwidget-ticker .symbol-last { display: inline-block; font-size: 28px; font-weight: bold; margin-right: 5px; padding: 0; } .tv-mediumwidget .tv-mediumwidget-ticker .symbol-change-container { white-space: nowrap; display: inline-block; } .tv-mediumwidget .tv-mediumwidget-ticker .symbol-change, .tv-mediumwidget .tv-mediumwidget-ticker .symbol-change-pt { display: inline-block; font-weight: bold; font-size: 18px; } .tv-mediumwidget .tv-mediumwidget-ticker .symbol-change-pt { margin-left: 5px; } .tv-mediumwidget .tv-mediumwidget-ticker .symbol-description-name, .tv-mediumwidget .tv-mediumwidget-ticker .symbol-industry-sector-container { font-size: 11px; color: #787878; } .tv-mediumwidget .tv-mediumwidget-fundamentals { min-width: 210px; } .tv-mediumwidget .tv-mediumwidget-fundamentals table { width: 100%; border: 0px; border-collapse: collapse; /* cellspacing="0" */ } .tv-mediumwidget .tv-mediumwidget-fundamentals table td { padding: 8px 0; } .tv-mediumwidget .tv-mediumwidget-fundamentals table td.fundamental-name { width: 24%; border-bottom: 1px solid #eaeaea; text-align: left; color: #878c94; padding-right: 5px; } .tv-mediumwidget .tv-mediumwidget-fundamentals table td.fundamental-value { width: 24%; border-bottom: 1px solid #eaeaea; text-align: right; } .tv-mediumwidget .tv-mediumwidget-fundamentals table td.fundamental-divider { width: 4%; min-width: 20px; } .tv-mediumwidget .tv-mediumwidget-fundamentals table tr:first-child td { padding-top: 0; } .tv-mediumwidget .tv-mediumwidget-fundamentals table tr:last-child td.fundamental-name, .tv-mediumwidget .tv-mediumwidget-fundamentals table tr:last-child td.fundamental-value { border-bottom: none; } .tv-mediumwidget .tv-mediumwidget-divider { float: left; height: 1px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 30px 15px; background-color: #eaeaea; } .tv-mediumwidget .tv-mediumwidget-minichart { float: left; width: 100%; margin-top: 10px; } .tv-mediumwidget .tv-mediumwidget-minichart canvas { display: block; } .beta-sign { color: #5cb888; font-weight: bold; float: right; } a.add-custom-script-btn { cursor: pointer; } .tv-script-dialog { width: 600px; } .tv-script-dialog .beta-sign { position: relative; top: -3px; font-size: 11px; font-weight: normal; float: none; } .tv-script-dialog.ui-resizable { position: absolute; } .tv-script-dialog .ui-resizable-handle { background: transparent; } .tv-script-dialog .ui-resizable-n { width: 90%; height: 5px; top: -3px; left: 5%; } .tv-script-dialog .ui-resizable-e { width: 5px; height: 90%; top: 5%; right: -3px; } .tv-script-dialog .ui-resizable-s { width: 90%; height: 5px; bottom: -3px; left: 5%; } .tv-script-dialog .ui-resizable-w { width: 5px; height: 90%; top: 5%; left: -3px; } .tv-script-dialog .ui-resizable-ne { width: 5px; height: 5px; top: -3px; right: -3px; } .tv-script-dialog .ui-resizable-se { width: 5px; height: 5px; bottom: -3px; right: -3px; } .tv-script-dialog .ui-resizable-sw { width: 5px; height: 5px; bottom: -3px; left: -3px; } .tv-script-dialog .ui-resizable-nw { width: 5px; height: 5px; top: -3px; left: -3px; } .tv-script-dialog .modified-sign { display: none; } .tv-script-dialog.tv-script-modified .modified-sign { display: inline; } .tv-script-dialog .help { width: 15px; height: 15px; background: url("../images/dialogs/study-help.png"); float: right; margin: 6px 5px 0 0; } .tv-script-header { padding: 0 20px 18px; } .tv-script-header .tv-button { margin-right: 5px; border-bottom: 1px solid #c9cbcd; } .tv-script-header .tv-button:first-child { margin-left: 0px; } .tv-script-header .tv-button.tv-script-help-button { float: right; margin-right: 0; } .tv-script-editor-container { position: relative; height: 250px; } .tv-script-editor-container #editor { margin: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .tv-script-console-container .tv-script-console-header { position: relative; height: 7px; width: 100%; border-top: 1px solid #c9cbcd; } .tv-script-console-container .tv-script-console-header .tv-script-console-toggle { position: absolute; left: 0; top: 0; width: 23px; height: 7px; cursor: pointer; border-right: 1px solid #c9cbcd; } .tv-script-console-container .tv-script-console-header .tv-script-console-toggle:hover .tv-script-console-icon { opacity: 0.8; } .tv-script-console-container .tv-script-console-header .tv-script-console-icon { position: absolute; left: 7px; top: 1px; background: url("../images/select-bg.png") repeat scroll 0px 0px transparent; height: 5px; width: 9px; } .tv-script-console-container .tv-script-console-header .tv-script-console-resize { display: none; margin-left: 23px; height: 7px; background: transparent; cursor: ns-resize; } .tv-script-console-container.open .tv-script-console-header .tv-script-console-resize { display: block; } .tv-script-console-container.open .tv-script-console-header .tv-script-console-icon { background-position: 0px -20px; } .tv-script-console-container .tv-script-console-body { font-family: monospace; white-space: pre-wrap; padding: 5px; height: 50px; overflow-y: auto; word-wrap: break-word; position: relative; border-top: 1px solid #c9cbcd; } .tv-script-console-container .tv-script-console-body .error { color: red; } .tv-script-tooltip { background: #e8f2fb; background: rgba(232, 242, 251, 0.9); color: #41474d; border: 1px solid gray; padding: 1px; z-index: 1000; font-family: Verdana, Arial; font-size: 13px; white-space: pre-wrap; } .tv-script-tooltip .elem-title { color: black; font-size: 15px; font-weight: bold; } .tv-script-tooltip .section { color: black; font-weight: bold; } .tv-script-tooltip .mono { font-family: monospace; } .tv-script-tooltip .arg-name { font-weight: bold; font-family: monospace; } .tv-script-tooltip .arg-type { font-weight: bold; font-family: monospace; } .tv-script-reference { color: #41474d; padding: 1px; z-index: 1000; font-family: Verdana, Arial; font-size: 13px; white-space: pre-wrap; margin: 50px 50px 50px 50px; } .tv-script-reference .main-title { font-size: 25px; font-weight: bold; } .tv-script-reference .elem-title { font-size: 15px; font-weight: bold; } .tv-script-reference .section { font-weight: bold; } .tv-script-reference .mono { font-family: monospace; } .tv-script-reference .arg-name { font-weight: bold; font-family: monospace; } .tv-script-reference .arg-type { font-weight: bold; font-family: monospace; } .toc-contents-wrapper { position: fixed; top: 0px; height: 100%; width: 200px; padding-top: 60px; padding-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .toc-contents-wrapper .toc-contents-header { height: 35px; border: 1px solid #c9cbcd; border-bottom-width: 0px; line-height: 35px; padding: 0 8px; font-size: 15px; font-weight: bold; background: #ffffff; } .toc-contents-wrapper .toc-contents { overflow-y: auto; overflow-x: hidden; border: 1px solid #c9cbcd; overflow: auto; height: 100%; position: relative; } .toc-contents-wrapper .toc-contents .toc-contents-inner { position: relative; } .toc-contents-wrapper .toc-contents .toc-contents-inner a.toc-elem-title, .toc-contents-wrapper .toc-contents .toc-contents-inner a.toc-chap-title { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 8px; border-bottom: 1px solid #c9cbcd; background: #ffffff; color: #5a5d66; cursor: pointer; } .toc-contents-wrapper .toc-contents .toc-contents-inner a.toc-elem-title:hover, .toc-contents-wrapper .toc-contents .toc-contents-inner a.toc-chap-title:hover { background: #edf0f3; } .toc-contents-wrapper .toc-contents .toc-contents-inner a.toc-chap-title { background-color: #ffffff; padding: 6px 8px; font-weight: bold; } .toc-contents-wrapper .toc-contents .toc-contents-inner a:last-child { broder-bottom: none; } .toc-description { margin-left: 200px; padding: 0 50px; } .toc-description .toc-description-header { height: 35px; line-height: 35px; font-size: 18px; font-weight: bold; } .toc-description .toc-elem-description { padding: 20px 25px; background: #f2f5f8; } .toc-description .toc-elem-description:last-child { padding-bottom: 0; } .toc-description .toc-elem-description:not(:last-child) { border-bottom: 1px solid #c9cbcd; } .toc-description .chap-title { margin-top: 25px; font-size: 16px; font-weight: bold; } .wizard-tooltip, .wizard-tooltip-triangle { position: absolute; z-index: 16; display: none; } .wizard-tooltip a, .wizard-tooltip-triangle a { color: #8bd1f1; } .wizard-tooltip a:hover, .wizard-tooltip-triangle a:hover { color: #9dd8f3; } .wizard-tooltip a:active, .wizard-tooltip-triangle a:active { color: #afdff5; } .wizard-tooltip-triangle { content: ""; top: 0; left: 0; border-width: 0; border-style: solid; } .wizard-tooltip-triangle.up { border-width: 0 15px 15px 15px; border-color: rgba(0, 0, 0, 0.75) transparent; } .wizard-tooltip-triangle.down { border-width: 15px 15px 0 15px; border-color: rgba(0, 0, 0, 0.75) transparent; } .wizard-tooltip-triangle.left { border-width: 15px 15px 15px 0; border-color: transparent rgba(0, 0, 0, 0.75); } .wizard-tooltip-triangle.right { border-width: 15px 0 15px 15px; border-color: transparent rgba(0, 0, 0, 0.75); } .wizard-tooltip { background-color: rgba(0, 0, 0, 0.75); color: #E5E5E5; padding: 15px 20px; max-width: 500px; min-width: 300px; font-size: 14px; } .wizard-tooltip .wizard-tooltip-stop { position: absolute; top: 12px; right: 12px; width: 13px; height: 13px; border: none; cursor: pointer; background: url('../images/icons.png') -142px -363px; } .wizard-tooltip .wizard-tooltip-stop:hover { opacity: 0.8; } .wizard-tooltip .wizard-tooltip-description { margin-right: 10px; line-height: 1.4; color: rgba(255, 255, 255, 0.75); } .wizard-tooltip .wizard-tooltip-description h1, .wizard-tooltip .wizard-tooltip-description h2, .wizard-tooltip .wizard-tooltip-description h3, .wizard-tooltip .wizard-tooltip-description h4, .wizard-tooltip .wizard-tooltip-description h5, .wizard-tooltip .wizard-tooltip-description h6 { margin-top: 5px; } .wizard-tooltip .wizard-tooltip-footer { height: 28px; margin-top: 25px; } .wizard-tooltip .wizard-tooltip-footer .wizard-tooltip-counter { float: left; line-height: 29px; font-size: 10px; } .wizard-tooltip .wizard-tooltip-footer .wizard-tooltip-btn { cursor: pointer; display: inline-block; width: 75px; height: 28px; line-height: 29px; background: #1fb2cc; text-align: center; } .wizard-tooltip .wizard-tooltip-footer .wizard-tooltip-btn + .wizard-tooltip-btn { margin-left: 7px; } .wizard-tooltip .wizard-tooltip-footer .wizard-tooltip-btn:hover { background: #1fbad3; } .wizard-tooltip .wizard-tooltip-footer .wizard-tooltip-btn:active { background: #30cce6; } .wizard-tooltip .wizard-tooltip-footer .wizard-tooltip-btn.close, .wizard-tooltip .wizard-tooltip-footer .wizard-tooltip-btn.skip, .wizard-tooltip .wizard-tooltip-footer .wizard-tooltip-btn.start { display: none; } .wizard-tooltip .wizard-tooltip-footer .wizard-tooltip-btn.prev, .wizard-tooltip .wizard-tooltip-footer .wizard-tooltip-btn.next { display: inline-block; } .wizard-tooltip .wizard-tooltip-footer .wizard-tooltip-btn-group { float: right; } .wizard-tooltip.introduction .wizard-tooltip-footer .wizard-tooltip-counter { display: none; } .wizard-tooltip.introduction .wizard-tooltip-footer .wizard-tooltip-btn.prev, .wizard-tooltip.introduction .wizard-tooltip-footer .wizard-tooltip-btn.next { display: none; } .wizard-tooltip.introduction .wizard-tooltip-footer .wizard-tooltip-btn.skip, .wizard-tooltip.introduction .wizard-tooltip-footer .wizard-tooltip-btn.start { display: inline-block; } .wizard-tooltip.first .wizard-tooltip-footer .wizard-tooltip-btn.prev, .wizard-tooltip.last .wizard-tooltip-footer .wizard-tooltip-btn.next { display: none; } .wizard-tooltip.last .wizard-tooltip-footer .wizard-tooltip-btn.close { display: inline-block; } .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 */