Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
- html {
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: 100%;
- }
- body {
- color:#333;
- font-family: 'Open Sans', Tahoma, Arial, sans-serif;
- font-size:13px;
- margin:0;
- padding:0;
- background: #FFF;
- }
- img { }
- h1 { font-size: 52px; margin: 0; padding: 5px 15px;}
- h3 { font-size: 28px; margin: 0; }
- h4 { font-size: 24px; margin: 10px 0 0 0; }
- h1, h3, h4, h5 {
- font-weight: 300;
- }
- a {
- color: #333;
- text-decoration: none;
- }
- a:hover {
- color: #000;
- }
- code, pre {
- word-wrap: break-word;
- }
- code.api-request {
- background: #f2f2f2;
- }
- option:hover {
- cursor: pointer;
- }
- table {
- border-collapse:collapse;
- }
- table, td, th {
- border: 1px solid #CCC;
- padding: 3px;
- }
- img { border: 0 }
- form {
- margin: 0 0 0 0; /* Firefox fix - creates a blank space on the edit user page */
- }
- input, textarea, select{ font-family: inherit; }
- /* Selectie */
- ::selection {
- background:#000;
- color:#fff;
- }
- ::-moz-selection {
- background:#000;
- color:#fff;
- }
- ::-webkit-selection {
- background:#000;
- color:#fff;
- }
- input[type="submit"] {
- color: #777;
- font-size: 13px;
- background: #FFF;
- border: 2px solid #EEE;
- text-align: center;
- width: auto;
- padding: 6px 10px 6px 10px !important;
- text-decoration: none;
- margin: 0;
- border-radius: 3px;
- cursor: pointer;
- outline: none;
- font-weight: bold;
- text-transform: uppercase;
- }
- input[type="submit"]:hover {
- border-color: #EEE !important;
- background: #EEE;
- color: #777;
- }
- input[type="submit"]:active{
- border-color: #fe8a46 !important;
- background: #fe8a46;
- color: #FFF !important;
- }
- input:-webkit-autofill {
- -webkit-box-shadow: 0 0 0 1100px white inset;
- }
- /* This fixes the ugly native rounded corners & shadows on iOS */
- input[type="text"], input[type="submit"], textarea {
- -webkit-appearance: none;
- }
- select {
- max-width: 175px;
- outline: 0;
- }
- .row-top {
- background: #fff;
- padding: 20px 0 10px 0;
- border-bottom: 1px solid #c3c3c3;
- overflow: auto;
- }
- .row-page {
- border-bottom: 0;
- width: 100%;
- margin: 0 auto;
- max-width: 1120px;
- overflow: hidden;
- padding: 0 10px;
- box-sizing: border-box;
- }
- .row-body {
- border-bottom: 0;
- width: 100%;
- margin: 0 auto;
- max-width: 1120px;
- overflow: hidden;
- padding: 0 10px;
- box-sizing: border-box;
- }
- .row-footer {
- padding: 20px 0 10px 0;
- overflow: auto;
- }
- .row-body .one { width: 8.333%; }
- .row-body .two { width: 16.667%; }
- .row-body .three { width: 25%; }
- .row-body .four { width: 33.333%; }
- .row-body .five { width: 41.667%; }
- .row-body .six { width: 50%; }
- .row-body .seven { width: 58.333%; }
- .row-body .eight { width: 66.667%; }
- .row-body .nine { width: 75%; background: #FFF; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin: 0 0 -1px 0; box-sizing: border-box;}
- .row-body .ten { width: 83.333%; }
- .row-body .eleven { width: 91.667%; }
- .row-body .twelve { width: 100%; background: #FFF; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; box-sizing: border-box;}
- .row-page .three { width: 25%; float: right; }
- .row-page .nine { width: 75%; float: left; }
- .row-page .stats-container { width: 25%; padding-top: 10px;}
- .row-body .stats-container { padding-top: 10px;}
- .row-page .twelve { width: 100%; }
- .row-page .table-id { width: 7%; padding: 5px 0; word-wrap: break-word; }
- .row-page .table-user { width: 33%; padding: 5px 0; word-wrap: break-word; }
- .row-page .table-user img { height: 15px; width:15px; border-radius: 3px; margin-right: 5px; vertical-align: middle; }
- .row-page .table-mail { width: 45%; padding: 5px 0; word-wrap: break-word; }
- .row-page .table-edit { width: 8%; padding: 5px 0; word-wrap: break-word; }
- .row-page .table-delete { width: 7%; padding: 5px 0; word-wrap: break-word; }
- .row-page .table-category-name { width: 83%; padding: 5px 0; word-wrap: break-word; }
- .row-page .table-report-id { width: 7%; padding: 5px 0; word-wrap: break-word; }
- .row-page .table-report-type { width: 13%; padding: 5px 0; word-wrap: break-word; }
- .row-page .table-user { width: 33%; padding: 5px 0; word-wrap: break-word; }
- .row-page .table-user img { height: 15px; width:15px; border-radius: 3px; margin-right: 5px; vertical-align: middle; }
- .row-page .table-report-message { width: 20%; padding: 5px 0; word-wrap: break-word; }
- .row-page .table-report-safe { width: 10%; padding: 5px 0; word-wrap: break-word;}
- .admin-rows { width: 100%; float: left; overflow: auto; }
- .admin-rows a { cursor: pointer }
- .dash-stats {
- width: 33.333%;
- }
- .dash-half {
- width: 50%;
- float: left;
- }
- .stats-values {
- font-size: 14px;
- font-weight: bold;
- }
- .dashboard-info {
- margin-top: 10px;
- float: left;
- width: 100%;
- }
- .dashboard-info a {
- color: #fe8a46;
- font-weight: bold;
- }
- .dashboard-info a:hover {
- color: #ec7129;
- }
- .neutral {
- color: #999;
- }
- .positive {
- color: #27ae60;
- }
- .negative {
- color: #FF5757;
- }
- .dash-values {
- font-size: 22px;
- }
- .chart {
- display: table;
- table-layout: fixed;
- width: 80px;
- height: 30px;
- margin: 0;
- padding: 15px 0 0 0;
- }
- .chart li {
- position: relative;
- display: table-cell;
- vertical-align: bottom;
- height: 30px;
- padding-right: 1px;
- }
- .chart span {
- margin: 0 0;
- display: block;
- background: #fe8a46;
- }
- .chart span:hover {
- background: #ec7129;
- }
- .stats-container h3 {
- font-weight: 400;
- font-size: 22px;
- }
- .payment-content {
- padding: 5px 0;
- width: 100%;
- float: left;
- }
- .payment-row {
- padding: 5px 0;
- }
- .list-content {
- padding-bottom: 5px;
- overflow: auto;
- clear: both;
- }
- .list-button {
- margin: 2px 0 0 0 !important;
- }
- .page-button {
- float: left !important;
- margin: 0 10px 0 0 !important;
- }
- .report-title {
- font-size: 18px;
- }
- .report-content {
- padding: 5px 0;
- width: 100%;
- float: left;
- white-space: pre-line;
- }
- .report-content img {
- margin-bottom: -2px;
- }
- .manage-users-container {
- padding: 10px 20px;
- }
- .manage-users-container a {
- text-decoration: none;
- cursor: pointer;
- }
- .manage-users-image img {
- width: 35px;
- float: left;
- border-radius: 3px;
- }
- .manage-users-content {
- padding: 0 55px 0 45px;
- word-break: break-all;
- }
- .manage-users-buttons {
- float: right;
- overflow: auto;
- margin-top: -35px;
- }
- .manage-users-buttons a {
- float: right;
- }
- .manage-list-name {
- font-size: 14px;
- padding-bottom: 5px;
- }
- .manage-list-buttons {
- margin-top: -30px;
- }
- .row-top .threeads {
- width: 33.3333%;
- }
- .row-one {
- float: left;
- width: 15%;
- }
- .row-two {
- float: left;
- width: 10%;
- }
- .row-three {
- float: left;
- width: 60%;
- word-break:break-all;
- }
- .row-four {
- float: left;
- width: 15%;
- text-align: right;
- }
- .row-welcome {
- border-bottom: 0;
- width: 100%;
- margin: 0 auto;
- overflow: auto;
- background: #fe8a46;
- background-image: url('images/background.png'), linear-gradient(to right, #ff8035, #ef528a);
- background-repeat: no-repeat;
- background-position-x: center;
- background-position-y: bottom;
- background-size: cover;
- text-transform: uppercase;
- font-weight: bold;
- }
- .row {
- width: 100%;
- margin: 0 auto;
- max-width: 1100px;
- overflow: auto;
- }
- .row .one { width: 8.333%; }
- .row .two { width: 16.667%; }
- .row .three { width: 25%; }
- .row .four { width: 33.333%; }
- .row .five { width: 41.667%; }
- .row .six { width: 50%; }
- .row .seven { width: 58.333%; }
- .row .eight { width: 66.667%; }
- .row .nine { width: 75%; }
- .row .ten { width: 83.333%; }
- .row .eleven { width: 91.667%; }
- .row .twelve { width: 100%; }
- .column, .columns {
- float: left;
- min-height: 1px;
- position: relative;
- }
- [class*="column"] + [class*="column"]:last-child { float: right; }
- [class*="column"] + [class*="column"].end { float: left; }
- .header {
- margin: 0 auto;
- max-width: 1100px;
- overflow: auto;
- padding: 0 10px;
- }
- .topbar {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- z-index: 1000;
- height: 55px;
- background: #FFF;
- margin-bottom: 40px;
- border-bottom: 1px solid #e6e6e6;
- }
- .topbar_margin {
- width: 100%;
- height: 55px;
- }
- .bottombar {
- position: fixed;
- bottom: 0;
- right: 0;
- left: 0;
- z-index: 1000;
- height: 55px;
- background: #fbfbfb;
- border-top: 1px solid #e6e6e6;
- }
- .bottombar-container {
- margin: 0 auto;
- max-width: 1100px;
- padding: 0 10px;
- }
- .menu-image {
- float: right;
- height: 36px;
- font-size: 12px;
- color: #fff;
- padding: 0 7px;
- cursor: pointer;
- margin-top: 10px;
- border-radius: 3px;
- }
- .menu-image:hover {
- background: #EEE;
- }
- .menu-image-active {
- background: #EEE;
- }
- .menu_visitor {
- float: right;
- margin-top: 20px;
- padding-right: 10px;
- color: #fff;
- }
- .menu_arrow {
- margin: 17px 0 0 5px;
- float: right;
- min-width: 10px;
- min-height: 5px;
- background: url('images/downarrow.png') no-repeat;
- background-size: 10px;
- }
- .menu-dd-container {
- max-width: 1120px;
- width: 100%;
- top: 55px;
- position: absolute;
- display: none;
- padding-right: 20px;
- box-sizing: border-box;
- }
- .menu-dd-content {
- background: #FFF;
- border: 1px solid #e6e6e6;
- min-width: 200px;
- width: auto;
- float: right;
- }
- .menu-dd-row {
- padding: 10px;
- text-align: right;
- }
- .menu-dd-row:hover {
- background: #EEE;
- }
- .menu-dd-extra {
- color: #fe8a46;
- font-weight: bold;
- }
- .menu-dd-mobile {
- display: none;
- }
- .menu-divider {
- height:1px;
- width: 100%;
- background: #EEE;
- }
- .menu-dd-content a {
- color: #666;
- text-decoration: none;
- width: 100%;
- }
- .menu-dd-content a:hover {
- color: #000;
- }
- .menu_img {
- float: right;
- width: 22px;
- height: 22px;
- margin-top: 7px;
- }
- .menu_img img {
- width: 22px;
- height: 22px;
- border-radius: 3px;
- }
- .menu_btn {
- padding: 10px;
- float: right;
- height: 16px;
- border-radius: 3px;
- margin-top: 10px;
- margin-right: 10px;
- }
- .menu_btn img {
- width: 16px;
- height: 16px;
- }
- .menu_btn:hover {
- background: #EEE;
- }
- .menu_btn:active {
- background: #EEE;
- }
- .menu-btn {
- padding: 7px 10px;
- margin: 10px 0 0 0;
- float: right;
- color: #888;
- border: 2px solid #EEE;
- border-radius: 3px;
- cursor: pointer;
- font-weight: bold;
- text-transform: uppercase;
- }
- .menu-btn:hover, .menu-btn:active {
- background: #EEE;
- color: #888;
- }
- .menu_hover_messages, .menu_hover_notifications {
- background: #EEE;
- }
- .search-input {
- float: left;
- }
- .search-input input {
- border-radius: 3px;
- outline: none;
- border: 0;
- padding: 9px 10px;
- margin: 10px 0 0 5px;
- background: #EEE;
- width: 150px;
- color: #000;
- height: 18px;
- }
- .search-input input:hover, .search-input input:focus {
- background: #DDD;
- color: #000;
- }
- .search-container, .search-list-container {
- max-width: 1120px;
- width: 100%;
- display: none;
- top: 55px;
- margin: 0 auto;
- color: #BBB;
- padding: 0 10px;
- box-sizing: border-box;
- }
- .search-list-container .search-content {
- background: #FFF;
- }
- .search-container a {
- color: #999;
- }
- .search-container a:hover {
- text-decoration: none;
- cursor: pointer;
- color: #000;
- }
- .search-content {
- z-index: 999;
- top: 55px;
- background: #fff;
- overflow: auto;
- border: 1px solid #e6e6e6;
- }
- .search-content .notification-inner, .search-content .track-inner {
- padding: 10px 20px;
- border-top: 1px solid #eee;
- margin-top: -1px;
- }
- .search-content .track-inner:hover {
- background: #EEE;
- }
- .search-results {
- width: 100%;
- float: left;
- }
- .search-results .subscribe_btn, .search-results .edit_profile_btn, .search-results .sub-loading, .search-results .message_btn {
- position: inherit;
- }
- .search-results .sound-inner {
- border-top: 1px solid #EEE;
- }
- .search-image img {
- width: 25px;
- float: left;
- overflow:auto;
- }
- .search-text {
- padding: 2px 0 5px 35px;
- }
- .search-icons {
- float: right;
- margin-top: -20px;
- }
- .search-icons img {
- width: 15px;
- height: 15px;
- }
- .hashtag {
- border-top: 1px solid #EEE;
- overflow: auto;
- }
- .hashtag-inner {
- padding: 10px 20px;
- }
- .hashtag a {
- cursor: pointer;
- float: left;
- width: 100%;
- overflow: auto;
- }
- .hashtag a:hover {
- background: #EEE;
- text-decoration: none;
- }
- .content {
- background: #FFF;
- overflow: auto;
- border-left: 1px solid #CCC;
- border-right: 1px solid #CCC;
- }
- .cover-container {
- padding: 0;
- }
- .cover-content {
- border-bottom: 1px solid #e6e6e6;
- background: #fff;
- color: #6B6B6B;
- overflow: auto;
- }
- .cover-image {
- float: left;
- top: 0;
- padding-top: 166px;
- width: 100%;
- }
- .cover-image img {
- width: 100%;
- }
- .cover-description {
- width: 100%;
- float: left;
- overflow: auto;
- min-height: 35px;
- }
- .cover-description-content {
- margin-left: 20px;
- margin-right: 10px;
- }
- .cover-avatar-content {
- width: 112px;
- margin: 0 0 10px 20px;
- overflow: auto;
- }
- .cover-avatar {
- float: left;
- position: absolute;
- margin-top: -140px;
- width: 112px;
- }
- .cover-avatar a {
- overflow: hidden;
- height: 106px;
- float: left;
- }
- .cover-avatar img {
- width: 100%;
- border-radius: 3px;
- margin-bottom: -3px;
- }
- .cover-description-buttons {
- margin: -60px 20px 0 0;
- position: absolute;
- width: 100px;
- right: 0;
- }
- .cover-buttons {
- float: left;
- margin: 0 0 0 20px;
- }
- a.cover-button {
- float: left;
- text-decoration: none;
- margin: 0 10px 10px 0;
- color: #777;
- padding: 7px 10px;
- border: 2px solid #EEE;
- border-radius: 3px;
- font-weight: bold;
- text-transform: uppercase;
- }
- a.cover-button:hover {
- color: #777;
- border-color: #CCC;
- }
- a.cover-button-active {
- border-color: #fe8a46;
- background: #fe8a46;
- color: #FFF;
- }
- a.cover-button-active:hover {
- border-color: #fe8a46;
- background: #fe8a46;
- color: #FFF;
- }
- .cover-text-container {
- float: left;
- font-size: 22px;
- margin: -146px 60px 0 125px;
- position: absolute;
- text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
- }
- .cover-text-container a {
- padding: 3px 5px;
- color: #FFF;
- }
- .cover-text-container a:hover {
- color: #FFF;
- }
- .cover-text-container img {
- margin: 0 0 -2px 7px;
- width: 17px;
- height: 17px;
- }
- .cover-username {
- }
- .cover-location {
- padding: 3px 5px;
- font-size: 14px;
- color: #FFF;
- display: inline-block;
- }
- .message-container {
- }
- .message-container a {
- color: #666;
- text-decoration: none;
- }
- .message-container a:hover {
- color: #E45C5C;
- }
- .message-content {
- color: #999;
- }
- .message-inner, .sidebar-inner {
- padding: 10px 20px;
- }
- .track-inner, .list-inner {
- padding: 10px;
- }
- .divider {
- height: 1px;
- margin: 0 20px;
- background: #EEE;
- }
- .page-inner .divider, .modal-container .divider, .sidebar-content .divider {
- margin: 0;
- }
- .list-container {
- overflow: auto;
- padding: 10px;
- }
- .sound-inner {
- padding: 10px;
- }
- .track-actions {
- width: 100%;
- overflow: auto;
- }
- .track-actions-content {
- padding: 5px 0 0 0;
- }
- .track-actions-content a {
- color: #666;
- }
- .track-actions-content a:hover {
- color: #333;
- }
- .track-actions a {
- cursor: pointer;
- }
- .list-avatar {
- width: 60px;
- float: left;
- overflow:auto;
- }
- .list-avatar img {
- width: 60px;
- }
- .track-author {
- padding: 0 0 3px 0;
- }
- .track-author a {
- color: #444;
- cursor: pointer;
- font-weight: bold;
- text-decoration: none;
- }
- .track-author a:hover {
- color: #E45C5C;
- }
- .message-message {
- padding-top: 5px;
- word-wrap: break-word;
- }
- .list-top {
- padding: 2px 0 5px 70px;
- }
- .list-time {
- overflow: auto;
- color: #AAA;
- font-size: 12px;
- padding-top: 1px;
- }
- .track-actions-container {
- padding: 10px 0 0 132px;
- }
- .message-reply-container {
- width: 100%;
- padding-top: 10px;
- overflow: auto;
- }
- .message-reply-container .delete_btn, .message-reply-container .report_btn {
- display: none;
- }
- .message-reply-container:hover .delete_btn, .message-reply-container:hover .report_btn {
- display: block;
- }
- .message-reply-content {
- color: #666;
- padding-top: 2px;
- }
- .message-reply-author {
- float: left;
- padding-right: 10px;
- }
- .comments-container {
- padding: 10px 0 0 0;
- }
- .comment-active {
- border-bottom: 3px solid #fe8a46;
- }
- .chat-container .message-reply-author {
- padding-right: 0;
- }
- .message-reply-author a {
- color: #666;
- cursor: pointer;
- font-weight: bold;
- }
- .message-reply-message {
- padding: 0 15px 10px 42px;
- word-wrap: break-word;
- }
- .message-comment-box-container {
- padding: 20px 0 0 0;
- overflow: auto;
- width: 100%;
- }
- .message-comment-box-form {
- padding: 0 0 5px 42px;
- }
- .comment-reply-textarea {
- padding: 6px 7px;
- color: #6B6B6B;
- font-size: 13px;
- overflow: hidden;
- width: 100%;
- resize: none;
- box-sizing: border-box;
- border: 2px solid #EEE;
- max-width: 100%;
- outline: 0;
- min-height: 32px;
- border-radius: 3px;
- height: 32px;
- }
- .comment-reply-textarea:hover {
- border-color: #CCC;
- }
- .comment-reply-textarea:focus {
- border-color: #fe8a46;
- }
- .message-reported {
- padding-bottom: 5px;
- }
- .blocked-button {
- float: right;
- font-weight: normal;
- font-size: 13px;
- line-height: 23px;
- text-transform: capitalize;
- }
- .blocked-button a {
- cursor: pointer;
- color: #999;
- text-decoration: none;
- }
- .blocked-button a:hover {
- color: #666;
- text-decoration: underline;
- }
- .unblock-button a {
- color: #666;
- }
- .unblock-button a:hover {
- color: #000;
- }
- .playlist-button {
- padding: 5px 1px 5px 26px;
- margin-right: 5px;
- overflow: hidden;
- cursor: pointer;
- height: 15px;
- background: url('images/icons/playlist_btn_n.png') 5px center no-repeat;
- background-size: 20px;
- color: #777777;
- display: inline-block;
- text-indent: -9999px;
- float: left;
- }
- .playlist-button:hover {
- background: url('images/icons/playlist_btn_h.png') 5px center no-repeat;
- background-size: 20px;
- }
- .share-button {
- padding: 5px 1px 5px 26px;
- margin-right: 5px;
- overflow: hidden;
- cursor: pointer;
- height: 15px;
- background: url('images/icons/share_btn_n.png') 5px center no-repeat;
- background-size: 20px;
- display: inline-block;
- text-indent: -9999px;
- float: left;
- }
- .share-button:hover {
- background: url('images/icons/share_btn_h.png') 5px center no-repeat;
- background-size: 20px;
- }
- .delete-button {
- padding: 5px 1px 5px 26px;
- margin-right: 5px;
- overflow: hidden;
- cursor: pointer;
- height: 15px;
- background: url('images/icons/delete_btn_n.png') 5px center no-repeat;
- background-size: 20px;
- display: inline-block;
- text-indent: -9999px;
- float: left;
- }
- .delete-button:hover {
- background: url('images/icons/delete_btn_h.png') 5px center no-repeat;
- background-size: 20px;
- }
- .buy-button {
- padding: 5px 1px 5px 26px;
- margin-right: 5px;
- overflow: hidden;
- cursor: pointer;
- height: 15px;
- background: url('images/icons/buy_btn_n.png') 5px center no-repeat;
- background-size: 20px;
- display: inline-block;
- text-indent: -9999px;
- float: left;
- }
- .buy-button:hover {
- background: url('images/icons/buy_btn_h.png') 5px center no-repeat;
- background-size: 20px;
- }
- .private-button {
- padding: 5px 1px 5px 26px;
- margin-right: 5px;
- overflow: hidden;
- cursor: pointer;
- height: 15px;
- background: url('images/icons/private_btn_n.png') 5px center no-repeat;
- background-size: 20px;
- display: inline-block;
- text-indent: -9999px;
- float: left;
- }
- .private-button:hover {
- background: url('images/icons/private_btn_h.png') 5px center no-repeat;
- background-size: 20px;
- }
- .public-button {
- padding: 5px 1px 5px 26px;
- margin-right: 5px;
- overflow: hidden;
- cursor: pointer;
- height: 15px;
- background: url('images/icons/public_btn_n.png') 5px center no-repeat;
- background-size: 20px;
- display: inline-block;
- text-indent: -9999px;
- float: left;
- }
- .public-button:hover {
- background: url('images/icons/public_btn_h.png') 5px center no-repeat;
- background-size: 20px;
- color: #000;
- }
- .shuffle-button {
- padding: 5px 1px 5px 26px;
- margin-right: 5px;
- overflow: hidden;
- cursor: pointer;
- height: 15px;
- background: url('images/icons/shuffle_btn_n.png') 5px center no-repeat;
- background-size: 20px;
- display: inline-block;
- text-indent: -9999px;
- float: left;
- }
- .shuffle-button:hover {
- background: url('images/icons/shuffle_btn_h.png') 5px center no-repeat;
- background-size: 20px;
- color: #000;
- }
- .shuffle-button-active, .shuffle-button-active:hover {
- background: url('images/icons/shuffle_btn_h.png') 5px center no-repeat;
- background-size: 20px;
- color: #000;
- }
- .like-button {
- padding: 5px 1px 5px 26px;
- margin-right: 5px;
- overflow: hidden;
- cursor: pointer;
- height: 15px;
- background: url('images/icons/like_btn_n.png') 5px center no-repeat;
- background-size: 20px;
- display: inline-block;
- text-indent: -9999px;
- float: left;
- }
- .like-button:hover {
- background: url('images/icons/like_btn_h.png') 5px center no-repeat;
- background-size: 20px;
- color: #FFF;
- }
- .liked-button {
- padding: 5px 1px 5px 26px;
- margin-right: 5px;
- overflow: hidden;
- cursor: pointer;
- height: 15px;
- background: url('images/icons/like_btn_h.png') 5px center no-repeat;
- background-size: 20px;
- display: inline-block;
- text-indent: -9999px;
- float: left;
- }
- .liked-button:hover {
- background: url('images/icons/like_btn_n.png') 5px center no-repeat;
- background-size: 20px;
- color: #000;
- }
- .download-button {
- padding: 5px 1px 5px 26px;
- margin-right: 5px;
- overflow: hidden;
- cursor: pointer;
- height: 15px;
- background: url('images/icons/download_btn_n.png') 5px center no-repeat;
- background-size: 20px;
- display: inline-block;
- text-indent: -9999px;
- float: left;
- }
- .download-button:hover {
- background: url('images/icons/download_btn_h.png') 5px center no-repeat;
- background-size: 20px;
- }
- .loading-button {
- padding: 5px 1px 5px 26px;
- margin-right: 5px;
- overflow: hidden;
- cursor: pointer;
- height: 15px;
- background: url('images/loader.gif') 5px center no-repeat;
- background-size: 20px;
- display: inline-block;
- text-indent: -9999px;
- float: left;
- }
- .small-loader {
- background: url('images/loader.gif') no-repeat;
- background-size: 15px;
- float: right;
- width: 15px;
- height: 15px;
- margin-top: 1px;
- }
- .vertical-divider {
- padding: 0 10px;
- color: #EEE;
- float: right;
- font-size: 12px;
- }
- .counter {
- width: auto;
- padding: 0 0 0 30px;
- height: 17px;
- float: right;
- color: #A8A8A8;
- background-size: 17px;
- background-repeat: no-repeat;
- background-position: 10px 0;
- font-size: 12px;
- }
- .views_counter {
- background-image: url('images/icons/views.png');
- }
- .comments_counter {
- background-image: url('images/icons/comment_n.png');
- }
- .downloads_counter {
- background-image: url('images/icons/download_n.png');
- }
- .like_btn {
- background-image: url('images/icons/like_n.png');
- }
- .comments_counter:hover, .like_btn:hover, .views_counter:hover, .downloads_counter:hover {
- color: #777;
- }
- .like_btn_extended {
- float: none;
- display: inline;
- margin-right: 6px;
- padding-right: 0;
- }
- .playlist-title {
- font-size: 15px;
- word-wrap: break-word;
- }
- .playlist-play-content {
- padding: 2px 0 10px 0;
- float: left;
- }
- .playlist-content a {
- text-decoration: none;
- }
- .playlist-content-info {
- padding-left: 100px;
- }
- .playlist-buttons-container {
- font-size: 12px;
- }
- .playlist-actions-container {
- padding: 10px 0 0 100px;
- }
- .playlist-actions {
- width: 100%;
- overflow: auto;
- }
- .playlist-actions-content {
- font-size: 12px;
- float: left;
- padding: 1px 0 10px 0;
- }
- .playlist-artwork {
- }
- .playlist-artwork img {
- width: 75px;
- }
- .playlist-stats {
- float: right;
- padding: 6px 0 10px 0;
- }
- .tracks-small-icon {
- background: url(images/icons/tracks_small.png) no-repeat left center;
- background-size: 12px;
- padding-left: 15px;
- color: #666;
- float: left;
- }
- .liked-content {
- color: #777;
- line-height: 22px;
- }
- .liked-content a {
- color: #555;
- text-decoration: none;
- }
- .liked-content a:hover {
- color: #000;
- }
- .like_user_avatar {
- float: none;
- display: inline;
- margin-right: 6px;
- }
- .like_user_avatar img {
- vertical-align: middle;
- width: 16px;
- height: 16px;
- margin-top: -4px;
- }
- .like_text_snippet {
- color: #999;
- margin-top: 2px;
- overflow: auto;
- }
- .comment-btn {
- float: right;
- display: none;
- }
- .comment-btn a {
- float: right;
- border-radius: 3px;
- padding: 5px 10px;
- color: #777;
- cursor: pointer;
- text-decoration: none;
- border: 2px solid #EEE;
- font-weight: bold;
- }
- .comment-btn a:hover {
- border-color: #EEE;
- background: #EEE;
- color: #777;
- }
- .comment-btn a:active {
- background: #fe8a46;
- border-color: #fe8a46;
- color: #FFF;
- }
- .close_btn {
- width: 17px;
- height: 17px;
- float: right;
- background: url('images/icons/delete.png');
- background-size: 17px;
- cursor: pointer;
- }
- .close_btn:hover {
- background: url('images/icons/delete_h.png');
- background-size: 17px;
- }
- .delete_btn {
- width: 17px;
- height: 17px;
- float: right;
- background: url('images/icons/delete.png');
- background-size: 17px;
- cursor: pointer;
- }
- .delete_btn:hover {
- background: url('images/icons/delete_h.png');
- background-size: 17px;
- }
- .report_btn {
- width: 17px;
- height: 17px;
- float: right;
- background: url('images/icons/report.png');
- background-size: 17px;
- cursor: pointer;
- }
- .report_btn:hover {
- background: url('images/icons/report_h.png');
- background-size: 17px;
- }
- .subscribe_btn {
- background-color: #e8e8e8;
- background-image: url(images/icons/subscribe.png);
- background-size: 25px;
- background-position: center;
- color: #6B6B6B;
- border-radius: 3px;
- width: 25px;
- height: 25px;
- float: right;
- cursor: pointer;
- margin-left: 5px;
- border: 1px solid #e8e8e8;
- }
- .subscribe_btn:hover {
- background-color: #e0e0e0;
- background-image: url(images/icons/subscribe_h.png);
- border: 1px solid #e0e0e0;
- }
- .subscribe_btn:active, .subscribe_btn:focus {
- background-color: #DDD;
- background-image: url(images/icons/subscribe_h.png);
- }
- .unsubscribe {
- background-image: url(images/icons/unsubscribe.png);
- }
- .unsubscribe:hover, .unsubscribe:active {
- background-image: url(images/icons/unsubscribe_h.png);
- }
- .sub-loading {
- background-color: #fff;
- background-image: url(images/loader.gif);
- background-size: 20px;
- background-position: center;
- background-repeat: no-repeat;
- color: #6B6B6B;
- border-radius: 3px;
- width: 25px;
- height: 25px;
- float: right;
- cursor: pointer;
- margin-left: 5px;
- border: 1px solid #FFF;
- }
- .list-container .sub-loading {
- border: 1px solid #DDD;
- }
- .edit_profile_btn {
- background-color: #e8e8e8;
- background-image: url(images/icons/profile_edit.png);
- background-size: 25px;
- background-position: center;
- color: #6B6B6B;
- border-radius: 3px;
- width: 25px;
- height: 25px;
- float: right;
- cursor: pointer;
- margin-left: 5px;
- border: 1px solid #e8e8e8;
- }
- .edit_profile_btn:hover {
- background-color: #e0e0e0;
- border: 1px solid #e0e0e0;
- }
- .message_btn {
- background-color: #e8e8e8;
- background-image: url(images/icons/message_btn.png);
- background-size: 25px;
- background-position: center;
- color: #6B6B6B;
- border-radius: 3px;
- width: 25px;
- height: 25px;
- float: right;
- cursor: pointer;
- border: 1px solid #e8e8e8;
- }
- .message_btn:hover {
- background-color: #e0e0e0;
- border: 1px solid #e0e0e0;
- }
- .load-more-comments, .load-more-chat {
- padding: 5px 0;
- text-align: center;
- height: 17px;
- }
- .load-more-comments a, .load-more-chat a {
- color: #999;
- text-decoration: none;
- cursor: pointer;
- }
- .load-more-comments a:hover, .load-more-chat a:hover {
- color: #666;
- }
- .load-more-comments img, .load-more-chat img {
- width: 85px;
- vertical-align: center;
- }
- .last-comment-wrong {
- border-bottom: 1px solid #eee;
- padding-bottom: 5px;
- }
- .comments_preloader {
- width: 100%;
- }
- .delete_preloader img, .comments_preloader img {
- width: 85px;
- }
- .message-reply-avatar {
- width: 32px;
- float: left;
- overflow:auto;
- }
- .message-reply-avatar img {
- border-radius: 3px;
- width: 32px;
- height: 32px;
- }
- .button-normal {
- border: 2px solid #EEE;
- background: #fff;
- color: #777;
- border-radius: 3px;
- overflow: auto;
- padding: 6px 10px 6px 10px;
- cursor: pointer;
- text-decoration: none;
- display: inline;
- text-transform: uppercase;
- }
- .button-normal:hover {
- border-color: #EEE;
- background: #EEE;
- }
- .button-normal:active {
- border-color: #fe8a46;
- background: #fe8a46;
- color: #FFF;
- }
- #load-more {
- padding: 15px 0;
- height: 30px;
- }
- .load-more-comments {
- padding: 15px 0 6px 0;
- height: 30px;
- }
- .load_more {
- text-align: center;
- padding: 3px;
- height: 13px; /* The height of preloader-retina-large */
- }
- .load_more a {
- border: 2px solid #EEE;
- background: #fff;
- color: #777;
- border-radius: 3px;
- overflow: auto;
- padding: 5px 10px;
- cursor: pointer;
- text-decoration: none;
- font-weight: bold;
- text-transform: uppercase;
- }
- .load_more a:hover {
- border-color: #EEE;
- background: #EEE;
- color: #777;
- }
- .load_more a:active {
- border-color: #fe8a46;
- background: #fe8a46;
- color: #FFF;
- }
- .load_more img {
- width: 85px;
- }
- .new-message {
- box-shadow: 0px 1px 1px #CCC;
- border: 1px solid #BFBFBF;
- background: #fff;
- color: #6B6B6B;
- border-radius: 3px;
- overflow: auto;
- padding: 5px 10px;
- cursor: pointer;
- text-decoration: none;
- text-align: center;
- }
- .new-message:hover {
- border: 1px solid #AAA;
- color: #888;
- }
- .new-message:active {
- box-shadow: #CCC 0px 1px 3px inset;
- }
- .new-message-url a {
- color: #898F9C;
- text-decoration: none;
- }
- .new-message-url a:hover {
- color: #666;
- }
- .timeago, .timeago-standard {
- color: #999;
- display: inline-block;
- }
- .timeago:hover, .timeago-standard:hover {
- color: #666
- }
- .pro-icon {
- background: url('images/icons/pro.png') no-repeat;
- }
- .pro-small {
- background-size: 13px;
- width: 13px;
- height: 13px;
- display: inline-block;
- margin: 0 0 -2px 3px;
- }
- .pro-normal {
- background-size: 17px;
- width: 17px;
- height: 17px;
- display: inline-block;
- margin: 0 0 -2px 0;
- }
- .sidebar-container {
- padding: 0 0 10px 0;
- }
- .sidebar-content {
- color: #6B6B6B;
- overflow: hidden;
- }
- .sidebar-header {
- padding: 10px 0;
- margin: 0 20px;
- font-size: 16px;
- text-transform: uppercase;
- border-bottom: 1px solid #e6e6e6;
- color: #777;
- }
- .sidebar-header a {
- color: #777;
- text-decoration: none;
- }
- .sidebar-header a:hover {
- color: #222;
- }
- .sidebar-header-extra {
- float: right;
- }
- .sidebar-header-extra a {
- color: #CCC;
- }
- .sidebar-header-extra a:hover {
- color: #fe8a46;
- }
- .sidebar-subscriptions {
- width: 33.333%;
- float: left;
- }
- .sidebar-subscriptions img {
- width: 100%;
- margin-bottom: -4px;
- }
- .sidebar-subscriptions-padding {
- padding: 5px;
- }
- .sidebar-suggestions {
- width: 100%;
- float: left;
- }
- .sidebar-suggestions a {
- text-decoration: none;
- color: #888;
- }
- .sidebar-suggestions a:hover {
- color: #000;
- }
- .sidebar-suggestions-inner {
- padding: 10px 20px 0 20px;
- overflow: auto;
- }
- .sidebar-suggestions-image {
- float: left;
- width: 35px;
- }
- .sidebar-suggestions-image img {
- width: 35px;
- border-radius: 3px;
- }
- .sidebar-suggestions-info {
- margin: 0 30px 0 45px;
- }
- .sidebar-suggestions-small {
- font-size: 11px;
- padding-top: 5px;
- cursor: default;
- }
- .sidebar-suggestions-track {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .sidebar-suggestions-track a {
- color: #333;
- }
- .sidebar-suggestions-tracks {
- background: url('images/icons/tracks_small.png') no-repeat center left;
- background-size: 12px;
- padding: 0 20px 0 15px;
- float: left;
- color: #8A8A8a;
- }
- .sidebar-suggestions-followers {
- background: url('images/icons/followers.png') no-repeat center left;
- background-size: 12px;
- padding: 0 20px 0 17px;
- float: left;
- color: #8A8A8a;
- }
- .sidebar-link img {
- vertical-align: middle;
- margin-right: 7px;
- height: 20px;
- width: 20px;
- margin-top: -3px;
- }
- .sidebar-link a {
- padding: 8px 10px 4px 10px;
- display: block;
- text-decoration: none;
- color: #8A8A8A;
- height: 23px;
- margin: 0 10px;
- border-radius: 3px;
- }
- .sidebar-link a:hover {
- background: #e8e8e8;
- color: #666;
- }
- .sidebar-link-divider {
- padding: 0 20px;
- }
- .sidebar-report a {
- color: #999;
- font-size: 12px;
- text-decoration: none;
- }
- .sidebar-report a:hover {
- color: #333;
- }
- .sidebar-tag a {
- background: #e8e8e8;
- color: #8A8A8A;
- border-radius: 3px;
- padding: 5px;
- float: left;
- margin: 0 10px 10px 0;
- text-decoration: none;
- }
- .sidebar-tag a:hover {
- background: #e0e0e0;
- color: #666;
- }
- .sidebar-stats-container {
- padding: 10px 20px 0 20px;
- font-size: 10px;
- font-weight: bold;
- color: #777;
- overflow: auto;
- }
- .sidebar-stats-box {
- width: 50%;
- float: left;
- padding-top: 13px;
- text-transform: uppercase;
- }
- .sidebar-stats-today {
- color: #fe8a46;
- }
- .sidebar-text-right {
- text-align: right;
- font-size: 20px;
- font-weight: normal;
- padding: 3px 0 0 0;
- height: 28px;
- }
- .sidebar-stats-box-right {
- text-align: right;
- }
- .upload-status-bar, .sidebar-stats-bar {
- margin-top: 13px;
- height: 6px;
- width: 100%;
- overflow: hidden;
- background: #CCC;
- float: left;
- }
- .upload-status-bar {
- margin-top: 11px;
- }
- .sidebar-stats-divider {
- margin-top: 13px;
- float: left;
- display: none;
- }
- .upload-status-bar-percentage, .sidebar-stats-bar-percentage {
- background-color: #fe8a46;
- height: 6px;
- }
- .upload-text {
- font-size: 11px;
- font-weight: bold;
- color: #777;
- overflow: auto;
- text-transform: uppercase;
- }
- .sidebar-users {
- cursor: pointer;
- }
- .sidebar-users img {
- vertical-align: middle;
- margin-right: 7px;
- border-radius: 3px;
- }
- img.sidebar-status-icon {
- height: 25px;
- width: 12px;
- }
- .sidebar-users a {
- margin-top: -1px;
- border-radius: 3px;
- padding: 5px 10px 5px 10px;
- margin: 0 10px;
- border-top: 1px solid #EEE;
- display: block;
- text-decoration: none;
- color: #898F9C;
- }
- .sidebar-users a:hover {
- background: #e8e8e8;
- color: #666;
- }
- .sidebar-link-active a, .sidebar-link-active a:hover {
- background: #e0e0e0;
- color: #666;
- }
- .sidebar-online-users {
- float: left;
- width: 25%;
- }
- .sidebar-online-users a {
- text-decoration: none;
- }
- .sidebar-online-users img {
- width: 100%;
- border-radius: 5px;
- }
- .sidebar-online-users-padding {
- padding: 10px 10px 0 0;
- }
- .sidebar-online-users-inner {
- overflow: hidden;
- padding: 0 10px 0 20px;
- }
- .plus-button {
- overflow: auto;
- background: #FFF;
- border-radius: 5px;
- border: 2px solid #BBB;
- color: #BBB;
- text-align: center;
- line-height: 40px;
- height: 42px;
- font-size: 14px;
- font-weight: bold;
- overflow: hidden;
- }
- .plus-sign {
- margin-left: -5px;
- }
- .plus-button:hover {
- color: #fff;
- background: #BBB;
- }
- .sidebar-chat-list {
- max-height: 456px;
- overflow: auto;
- }
- .sidebar-header input {
- outline: 0;
- border: 0;
- background: url('images/icons/search.png') no-repeat top right;
- background-size: 12px;
- width: 100%;
- margin: 0;
- padding: 0;
- height: 16px;
- }
- .sidebar-divider {
- height:1px;
- width: 100%;
- background: #EEE;
- float: left;
- }
- .sidebar-list {
- margin-top: -1px;
- padding: 7px 10px;
- border-top: 1px solid #EEE;
- font-size: 12px;
- }
- .sidebar-list img {
- width: 20px;
- height: 20px;
- margin-left: 3px;
- vertical-align: middle;
- }
- .sidebar-description {
- padding: 10px 20px 0 20px;
- word-wrap: break-word;
- }
- .sidebar-license {
- margin-top: 3px;
- }
- .sidebar-social-container {
- overflow: auto;
- padding: 10px 10px 0 20px;
- }
- .social-icon {
- width: 100%;
- border-radius: 3px;
- height: 34px;
- }
- .share-social-icon {
- height: 34px;
- width: 34px;
- border-radius: 3px;
- }
- .website-icon {
- background: #e0e0e0 url('images/icons/social/website.png') center center no-repeat;
- background-size: 16px;
- }
- .website-icon:hover {
- background: #888 url('images/icons/social/website_h.png') center center no-repeat;
- background-size: 16px;
- }
- .facebook-icon {
- background: #e0e0e0 url('images/icons/social/facebook.png') center center no-repeat;
- background-size: 18px;
- }
- .facebook-icon:hover {
- background: #3b579d url('images/icons/social/facebook_h.png') center center no-repeat;
- background-size: 18px;
- }
- .twitter-icon {
- background: #e0e0e0 url('images/icons/social/twitter.png') center center no-repeat;
- background-size: 20px;
- }
- .twitter-icon:hover {
- background: #55acee url('images/icons/social/twitter_h.png') center center no-repeat;
- background-size: 20px;
- }
- .gplus-icon {
- background: #e0e0e0 url('images/icons/social/gplus.png') center center no-repeat;
- background-size: 18px;
- }
- .gplus-icon:hover {
- background: #DD4B39 url('images/icons/social/gplus_h.png') center center no-repeat;
- background-size: 18px;
- }
- .youtube-icon {
- background: #e0e0e0 url('images/icons/social/youtube.png') center center no-repeat;
- background-size: 18px;
- }
- .youtube-icon:hover {
- background: #CC201F url('images/icons/social/youtube_h.png') center center no-repeat;
- background-size: 18px;
- }
- .vimeo-icon {
- background: #e0e0e0 url('images/icons/social/vimeo.png') center center no-repeat;
- background-size: 18px;
- }
- .vimeo-icon:hover {
- background: #1ab7ea url('images/icons/social/vimeo_h.png') center center no-repeat;
- background-size: 18px;
- }
- .soundcloud-icon {
- background: #e0e0e0 url('images/icons/social/soundcloud.png') center center no-repeat;
- background-size: 18px;
- }
- .soundcloud-icon:hover {
- background: #F7640F url('images/icons/social/soundcloud_h.png') center center no-repeat;
- background-size: 18px;
- }
- .lastfm-icon {
- background: #e0e0e0 url('images/icons/social/lastfm.png') center center no-repeat;
- background-size: 18px;
- }
- .lastfm-icon:hover {
- background: #D00A01 url('images/icons/social/lastfm_h.png') center center no-repeat;
- background-size: 18px;
- }
- .tumblr-icon {
- background: #e0e0e0 url('images/icons/social/tumblr.png') center center no-repeat;
- background-size: 18px;
- }
- .tumblr-icon:hover {
- background: #37465d url('images/icons/social/tumblr_h.png') center center no-repeat;
- background-size: 18px;
- }
- .myspace-icon {
- background: #e0e0e0 url('images/icons/social/myspace.png') center center no-repeat;
- background-size: 18px;
- }
- .myspace-icon:hover {
- background: #018CDD url('images/icons/social/myspace_h.png') center center no-repeat;
- background-size: 18px;
- }
- .pinterest-icon {
- background: #e0e0e0 url('images/icons/social/pinterest.png') center center no-repeat;
- background-size: 18px;
- }
- .pinterest-icon:hover {
- background: #D0383F url('images/icons/social/pinterest_h.png') center center no-repeat;
- background-size: 18px;
- }
- .email-icon {
- background: #e0e0e0 url('images/icons/social/email.png') center center no-repeat;
- background-size: 18px;
- }
- .email-icon:hover {
- background: #666 url('images/icons/social/email_h.png') center center no-repeat;
- background-size: 18px;
- }
- .social-icon-container {
- width: 20%;
- float: left;
- }
- .social-icon-padding {
- padding: 0 10px 10px 0;
- }
- .share-icon-container {
- float: left;
- }
- .share-icon-container a {
- cursor: pointer;
- }
- .share-icon-container .social-icon-padding {
- padding: 0 10px 0 0;
- }
- .sidebar-social img {
- margin-right: 3px;
- width: 16px;
- height: 16px;
- vertical-align: top;
- font-size: 12px;
- }
- .sidebar-list a {
- color: #6B6B6B;
- }
- .sidebar-avatar {
- width: 50px;
- float: left;
- }
- .sidebar-avatar img {
- border-radius: 3px;
- }
- .sidebar-avatar-desc {
- height: 42px;
- margin-left: 60px;
- padding-top: 8px;
- font-size: 12px;
- }
- .sidebar-avatar-edit a {
- font-size: 12px;
- color: #666;
- font-weight: normal;
- }
- .page-header {
- padding: 10px 0;
- margin: 0 20px;
- font-size: 16px;
- text-transform: uppercase;
- color: #777;
- border-bottom: 1px solid #EEE;
- }
- .message-form-private {
- float: right;
- }
- .private-profile-content {
- border-right: 1px solid #EEE;
- background: #fff;
- color: #6B6B6B;
- overflow: auto;
- }
- .selected-files {
- border-bottom: 1px solid #EEE;
- padding: 5px 10px;
- display: none;
- color: #a9a9a9;
- }
- .header-loader {
- float: right;
- margin-top: 7px !important;
- }
- .chat-container {
- height: 410px;
- padding: 0 20px;
- overflow: auto;
- }
- .chat-form-inner {
- padding: 10px 20px;
- }
- .chat-form-inner input {
- border: 0;
- outline: 0;
- width: 100%;
- resize: none;
- height: 25px;
- min-height: 25px;
- max-width: 100%;
- overflow: hidden;
- }
- .chat-error {
- padding: 10px 0;
- }
- textarea {
- width: 100%;
- max-width: 500px;
- height: 100px;
- box-sizing: border-box;
- }
- .logo {
- height: 94px;
- width: 235px;
- float: left;
- margin: 5px 10px 5px 0;
- background: url('images/logo.png') no-repeat;
- background-size: 235px 45px;
- }
- .info {
- border: 1px solid #38A8FF;
- background: #BEDBFF;
- border-radius: 3px;
- color: #2A4E9B;
- width: 91%;
- padding: 5px 7px;
- }
- .page-settings-container {
- border-right: 1px solid #e6e6e6;
- border-left: 1px solid #e6e6e6;
- border-bottom: 1px solid #e6e6e6;
- margin: 0 0 -1px 0;
- background: #FFF;
- }
- .page-login-container {
- border-left: 1px solid #e6e6e6;
- border-right: 1px solid #e6e6e6;
- }
- .page-container {
- }
- .page-content {
- background: #fff;
- color: #6B6B6B;
- overflow: auto;
- }
- .page-inner {
- padding: 10px 20px;
- overflow: auto;
- }
- .page-input-container {
- width: 100%;
- overflow: auto;
- padding: 10px 0;
- }
- .page-input-container input, .page-input-container select, .page-input-container textarea, input.playlist-input {
- padding: 6px 8px;
- border: 2px solid #EEE;
- border-radius: 3px;
- outline: none;
- margin: 0;
- }
- .page-input-container input:hover, .page-input-container select:hover, .page-input-container textarea:hover {
- border: 2px solid #CCC;
- }
- .page-input-container input:focus, .page-input-container select:focus, .page-input-container textarea:focus {
- border: 2px solid #fe8a46;
- }
- .page-input-container input[type="submit"] {
- margin-top: 0;
- }
- .page-input-content {
- width: 100%;
- padding-left: 95px;
- box-sizing: border-box;
- }
- .page-input-left {
- padding-left: 0;
- }
- .page-input-title, .page-input-title-img {
- text-align: right;
- width: 85px;
- margin-right: 10px;
- margin-top: 6px;
- display: inline-block;
- vertical-align: top;
- float: left;
- color: #444;
- }
- .page-input-title-img img {
- border-radius: 3px;
- margin-top: 5px;
- }
- .page-input-sub {
- color: #666;
- font-size: 11px;
- padding-top: 4px;
- }
- .report-checkbox {
- padding-bottom: 10px;
- max-width: 500px;
- }
- .report-checkbox textarea {
- min-height:100px;
- }
- .report-checkbox input {
- float: left;
- }
- .report-checkbox label {
- padding-left: 5px;
- }
- .page-title {
- font-size: 18px;
- }
- .page-input-title-img-wall {
- width: 100%;
- }
- .page-input-title-img-wall img {
- width: 100%;
- }
- .stats-boxes-container {
- overflow: auto;
- width: 100%;
- padding-bottom: 10px;
- }
- .container-short {
- overflow: auto;
- }
- .container {
- padding: 15px 0;
- overflow: auto;
- width: 100%;
- float: left;
- }
- .chart-container {
- padding-left: 15px;
- }
- .chart img {
- width: 100%;
- }
- .preloader {
- padding: 10px 0;
- width: 36px;
- height: 36px;
- margin: 0 auto;
- }
- .preloader-normal {
- width: 110px;
- height: 10px;
- }
- .preloader-dark {
- width: 110px;
- height: 10px;
- background: url('images/preloader_dark.gif');
- }
- .preloader-retina {
- width: 85px;
- height: 8px;
- background: url('images/preloader.gif');
- background-size: 85px 8px;
- }
- .preloader-retina-large {
- width: 110px;
- height: 10px;
- background: url('images/preloader.gif');
- background-size: 110px 10px;
- }
- .preloader-center {
- margin: 0 auto;
- }
- .preloader-left {
- display: inline-block;
- }
- .retrieving-results {
- display: inline;
- }
- .footer {
- padding: 0px 0 55px 0;
- }
- .footer-container {
- font-size: 13px;
- color: #919191;
- padding: 10px 0;
- }
- .footer-links, .footer-languages {
- padding-bottom: 5px;
- }
- .footer-links a, .footer-languages a {
- color: #7E7E7E;
- }
- .footer-links a:hover, .footer-languages a:hover {
- color: #444;
- }
- .footer-links span:not(:last-child):after, .footer-languages span:not(:last-child):after {
- content: " - ";
- }
- .pages-content {
- padding: 20px;
- }
- .text-inputs {
- padding: 3px 0;
- }
- .ads1 {
- margin-top: 10px;
- width: 100%;
- height: auto;
- float: left;
- }
- .info-message {
- width: 100%;
- text-align: center;
- padding: 20px 0;
- font-size: 16px;
- }
- .error {
- padding: 5px;
- border: 1px solid #cc0000;
- background: #ffc0cf;
- color: #b40a34;
- border-radius: 3px;
- margin: 0 0 10px 0;
- }
- .theme-content {
- color: #999;
- width: 100%;
- float: left;
- }
- .theme-inner {
- padding: 10px 0;
- }
- .theme-icon {
- width: 60px;
- float: left;
- overflow: auto;
- }
- .theme-icon img {
- border-radius: 3px;
- width: 60px;
- }
- .theme-top {
- padding: 5px 0 5px 70px;
- }
- .forgot-password {
- padding-top: 4px;
- float: right;
- font-size: 12px;
- }
- .forgot-password a {
- color: #AAA;
- }
- .forgot-password a:hover {
- color: #666;
- }
- .register-captcha img {
- border-radius: 3px;
- width: 75px;
- float: right;
- border: 2px solid #EEE;
- }
- .welcome-content {
- background: #fff;
- border: 0;
- padding: 30px 0;
- }
- .welcome-full {
- padding: 30px 0;
- width: 100%;
- border-top: 1px solid #e6e6e6;
- border-bottom: 1px solid #e6e6e6;
- }
- .welcome-pro {
- padding: 30px 0;
- border-top: 1px solid #e6e6e6;
- }
- .welcome-inner {
- overflow: auto;
- padding: 0 20px;
- }
- .welcome-track {
- width: 10%;
- float: left;
- }
- .welcome-track a {
- float: left;
- overflow: hidden;
- }
- .welcome-track img {
- width: 100%;
- vertical-align: middle;
- }
- .welcome-message {
- float: left;
- width: 100%;
- color: #FFF;
- margin-top: 50px;
- text-align: center;
- }
- .welcome-title {
- font-size: 32px;
- }
- .welcome-desc {
- font-size: 16px;
- padding-top: 20px;
- }
- .welcome-button {
- margin: 75px auto 75px auto;
- width: 200px;
- min-height: 40px;
- text-transform: uppercase;
- }
- .welcome-button a {
- padding: 10px 20px;
- border: 2px solid #FFF;
- color: #FFF;
- border-radius: 3px;
- font-weight: bold;
- cursor: pointer;
- display: inline-block;
- }
- .welcome-button a:hover {
- background: #FFF;
- border: 2px solid #FFF;
- color: #fe8a46;
- }
- .welcome-learn {
- margin: 0 auto 3px auto;
- font-size: 14px;
- }
- .welcome-arrow {
- padding: 0 0 40px 0;
- background: url('images/downarrow_large.png') center bottom no-repeat;
- background-size: 25px;
- width: 25px;
- margin: 0 auto;
- cursor: pointer;
- }
- .welcome-bar {
- border-bottom: 1px solid #e6e6e6;
- padding: 20px 0;
- background: #fff;
- }
- .welcome-menu {
- text-align: center;
- font-weight: bold;
- text-transform: uppercase;
- }
- .welcome-menu a {
- color: #888;
- margin: 0 10px 0 10px;
- border: 2px solid #eee;
- padding: 7px 10px;
- border-radius: 3px;
- }
- .welcome-menu a:hover {
- background: #EEE;
- color: #555;
- }
- .welcome-box {
- width: 33.333%;
- float: left;
- box-sizing: border-box;
- padding: 10px 10px 0 10px;
- }
- .welcome-box-section {
- color: #fe8a46;
- font-size: 20px;
- font-weight: bold;
- text-transform: uppercase;
- text-align: center;
- }
- .welcome-centered-text {
- text-align: center;
- }
- .welcome-full-section {
- color: #666;
- font-size: 20px;
- margin-bottom: 20px;
- font-weight: bold;
- text-transform: uppercase;
- text-align: center;
- }
- .welcome-box-title {
- font-size: 15px;
- font-weight: bold;
- text-transform: uppercase;
- text-align: center;
- color: #666;
- }
- .welcome-box-desc {
- padding: 10px 0 0 0;
- font-size: 15px;
- color: #666;
- text-align: center;
- }
- .feature-image {
- width: 32px;
- height: 32px;
- margin: 20px auto 15px auto;
- border-radius: 5px;
- padding: 10px;
- }
- .features-upload {
- background: #f1f1f1 url('images/icons/features/upload.png') center center no-repeat;
- background-size: 32px;
- }
- .features-audience {
- background: #f1f1f1 url('images/icons/features/audience.png') center center no-repeat;
- background-size: 32px;
- }
- .features-stats {
- background: #f1f1f1 url('images/icons/features/stats.png') center center no-repeat;
- background-size: 32px;
- }
- .features-explore {
- background: #f1f1f1 url('images/icons/features/explore.png') center center no-repeat;
- background-size: 32px;
- }
- .features-share {
- background: #f1f1f1 url('images/icons/features/share.png') center center no-repeat;
- background-size: 32px;
- }
- .features-organize {
- background: #f1f1f1 url('images/icons/features/organize.png') center center no-repeat;
- background-size: 32px;
- }
- .notification-box {
- padding: 5px 10px 10px 10px;
- border: 0px solid;
- position: relative;
- margin: 10px 20px 0 20px;
- color: #fff;
- border-radius: 3px;
- }
- .notification-box a {
- color: #FFF;
- }
- .notification-box a:hover {
- color: #F6F6F6;
- }
- .notification-box-modal {
- margin: 10px 10px 0 10px;
- }
- .notification-box h5 {
- font-size: 20px;
- margin: 0;
- }
- .notification-box-error {
- background: #FF5757;
- }
- .notification-box-success {
- background: #27ae60;
- }
- .notification-box-info {
- background: #3498db;
- }
- .notification-box > p {
- padding-top: 5px;
- padding-right: 20px;
- margin: 0;
- }
- .notification-close {
- padding: 5px 4px;
- position: absolute;
- right: 0;
- top: 5px;
- background: url(images/icons/close.png) no-repeat center left;
- background-size: 17px;
- width: 17px;
- height: 17px;
- cursor: pointer;
- opacity: 0.75;
- }
- .notification-close:hover {
- opacity: 1;
- }
- .notification-container {
- max-width: 1120px;
- width: 100%;
- margin: 0 auto;
- display: none;
- top: 55px;
- color: #999;
- padding: 0 10px;
- box-sizing: border-box;
- }
- .notification-content {
- background: #FFF;
- border: 1px solid #e6e6e6;
- max-width: 350px;
- width: 100%;
- float: right;
- }
- .notification-content a {
- color: #666;
- text-decoration: none;
- }
- .notification-content a:hover {
- color: #000;
- }
- .notification-inner {
- padding: 10px;
- }
- .notification-container .notification-row {
- float: left;
- width: 100%;
- border-top: 1px solid #EEE;
- border-right: 0;
- }
- .notification-row {
- float: left;
- width: 100%;
- }
- .notification-image {
- float: left;
- }
- .notification-text {
- padding-left: 39px;
- }
- .notification-text img {
- vertical-align: bottom;
- width: 15px;
- height: 15px;
- }
- .notification-text .chat-snippet {
- font-style: italic;
- word-wrap: break-word;
- }
- .notification-container .notification-unread {
- background: #F1F1F1;
- }
- .notification-unread {
- background: #F1F1F1;
- }
- .notification-container .notification-padding {
- padding: 5px 10px;
- overflow: auto;
- }
- .notification-padding {
- padding: 10px 20px;
- overflow: auto;
- }
- #notifications-content .timeago {
- float: none;
- }
- #notifications-content .timeago:hover {
- text-decoration: none;
- color: #999;
- cursor: default;
- }
- #notifications-content img.notifications {
- height: 33px;
- width: 33px;
- border-radius: 3px;
- margin-right: 5px;
- }
- #notifications-content {
- max-height: 435px;
- overflow: auto;
- }
- #notifications-page .timeago {
- float: none;
- }
- #notifications-page .timeago:hover {
- text-decoration: none;
- }
- #notifications-page img.notifications {
- height: 33px;
- width: 33px;
- border-radius: 3px;
- margin-right: 5px;
- }
- .sidebar-button-container {
- width: 100%;
- }
- .sidebar-button-container a {
- text-decoration: none;
- }
- .edit-button, .back-button {
- margin: 20px 20px 10px 20px;
- border: 2px solid #27AE60;
- height: 50px;
- border-radius: 5px;
- text-align: center;
- line-height: 48px;
- color: #27AE60;
- cursor: pointer;
- }
- .edit-icon {
- background: url('images/icons/edit_n.png') no-repeat;
- background-size: 20px;
- width: 32px;
- padding: 0 15px 10px 15px;
- margin-left: -10px;
- }
- .edit-button:hover {
- background: #27AE60;
- border-color: #27AE60;
- color: #FFF;
- }
- .edit-button:hover .edit-icon {
- background: url('images/icons/edit_h.png') no-repeat;
- background-size: 20px;
- width: 32px;
- padding: 0 15px 10px 15px;
- margin-left: -10px;
- }
- .back-icon {
- background: url('images/icons/back_n.png') no-repeat;
- background-size: 20px;
- width: 32px;
- padding: 0 15px 10px 15px;
- margin-left: -10px;
- }
- .back-button:hover {
- background: #27AE60;
- border-color: #27AE60;
- color: #FFF;
- }
- .back-button:hover .back-icon {
- background: url('images/icons/back_h.png') no-repeat;
- background-size: 20px;
- width: 32px;
- padding: 0 15px 10px 15px;
- margin-left: -10px;
- }
- .upload-button {
- margin: 20px 20px 10px 20px;
- border: 2px solid #fe8a46;
- height: 50px;
- border-radius: 5px;
- text-align: center;
- line-height: 48px;
- color: #fe8a46;
- cursor: pointer;
- text-transform: uppercase;
- font-weight: bold;
- }
- .upload-button:hover {
- background: #fe8a46;
- border-color: #fe8a46;
- color: #FFF;
- }
- .upload-icon {
- background: url('images/icons/upload_n.png') no-repeat;
- background-size: 22px;
- width: 32px;
- padding: 0 20px 10px 15px;
- margin-left: -10px;
- }
- .upload-button:hover .upload-icon {
- background: url('images/icons/upload_h.png') no-repeat;
- background-size: 22px;
- width: 32px;
- padding: 0 20px 10px 15px;
- margin-left: -10px;
- }
- .sidebar-fa-image {
- float: left;
- }
- .sidebar-fa-image img {
- width: 30px;
- height: 30px;
- border-radius: 3px;
- }
- .sidebar-fa-text {
- font-size: 12px;
- padding-left: 37px;
- }
- .sidebar-fa-text .timeago {
- float: none;
- display: inline-block;
- }
- .sidebar-fa-content {
- max-height: 336px;
- overflow: auto;
- }
- .sidebar-fa-content a {
- color: #666;
- }
- .sidebar-fa-content .notification-row {
- border: 0;
- }
- .sidebar-fa-content .notification-padding {
- padding: 10px 20px 0px 20px;
- }
- .input_hidden {
- position: absolute;
- left: -9999px;
- }
- .selected {
- background-color: #DFDFDF;
- }
- #values {
- float: left;
- }
- #values label {
- display: inline-block;
- cursor: pointer;
- }
- #values label:hover {
- background-color: #efefef;
- }
- #values label img {
- padding: 7px 5px 6px 5px;
- width: 24px;
- height: 24px;
- }
- .button-image {
- width: 34px;
- height: 40px;
- background-image: url('images/icons/events/camera.png');
- background-repeat: no-repeat;
- background-position: 50% 35%;
- overflow: hidden;
- float: left;
- cursor: pointer;
- margin-right: 4px;
- background-size: 24px;
- }
- .button-image:hover {
- background-color: #efefef;
- }
- .inputImage {
- opacity: 0.0;
- height: 40px;
- cursor: pointer;
- width: 33px; /* Move it to the left so that the cursor: pointer gets active (it sends the Choose file outside of the view) */
- }
- #notifications_btn, #messages_btn {
- cursor: pointer;
- width: 16px;
- }
- .notificatons-number-container {
- float: left;
- margin-right: 5px;
- }
- .admin-notifications-number {
- background: #FF3434;
- padding: 3px 5px;
- border-radius: 3px;
- font-weight: normal;
- color: #FFF;
- font-size: 10px;
- margin-left: 3px;
- }
- .notifications-number {
- background: #FF3434;
- border-radius: 3px;
- padding: 2px 3px;
- font-size: 10px;
- position: absolute;
- margin: -30px 0 0 9px;
- color: #fff;
- }
- #more_users, #more_reports, #more_payments {
- width: 100%;
- float: left;
- padding: 15px 0;
- }
- #share, #playlist, #delete, #connect {
- position:fixed;
- z-index: 101;
- top:50%;
- left:50%;
- margin:-150px 0 0 -150px;
- width: 300px;
- display: none;
- }
- #playlists {
- max-height: 138px;
- }
- .modal-input input {
- border: 2px solid #EEE;
- padding: 5px;
- border-radius: 3px;
- width: 100%;
- box-sizing: border-box;
- -webkit-appearance: none;
- outline: 0;
- }
- .modal-input input:hover {
- border-color: #CCC;
- }
- .modal-input input:focus, .modal-input input:active {
- border-color: #fe8a46;
- }
- .modal-checkbox input {
- margin: 5px 5px 0 0;
- float: left;
- }
- .modal-checkbox label {
- margin-top: 2px;
- float: left;
- }
- .modal-connect input {
- margin: 0 0 7px 0;
- }
- .modal-captcha {
- display: inline-block;
- }
- .modal-captcha input {
- width: 195px;
- }
- .modal-background {
- width: 100%;
- height: 100%;
- background: rgba(255, 255, 255, 0.7);
- position: fixed;
- overflow: auto;
- left: 0;
- top: 0;
- display: none;
- z-index: 100;
- }
- .modal-container {
- background: #fff;
- width: 300px;
- border: 1px solid #e6e6e6;
- border-radius: 3px;
- overflow: auto;
- }
- .modal-inner {
- padding: 10px;
- overflow: auto;
- width: 100%;
- box-sizing: border-box;
- }
- .modal-menu-container {
- padding: 10px 10px 0 10px;
- overflow: auto;
- }
- .modal-menu-item {
- color: #777;
- padding: 7px 10px;
- cursor: pointer;
- margin: 0 10px 10px 0;
- border: 2px solid #EEE;
- border-radius: 3px;
- font-weight: bold;
- text-transform: uppercase;
- float: left;
- }
- .modal-menu-item:last-child {
- margin-right: 0;
- }
- .modal-menu-item:hover {
- background: #EEE;
- border-color: #EEE;
- color: #777;
- }
- .modal-menu-item-active {
- background: #fe8a46;
- border-color: #fe8a46;
- color: #FFF;
- }
- .modal-loading, .header-loader {
- width: 110px;
- height: 10px;
- background: url('images/preloader.gif');
- background-size: 110px 10px;
- float: right;
- margin-top: 12px;
- display: none;
- }
- .modal-desc {
- padding: 0 0 5px 0;
- color: #666;
- }
- .modal-desc img {
- width: 85px;
- }
- .modal-btn {
- margin: 10px 10px 10px 0;
- overflow: auto;
- float: right;
- }
- .modal-btn a {
- float: right;
- border-radius: 3px;
- padding: 5px 10px;
- color: #777;
- cursor: pointer;
- text-decoration: none;
- border: 2px solid #EEE;
- font-weight: bold;
- text-transform: uppercase;
- }
- .modal-btn a:hover {
- border-color: #EEE;
- background: #EEE;
- }
- .modal-btn a:active {
- background: #fe8a46;
- border-color: #fe8a46;
- color: #FFF;
- }
- .modal-btn-active a {
- color: #fe8a46;
- border-color: #fe8a46;
- }
- .modal-btn-active a:hover {
- border-color: #fe8a46;
- background: #fe8a46;
- color: #FFF;
- }
- .modal-btn-enable a {
- color: #27AE60;
- border-color: #27AE60;
- }
- .modal-btn-enable a:hover {
- border-color: #27AE60;
- background: #27AE60;
- color: #FFF;
- }
- .modal-btn-facebook a {
- color: #3B579D;
- border-color: #3B579D;
- }
- .modal-btn-facebook a:hover {
- border-color: #3B579D;
- background: #3B579D;
- color: #FFF;
- }
- .tab-share, .tab-embed, .tab-login, .tab-register {
- display: none;
- }
- .tab-delete {
- padding: 5px 0;
- width: 100%;
- }
- .dummy-player {
- width: 100%;
- padding-bottom: 10px;
- overflow: auto;
- }
- .dummy-artwork {
- float: left;
- }
- .dummy-artwork img {
- width: 50px;
- border-radius: 3px;
- }
- .dummy-play-btn {
- float: left;
- background: url("images/player.png") 0 0 no-repeat;
- background-size: 60px;
- height: 20px;
- width: 20px;
- margin-left: 10px;
- }
- .dummy-author {
- float: left;
- width: 80px;
- height: 7px;
- background: #d9d9d9;
- margin: 0 0 4px 6px;
- }
- .dummy-title {
- float: left;
- width: 140px;
- height: 9px;
- background: #c2c2c2;
- margin: 0 0 0 6px;
- }
- .dummy-seek {
- float: left;
- width: 220px;
- height: 3px;
- background: #c2c2c2;
- margin: 7px 0 0 10px;
- border-radius: 2px;
- }
- .dummy-avatars {
- float: left;
- width: 10px;
- height: 10px;
- background: #c2c2c2;
- margin: 10px 0 0 10px;
- border-radius: 2px;
- }
- .playlist-entry {
- padding: 5px 8px 5px 26px;
- margin: 0 0 5px 0;
- border: 2px solid #EEE;
- width: 100%;
- box-sizing: border-box;
- float: left;
- display: inline;
- border-radius: 3px;
- cursor: pointer;
- background: url('images/icons/playlist_add.png') 5px center no-repeat;
- background-size: 17px;
- color: #777777;
- font-size: 12px;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- .playlist-entry:hover {
- background: url('images/icons/playlist_add.png') 5px center no-repeat;
- background-size: 17px;
- color: #000;
- border-color: #CCC;
- }
- .playlist-entry-loading {
- padding: 5px 8px 5px 26px;
- margin: 0 0 5px 0;
- border: 2px solid #EEE;
- width: 100%;
- box-sizing: border-box;
- float: left;
- display: inline;
- border-radius: 3px;
- cursor: pointer;
- color: #777777;
- font-size: 12px;
- background: url('images/loader.gif') 5px center no-repeat;
- background-size: 17px;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- .playlist-added {
- background: url('images/icons/playlist_added.png') 5px center no-repeat;
- background-size: 17px;
- color: #000;
- border-color: #fe8a46;
- }
- .playlist-added:hover {
- background: url('images/icons/playlist_remove.png') 5px center no-repeat;
- background-size: 17px;
- color: #000;
- border-color: #CCC;
- }
- input.playlist-input {
- -webkit-appearance: none;
- padding: 5px 8px;
- min-width: 100px;
- float: left;
- }
- input.playlist-input:hover {
- border-color: #CCC;
- }
- input.playlist-input:focus, input.playlist-input:active {
- border-color: #fe8a46;
- }
- .playlist-save {
- color: #777;
- font-weight: bold;
- padding: 5px 10px;
- margin-left: 10px;
- float: left;
- box-sizing: border-box;
- overflow: hidden;
- }
- .playlist-save:hover {
- border-color: #EEE;
- background: #EEE;
- }
- .playlist-save:active {
- background: #fe8a46;
- border-color: #fe8a46;
- color: #FFF;
- }
- #profile-card {
- background: #fff;
- border: 1px solid #E6E6E6;
- width: 300px;
- margin: 0 auto;
- border-radius: 3px;
- position: absolute;
- display: none;
- z-index: 999;
- }
- #profile-card .preloader-retina {
- margin-bottom: 10px;
- }
- .profile-card-padding {
- padding: 20px 10px 10px 10px;
- }
- .profile-card-cover img {
- width: 100%;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .profile-card-avatar {
- margin: -94px 0 0 10px;
- }
- .profile-card-avatar a {
- height: 80px;
- width: 80px;
- }
- .profile-card-avatar img {
- width: 80px;
- height: 80px;
- border-radius: 3px;
- }
- .profile-card-info {
- margin: -93px 0 0 100px;
- height: 100px;
- position: relative;
- }
- .profile-card-info .cover-text-container {
- font-size: 16px;
- color: #FFF;
- position: relative;
- margin: 0;
- }
- .profile-card-buttons {
- overflow: auto;
- right: 0;
- padding: 10px 10px 10px 10px;
- }
- .profile-card-buttons img {
- width: 12px;
- }
- .profile-card-buttons .sub-loading {
- border: 1px solid #DDD;
- }
- .profile-card-buttons-container {
- width: 60px;
- float: right;
- }
- .profile-card-stats {
- float: left;
- font-size: 15px;
- color: #666;
- margin: 3px 15px 0 3px;
- vertical-align: top;
- }
- .profile-card-stats img {
- margin-right: 5px;
- cursor: pointer;
- }
- .profile-card-stats a {
- color: #666;
- text-decoration: none;
- }
- .profile-card-username {
- overflow: auto;
- float: left;
- padding-top: 10px;
- }
- .profile-card-username img {
- width: 13px;
- height: 13px;
- }
- .profile-card-location {
- overflow: auto;
- color: #FFF;
- float: left;
- min-width: 180px;
- }
- .track-likes {
- padding: 7px 0 4px 0;
- }
- .likes-plus {
- background: url('images/icons/likes_plus.png') no-repeat;
- background-size: 25px;
- overflow: auto;
- width: 25px;
- height: 25px;
- display: inline-block;
- border-radius: 3px;
- }
- .track-stats {
- float: right;
- padding-top: 10px;
- }
- .track-buttons-container {
- font-size: 12px;
- float: left;
- padding-top: 5px;
- }
- a.menu-button {
- color: #888;
- float: left;
- text-decoration: none;
- margin: 10px 5px 0 5px;
- padding: 7px 10px;
- text-transform: uppercase;
- border-radius: 3px;
- font-weight: bold;
- border: 2px solid #EEE;
- }
- a.menu-button:hover {
- color: #555;
- background: #EEE;
- }
- a.menu-button-active {
- color: #FFF;
- background: #fe8a46;
- border: 2px solid #fe8a46;
- }
- a.menu-button-active:hover {
- color: #FFF;
- background: #fe8a46;
- border: 2px solid #fe8a46;
- }
- #topbar-track-info {
- padding: 10px 20px;
- overflow: auto;
- }
- #topbar-artwork {
- background: #CCC;
- top: 10px;
- width: 35px;
- height: 35px;
- float: left;
- border-radius: 3px;
- }
- #topbar-artwork img {
- width: 35px;
- height: 35px;
- border-radius: 3px;
- }
- #topbar-track-details {
- margin-left: 45px;
- box-sizing: border-box;
- }
- .topbar-song-name {
- font-size: 12px;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- }
- .topbar-author-name {
- font-size: 10px;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- }
- .topbar-author-name a {
- color: #8D8D8D;
- }
- .topbar-author-name a:hover {
- color: #000;
- }
- #loading-bar {
- position: fixed;
- z-index: 2147483647;
- top: 0;
- left: -6px;
- width: 0;
- height: 3px;
- background: #fe8a46;
- background: linear-gradient(to right, #fe8a46, #f26295);
- -moz-border-radius: 1px;
- -webkit-border-radius: 1px;
- border-radius: 1px;
- -moz-transition: width 500ms ease-out,opacity 400ms linear;
- -ms-transition: width 500ms ease-out,opacity 400ms linear;
- -o-transition: width 500ms ease-out,opacity 400ms linear;
- -webkit-transition: width 500ms ease-out,opacity 400ms linear;
- transition: width 500ms ease-out,opacity 400ms linear;
- }
- #loading-bar dd, dt {
- position: absolute;
- -moz-box-shadow: #fe8a46 1px 0 6px 1px;
- -ms-box-shadow: #fe8a46 1px 0 6px 1px;
- -webkit-box-shadow: #fe8a46 1px 0 6px 1px;
- box-shadow: #fe8a46 1px 0 6px 1px;
- }
- #loading-bar dd {
- opacity: .6;
- width: 20px;
- right: 0;
- clip: rect(-6px,22px,14px,10px);
- }
- #loading-bar dt {
- opacity: .6;
- width: 180px;
- right: -80px;
- clip: rect(-6px,90px,14px,-6px);
- }
- #content {
- border-bottom: 1px solid #e6e6e6;
- background: #f1f1f1;
- }
- .body-content {
- }
- .song-container {
- overflow: auto;
- padding: 20px;
- }
- .song-container-page {
- border-bottom: none;
- }
- .song-container a, .embed-container a {
- text-decoration: none;
- }
- .song-top {
- padding: 0 0 0 132px;
- min-height: 38px;
- }
- .song-play-btn {
- width: 35px;
- height: 35px;
- float: left;
- background: url('images/player.png') no-repeat 0 0;
- background-size: 105px;
- cursor: pointer;
- text-indent: -9999px;
- }
- .song-play-btn:hover {
- background: url('images/player.png') no-repeat -35px 0;
- background-size: 105px;
- }
- .player-controls a.jp-play, .player-controls a.jp-pause {
- width: 35px;
- height: 35px;
- text-indent: -9999px;
- position: absolute;
- margin-top: -35px;
- left: 0;
- outline: 0;
- cursor: pointer;
- }
- .player-controls a.jp-play {
- background: url('images/player.png') no-repeat -70px 0;
- background-size: 105px;
- }
- .player-controls a.jp-play:hover {
- background: url('images/player.png') no-repeat -35px 0;
- background-size: 105px;
- }
- .player-controls a.jp-pause {
- background: url('images/player.png') no-repeat -70px -35px;
- background-size: 105px;
- display: none;
- }
- .player-controls a.jp-pause:hover {
- background: url('images/player.png') no-repeat -35px -35px;
- background-size: 105px;
- }
- .player-controls div.jp-audio div.jp-progress {
- top: 15px;
- }
- .song-art {
- float: left;
- }
- .song-art a {
- float: left; /* Cover the whole image with anchor */
- }
- .song-art img, .track-likes img {
- border-radius: 3px;
- }
- .song-titles {
- padding: 0 0 0 45px;
- }
- .song-title {
- font-size: 15px;
- word-wrap: break-word;
- }
- .song-timeago {
- overflow: auto;
- float: right;
- font-size: 12px;
- }
- .song-author {
- font-size: 13px;
- color: #868686;
- }
- .song-author a {
- color: #999;
- }
- .song-author a:hover {
- color: #666;
- }
- .song-tag {
- float: right;
- font-size: 12px;
- margin-top: 4px;
- }
- .song-tag a {
- background: #EEE;
- color: #8A8A8A;
- border-radius: 3px;
- padding: 3px 5px;
- text-decoration: none;
- }
- .song-tag a:hover {
- background: #DDD;
- color: #666;
- }
- .song-container div.jp-audio div.jp-type-single div.jp-progress, .song-container div.jp-audio div.jp-type-single div.jp-time-holder, .embed-container div.jp-audio div.jp-type-single div.jp-progress, .embed-container div.jp-audio div.jp-type-single div.jp-time-holder {
- left: 0;
- width: 100%;
- color: #8D8D8D;
- }
- .song-container div.jp-audio, .embed-container div.jp-audio {
- width: 100%;
- }
- .song-container .jp-audio, .embed-container .jp-audio {
- display: block;
- }
- .player-controls {
- padding: 0 0 10px 132px;
- }
- .song-container div.jp-audio div.jp-time-holder, .embed-container div.jp-audio div.jp-time-holder {
- top: 25px;
- }
- .embed-container {
- background: #FFF;
- overflow: auto;
- }
- .embed-container .track-likes {
- padding: 23px 0 0 0;
- margin-bottom: 0;
- }
- .embed-powered-by {
- overflow: auto;
- float: right;
- }
- .embed-powered-by a {
- color: #999;
- }
- .embed-powered-by a:hover {
- color: #666;
- }
- .embed-error-title {
- margin: 0 auto;
- padding-top: 80px;
- width: 250px;
- text-align: center;
- }
- .embed-error-desc {
- margin: 0 auto;
- padding-top: 5px;
- width: 250px;
- text-align: center;
- }
- .embed-error a {
- color: #FFF;
- text-decoration: none;
- }
- .embed-error a:hover {
- color: #F6F6F6;
- }
- .user-stats {
- color: #444;
- }
- .stats-column-title {
- font-weight: bold;
- }
- .user-stats-row {
- padding: 10px 20px 0 0;
- }
- .user-stats-row-count {
- width: 20px;
- color: #999;
- font-weight: bold;
- display: block;
- float: left;
- }
- .user-stats-title {
- display: inline-block;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- width: 80%;
- box-sizing: border-box;
- padding-right: 5px;
- }
- .user-stats-title a {
- text-decoration: none;
- }
- .user-stats-title img {
- width: 17px;
- height: 17px;
- padding-right: 3px;
- }
- .user-stats-count {
- display: inline-block;
- min-width: 25px;
- text-align: right;
- float: right;
- font-weight: bold;
- }
- .small-info {
- padding-top: 10px;
- font-size: 12px;
- color: #777;
- width: 100%;
- display: inline-block;
- }
- .track-info-container {
- padding: 20px;
- overflow: auto;
- }
- .track-info-art {
- float: left;
- width: 112px;
- }
- .track-info-inputs {
- padding: 0 0 0 132px;
- }
- .track-info-input {
- padding: 0 0 15px 0;
- overflow: auto;
- }
- .track-info-title {
- float: left;
- width: 100%;
- }
- .track-info-input input, .track-info-input textarea, .track-info-input select {
- padding: 6px 8px;
- border: 2px solid #EEE;
- border-radius: 3px;
- outline: none;
- margin: 0;
- width: 100%;
- max-width: none;
- margin-top: 5px;
- float: left;
- box-sizing: border-box;;
- }
- .track-info-input input:hover, .track-info-input textarea:hover {
- border-color: #CCC;
- }
- .track-info-input input:focus, .track-info-input textarea:focus {
- border-color: #fe8a46;
- }
- .track-info-input select {
- width: 100px;
- display: block;
- margin-right: 10px;
- }
- .track-info-input select:hover {
- border-color: #CCC;
- }
- .track-info-input select:focus {
- border-color: #fe8a46;
- }
- .track-info-input input[type="radio"] {
- width: auto;
- margin: 3px 5px 0 0;
- float: left;
- display: block;
- border: 0;
- }
- .track-info-radio, .license-container {
- width: 100%;
- margin-top: 5px;
- float: left;
- }
- .license-container {
- margin-top: 10px;
- }
- .license-box-container {
- width: 50%;
- overflow: auto;
- float: left;
- padding-right: 10px;
- padding-bottom: 10px;
- box-sizing: border-box;
- }
- .license-box-container:last-child {
- padding-right: 0;
- }
- .license-box-content {
- border: 2px solid #EEE;
- padding: 10px 10px 10px 35px;
- background: url('images/icons/playlist_add.png') 10px 10px no-repeat;
- background-size: 17px;
- cursor: pointer;
- border-radius: 5px;
- }
- .license-box-content:hover {
- background: url('images/icons/playlist_add.png') 10px 10px no-repeat;
- background-size: 17px;
- border-color: #CCC;
- }
- .license-box-active {
- background: url('images/icons/playlist_added.png') 10px 10px no-repeat;
- background-size: 17px;
- border-color: #fe8a46;
- }
- .license-box-active:hover {
- background: url('images/icons/playlist_remove.png') 10px 10px no-repeat;
- background-size: 17px;
- border-color: #CCC;
- }
- .license-box-title {
- color: #666;
- }
- .license-box-desc {
- color: #999;
- font-size: 12px;
- padding-top: 5px;
- width: 100%;
- overflow: auto;
- }
- .license-icon {
- width: 15px;
- height: 15px;
- display: inline-block;
- }
- .license-cc-icon {
- background: url('images/icons/license_cc.png') no-repeat;
- background-size: 15px;
- }
- .license-at-icon {
- background: url('images/icons/license_at.png') no-repeat;
- background-size: 15px;
- }
- .license-nc-icon {
- background: url('images/icons/license_nc.png') no-repeat;
- background-size: 15px;
- }
- .license-nd-icon {
- background: url('images/icons/license_nd.png') no-repeat;
- background-size: 15px;
- }
- .license-sa-icon {
- background: url('images/icons/license_sa.png') no-repeat;
- background-size: 15px;
- }
- .edit-menu {
- margin: 0 0 10px 0;
- overflow: auto;
- border-bottom: 1px solid #EEE;
- }
- .edit-menu-item {
- color: #777;
- padding: 7px 10px;
- float: left;
- cursor: pointer;
- margin: 0 10px 10px 0;
- border: 2px solid #EEE;
- text-transform: uppercase;
- border-radius: 3px;
- font-weight: bold;
- }
- .edit-menu-item:hover {
- color: #777;
- background: #EEE;
- border-color: #EEE;
- }
- .edit-menu-item-active {
- color: #FFF;
- background: #fe8a46;
- border-color: #fe8a46;
- }
- .required {
- color: #fe8a46;
- }
- .upload-btn {
- float: left;
- width: 100%;
- box-sizing: border-box;
- text-align: center;
- cursor: pointer;
- margin-top: 5px;
- padding: 6px 0;
- }
- .upload-btn input {
- width: 112px;
- position: absolute;
- left: 20px;
- height: 30px;
- margin-top: -6px;
- opacity: 0.0;
- cursor: pointer;
- }
- .upload-btn input::-webkit-file-upload-button { cursor: pointer; }
- .upload-btn-selected {
- border: 1px solid #888;
- background: #888;
- color: #FFF;
- }
- .upload-btn-selected:hover {
- background: #EEE;
- color: #777;
- }
- .upload-btn-selected:active {
- border-color: #EEE;
- }
- .upload-btn-text {
- padding: 0 5px;
- width: 100%;
- float: left;
- text-align: center;
- box-sizing: border-box;
- font-size: 12px;
- font-weight: bold;
- }
- #upload-success {
- max-width: 300px;
- color: #777;
- margin: 0 auto;
- }
- .upload-title {
- font-size: 18px;
- text-align: center;
- margin: 20px auto 0 auto;
- }
- .upload-desc {
- font-size: 14px;
- text-align: center;
- margin: 20px auto;
- }
- .go-pro-title {
- font-weight: bold;
- }
- .go-pro-widget-container {
- color: #777;
- padding: 0 20px;
- }
- .go-pro-widget-desc {
- padding: 5px 0 0 0;
- }
- .go-pro-container {
- padding-top: 30px;
- text-align: center;
- width: 100%;
- overflow: auto;
- }
- .go-pro-welcome {
- padding-top: 20px;
- }
- .go-pro-desc {
- font-size: 15px;
- max-width: 500px;
- width: 100%;
- margin: 0 auto;
- }
- .go-pro-btn {
- min-height: 40px;
- padding-top: 20px;
- text-transform: uppercase;
- }
- .go-pro-widget-btn {
- min-height: 30px;
- padding-top: 15px;
- }
- .go-pro-welcome-btn {
- min-height: 30px;
- padding-top: 25px;
- }
- .go-pro-go-pro-btn {
- min-height: 0;
- padding-top: 0;
- display: inline-block;
- }
- .go-pro-btn a {
- border-radius: 3px;
- padding: 6px 10px;
- color: #fe8a46;
- border: 2px solid #fe8a46;
- cursor: pointer;
- text-decoration: none;
- font-weight: bold;
- }
- .go-pro-btn a:hover {
- border-color: #fe8a46;
- background: #fe8a46;
- color: #FFF;
- }
- .go-pro-header {
- background: #fe8a46;
- background-image: url('images/background.png'), linear-gradient(to right, #fe8a46, #f26295);
- background-image: url('images/background.png'), linear-gradient(to right, #ff8035, #ef528a);
- background-repeat: no-repeat;
- background-position-x: center;
- background-position-y: bottom;
- background-size: cover;
- color: #FFF;
- padding: 30px 20px;
- text-align: center;
- font-weight: bold;
- text-transform: uppercase;
- }
- .go-pro-header-title {
- font-size: 24px;
- }
- .go-pro-header-desc {
- font-size: 15px;
- }
- .current-plan {
- padding: 10px 0 0 0;
- font-size: 14px;
- text-align: center;
- }
- .current-plan-option {
- color: #777;
- font-weight: bold;
- text-transform: capitalize;
- }
- .plans-container {
- width: 50%;
- overflow: auto;
- float: left;
- }
- .feature-container {
- border-radius: 5px;
- background: #EEE;
- padding: 15px;
- overflow: auto;
- margin: 20px 20px 10px 20px;
- font-size: 15px;
- }
- .feature-description {
- margin: 10px 20px 20px 20px;
- padding: 0 15px;
- }
- .feature-option {
- width: 50%;
- float: left;
- }
- .plan-option {
- width: 25%;
- float: left;
- }
- .plan-info {
- width: 50%;
- float: left;
- }
- .plan-history-title {
- font-size: 15px;
- margin: 20px 20px 10px 20px;
- padding: 0 15px;
- }
- .plan-history-container {
- margin: 0 20px 20px 20px;
- padding: 15px;
- }
- .plan-history {
- width: 25%;
- float: left;
- font-size: 13px;
- }
- .plan-option-free {
- color: #666;
- }
- .plan-option-pro {
- color: #ff711e;
- font-weight: bold;
- }
- select.plan-options {
- border: 2px solid #EEE;
- padding: 5px;
- border-radius: 3px;
- margin: 10px 5px 0 0;
- }
- select.plan-options:hover {
- border-color: #CCC;
- }
- select.plan-options:focus {
- border-color: #fe8a46;
- }
- .player-element {
- float: left;
- margin-right: 10px;
- }
- .player-nine {
- width: 75%;
- float: left;
- padding: 10px 0;
- overflow: hidden;
- height: 35px;
- }
- .player-nine a {
- outline: 0;
- margin-right: 10px;
- cursor: pointer;
- }
- .player-three {
- width: 25%;
- float: left;
- overflow: auto;
- }
- .player-container-left {
- float: left;
- width: 190px;
- }
- .player-container-middle {
- padding: 0 141px 0 190px;
- height: 35px;
- }
- .player-container-right {
- float: right;
- width: 126px;
- margin-top: -35px;
- }
- #prev-button, #next-button {
- float: left;
- margin-right: 11px;
- }
- /* Start Player CSS */
- div.jp-audio {
- width: 100%;
- float: left;
- }
- #content div.jp-audio {
- float: none;
- }
- /* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
- div.jp-interface {
- position: relative;
- width:100%;
- }
- div.jp-audio div.jp-type-single div.jp-interface {
- height:17px;
- }
- .player-nine .jp-interface {
- height: 35px !important;
- }
- a.jp-play, a.jp-pause {
- width: 35px;
- height: 35px;
- float: left;
- margin-right: 16px;
- }
- a.jp-play {
- background: url("images/player.png") 0 0 no-repeat;
- background-size: 105px;
- }
- a.jp-play:hover {
- background: url("images/player.png") -35px 0 no-repeat;
- background-size: 105px;
- }
- a.jp-pause {
- background: url("images/player.png") 0 -35px no-repeat;
- display: none;
- background-size: 105px;
- }
- a.jp-pause:hover {
- background: url("images/player.png") -35px -35px no-repeat;
- background-size: 105px;
- }
- /* @end */
- /* @group progress bar */
- div.jp-progress {
- overflow:hidden;
- background-color: #CCC;
- }
- div.jp-audio div.jp-progress {
- position: absolute;
- top: 15px;
- height: 6px;
- border-radius: 3px;
- }
- div.jp-audio div.jp-type-single div.jp-progress {
- width: 100%;
- margin: 0 15px 0 0;
- top: 15px;
- float: left;
- position: relative;
- }
- .player-nine .jp-progress {
- margin: 15px 0 0 0 !important;
- top: 0 !important;
- }
- div.jp-seek-bar {
- width:0px;
- height:100%;
- cursor: pointer;
- background: #CCC;
- }
- div.jp-play-bar {
- width:0px;
- height:100%;
- background: #fe8a46;
- }
- div.jp-audio {
- font-size: 1.25em;
- line-height: 1.6;
- }
- /* The seeking class is added/removed inside jPlayer */
- div.jp-seeking-bg {
- }
- /* @end */
- /* @group volume controls */
- a.jp-mute, a.jp-unmute, a.jp-volume-max {
- width: 15px;
- height: 35px;
- float: left;
- }
- a.jp-mute {
- background: url("images/player.png") 0 -175px no-repeat;
- background-size: 105px;
- }
- a.jp-mute:hover {
- background: url("images/player.png") -35px -175px no-repeat;
- background-size: 105px;
- }
- a.jp-unmute {
- background: url("images/player.png") -70px -175px no-repeat;
- background-size: 105px;
- display: none;
- }
- a.jp-unmute:hover {
- background: url("images/player.png") -70px -175px no-repeat;
- background-size: 105px;
- }
- div.jp-volume-bar {
- overflow: hidden;
- width: 46px;
- height: 6px;
- cursor: pointer;
- margin-top: 15px;
- float: left;
- background: #CCC;
- border-radius: 3px;
- }
- div.jp-audio div.jp-volume-bar {
- top: 15px;
- left: 405px;
- }
- div.jp-audio-stream div.jp-volume-bar {
- top:37px;
- left:92px;
- }
- div.jp-video div.jp-volume-bar {
- top:17px;
- left:72px;
- }
- div.jp-volume-bar-value {
- width:0px;
- height:6px;
- background: #fe8a46;
- }
- .prev-button {
- background: url("images/player.png") 0 -70px no-repeat;
- background-size: 105px;
- width: 15px;
- height: 35px;
- cursor: pointer;
- display: inline-block;
- }
- .prev-button:hover {
- background: url("images/player.png") -35px -70px no-repeat;
- background-size: 105px;
- }
- .prev-button-disabled, .prev-button-disabled:hover {
- background: url("images/player.png") -70px -70px no-repeat;
- background-size: 105px;
- cursor: default;
- }
- .next-button {
- background: url("images/player.png") 0 -105px no-repeat;
- background-size: 105px;
- width: 15px;
- height: 35px;
- cursor: pointer;
- display: inline-block;
- }
- .next-button:hover {
- background: url("images/player.png") -35px -105px no-repeat;
- background-size: 105px;
- }
- .next-button-disabled, .next-button-disabled:hover {
- background: url("images/player.png") -70px -105px no-repeat;
- background-size: 105px;
- cursor: default;
- }
- /* @end */
- /* @group current time and duration */
- div.jp-audio div.jp-time-holder {
- position:absolute;
- top: 18px;
- display: none;
- }
- div.jp-audio div.jp-type-single div.jp-time-holder {
- left:185px;
- width:186px;
- }
- div.jp-audio div.jp-type-playlist div.jp-time-holder {
- left:166px;
- width:130px;
- }
- div.jp-current-time, div.jp-duration {
- width: 60px;
- font-size: .64em;
- }
- #current-time, #duration-time {
- width: 45px;
- float: left;
- height: 35px;
- line-height: 35px;
- font-size: 11px;
- font-weight: bold;
- color: #666;
- }
- #current-time {
- text-align: right;
- margin-right: 15px;
- }
- #duration-time {
- text-align: left;
- margin-right: 10px;
- }
- div.jp-current-time {
- float: left;
- display:inline;
- }
- div.jp-duration {
- float: right;
- display:inline;
- text-align: right;
- }
- /* @end */
- div.jp-jplayer audio,
- div.jp-jplayer {
- width:0px;
- height:0px;
- }
- div.jp-jplayer {
- background-color: #000000;
- }
- a.jp-repeat {
- background: url("images/player.png") 0 -140px no-repeat;
- background-size: 105px;
- float: left;
- display: inline-block;
- width: 15px;
- height: 35px;
- }
- a.jp-repeat:hover {
- background: url("images/player.png") -35px -140px no-repeat;
- background-size: 105px;
- }
- a.jp-repeat-off {
- background: url("images/player.png") -70px -140px no-repeat;
- background-size: 105px;
- float: left;
- width: 15px;
- height: 35px;
- }
- a.jp-repeat-off:hover {
- background: url("images/player.png") -70px -140px no-repeat;
- background-size: 105px;
- }
- /* @end */
- /* @group NO SOLUTION error feedback */
- .jp-no-solution {
- padding:5px;
- font-size:.8em;
- background-color:#eee;
- border:2px solid #009be3;
- color:#000;
- display:none;
- }
- .jp-no-solution a {
- color:#000;
- }
- .jp-no-solution span {
- font-size:1em;
- display:block;
- text-align:center;
- font-weight:bold;
- }
- /* @end */
- /* @animations */
- @-webkit-keyframes small-bounce {
- 0% {-webkit-transform:translateY(0px)}
- 25%{-webkit-transform:translateY(3px)}
- 50%{-webkit-transform:translateY(0px)}
- 75%{-webkit-transform:translateY(-1px)}
- 100%{-webkit-transform:translateY(0px)}
- }
- @-moz-keyframes small-bounce {
- 0%{-moz-transform:translateY(0px)}
- 25%{-moz-transform:translateY(3px)}
- 50%{-moz-transform:translateY(0px)}
- 75%{-moz-transform:translateY(-1px)}
- 100%{-moz-transform:translateY(0px)}
- }
- @keyframes small-bounce {
- 0%{transform:translateY(0px)}
- 25%{transform:translateY(3px)}
- 50%{transform:translateY(0px)}
- 75%{transform:translateY(-1px)}
- 100%{transform:translateY(0px)}
- }
- @-webkit-keyframes small-bounce-right {
- 0%{-webkit-transform:translateX(0px)}
- 25%{-webkit-transform:translateX(3px)}
- 50%{-webkit-transform:translateX(0px)}
- 75%{-webkit-transform:translateX(-1px)}
- 100%{-webkit-transform:translateX(0px)}
- }
- @-moz-keyframes small-bounce-right {
- 0%{-moz-transform:translateX(0px)}
- 25%{-moz-transform:translateX(3px)}
- 50%{-moz-transform:translateX(0px)}
- 75%{-moz-transform:translateX(-1px)}
- 100%{-moz-transform:translateX(0px)}
- }
- @keyframes small-bounce-right {
- 0%{transform:translateX(0px)}
- 25%{transform:translateX(3px)}
- 50%{transform:translateX(0px)}
- 75%{transform:translateX(-1px)}
- 100%{transform:translateX(0px)}
- }
- .animation-small-bounce {
- -webkit-animation:small-bounce 850ms linear infinite;
- -moz-animation:small-bounce 850ms linear infinite;
- animation:small-bounce 850ms linear infinite
- }
- .animation-small-bounce-right {
- -webkit-animation:small-bounce-right 850ms linear infinite;
- -moz-animation:small-bounce-right 850ms linear infinite;
- animation:small-bounce-right 850ms linear infinite
- }
- @media only screen and (max-device-width: 600px), only screen and (device-width: 600px) and (device-height: 600px), only screen and (width: 650px) and (orientation: landscape), only screen and (device-width: 600px), only screen and (max-width: 600px) {
- .body-content, .page-container, .page-settings-container {
- border: 0;
- }
- .header {
- max-width: 1080px;
- padding: 0 10px;
- }
- .menu-button {
- display: none;
- }
- .row-body, .row-page {
- padding: 0;
- }
- .row-body .two, .row-body .six {
- width: 100%;
- }
- .row-body .ten {
- width: 100%;
- }
- .row-body .twenty {
- width: 100%;
- }
- .row .three, .welcome-box {
- width: 100%;
- }
- .row-body .threeads {
- width: 100%;
- }
- .row-body .threeads img {
- width: auto;
- height: auto;
- }
- .row-body .nine {
- width: 100%; border-left: 0; border-right: 0; margin: 0;
- }
- .row-body .three {
- width: 100%;
- }
- .row .four {
- width: 100%;
- }
- .row .eight {
- width: 100%;
- }
- .row .six {
- width: 100%;
- }
- .row .seven {
- width: 100%;
- }
- .row-page .three {
- width: 100%;
- }
- .row-page .nine {
- width: 100%;
- }
- .body {
- border: 0;
- }
- .search-container, .search-list-container, .notification-container {
- padding: 0;
- }
- .footer-links, .footer-languages {
- padding: 0;
- }
- .footer-container {
- line-height: 25px;
- }
- .inputs-container {
- padding: 30px 10px 30px 20px;
- }
- .report-checkbox {
- padding-left: 0;
- }
- .row-body .five {
- width: 100%;
- }
- .row-one {
- float: left;
- width: 100%;
- padding: 3px 0;
- }
- .row-two {
- float: left;
- width: 100%;
- padding: 3px 0;
- }
- .row-three {
- float: left;
- width: 100%;
- padding: 3px 0;
- text-align: left;
- }
- .row-four {
- float: left;
- width: 100%;
- padding: 3px 0;
- text-align: left;
- }
- .cover-container {
- height: auto;
- }
- .cover-text-container {
- font-size: 18px;
- margin: -130px 0 5px 100px;
- }
- .cover-text-container img {
- width: 14px;
- height: 14px;
- margin: 0 0 -2px 4px;
- }
- .cover-description-buttons {
- float: right;
- overflow: auto;
- display: block;
- width: 65px;
- }
- #values {
- width: 230px;
- }
- .page-input-title {
- width: 100%;
- text-align: left;
- padding: 3px 0;
- }
- .page-input-sub {
- padding: 3px 0;
- width: 100%;
- min-width: 100%;
- }
- .page-input-content {
- width: 100%;
- padding-left: 0;
- }
- .row-page .stats-container, .row-body .stats-container {
- width: 100%;
- }
- .admin-rows { border-bottom: 1px solid #ccc; }
- .row-page .table-id, .row-page .table-user, .row-page .table-mail, .row-page .table-edit, .row-page .table-delete { width: 100%; }
- .row-page .table-report-id, .row-page .table-report-type, .row-page .table-user, .row-page .table-category-name, .row-page .table-report-message, .row-page .table-report-safe { width: 100%; }
- .subslist {
- right: 20px;
- }
- .subslist_message {
- right: 53px;
- }
- .notification-container, .search-container {
- position: absolute;
- }
- .notification-content {
- max-width: none;
- border-right: 0;
- }
- .search-input input {
- width: 56px;
- }
- .menu-dd-container {
- right: 0;
- width: 100%;
- padding: 0;
- }
- .menu-dd-content {
- min-width: auto;
- width: 100%;
- border-right: 0;
- border-left: 0;
- }
- .menu-dd-row {
- padding: 15px;
- text-align: left;
- }
- .search-results {
- }
- .search-content .notification-inner, .search-content .track-inner, .hashtag-inner {
- padding: 10px 15px;
- }
- .chat-container {
- height: 300px;
- }
- .sidebar-chat-list {
- max-height: 350px;
- }
- .cover-description-content {
- margin-left: 20px;
- }
- .cover-avatar {
- width: 86px;
- margin-top: -125px;
- }
- .cover-avatar a {
- float: left;
- overflow: hidden;
- height: 86px;
- }
- .welcome-message, .dash-stats {
- width: 100%;
- }
- .welcome-track {
- width: 20%;
- }
- .song-top {
- height: auto;
- min-height: auto;
- padding: 0 0 0 106px;
- }
- .song-art img {
- width: 86px;
- }
- .player-controls, .track-actions-container {
- padding: 0 0 10px 106px;
- }
- .track-actions-content {
- padding-top: 11px;
- }
- .song-tag, .song-timeago, .embed-powered-by, .embed-container .track-actions-content {
- display: none;
- }
- .action-text {
- display: none;
- }
- .liked-button, .like-button, .playlist-button, .share-button, .buy-button, .delete-button, .public-button, .private-button, .download-button, .loading-button {
- width: auto;
- margin: 0 5px 5px 0;
- float: left;
- }
- .liked-button, .like-button, .playlist-button, .share-button {
- padding-right: 1px;
- margin-right: 5px;
- }
- .track-stats, .playlist-stats-text {
- display: none;
- }
- .playlist-stats {
- padding: 10px 0;
- }
- .song-container {
- padding: 20px 15px 0 15px;
- }
- .song-title {
- font-size: 13px;
- }
- .message-reply-container .delete_btn, .message-reply-container .report_btn {
- display: block;
- }
- div.jp-audio div.jp-type-single div.jp-interface {
- height:21px;
- }
- .embed-container div.jp-audio div.jp-type-single div.jp-interface {
- height:21px;
- padding-bottom: 20px;
- }
- .admin-stats-image, .license-box-desc {
- display: none;
- }
- .stats-column-title {
- padding-top: 10px;
- }
- .upload-btn-text {
- font-size: 12px;
- }
- .user-stats-row {
- padding: 10px 0 0 0;
- }
- .license-box-container {
- width: 100%;
- padding-right: 0;
- }
- #upload-success {
- max-width: 100%;
- }
- .welcome-title {
- font-size: 42px;
- }
- .welcome-desc {
- font-size: 20px;
- }
- .welcome-button a {
- font-size: 12px;
- }
- .welcome-content, .welcome-pro {
- padding: 20px 10px;
- }
- .welcome-full {
- padding: 20px 0;
- }
- .welcome-full-section {
- padding-left: 10px;
- font-size: 18px;
- }
- .welcome-box-section, .welcome-box-title {
- font-size: 18px;
- }
- .welcome-box-title {
- font-size: 16px;
- }
- .footer {
- padding: 0 10px 55px 10px;
- }
- .menu-dd-mobile {
- display: block;
- }
- .go-pro-container {
- padding-top: 20px;
- }
- .go-pro-desc {
- max-width: 100%;
- margin: 0;
- text-align: center;
- }
- .current-plan {
- text-align: left;
- }
- #topbar-artwork {
- float: right;
- }
- #topbar-track-info {
- padding-right: 0;
- }
- #current-time, .player-container-middle, .player-container-right, .topbar-song-name, .topbar-author-name {
- display: none !important;
- }
- .player-nine a {
- margin: 0 10px;
- }
- a.jp-play, a.jp-pause {
- margin-right: 16px;
- }
- .row-body .twelve {
- border: 0;
- }
- .menu_btn {
- padding: 10px 5px;
- margin-right: 6px;
- }
- .search-content, .page-login-container {
- border-right: 0;
- border-left: 0;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement