/****************************** Menu bar ********************************/ /******************************************************* ** New Controlpanalmenubar BEGIN ** ******************************************************/ #pb_controlarea_new { margin: 0; list-style: none; position: absolute; top: 4px; left: 0; margin-left:80px; font-size: 11px; padding-left: 9px; } #pb_controlarea_new a{ padding: 5px 6px; line-height: 220%; margin-right: 8px; color: #bbbbbb; text-decoration: none; border-bottom-width: 0px; } #pb_controlarea_new a:hover { color: #fff; } #pb_controlarea_new a.current { background-color: #e4f2fd; color: #555; border: none; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } #pb_controlarea_new a.current:hover{ color: #555; } /******************************************************* ** New Controlpanalmenubar END ** ******************************************************/ /******************************************************* ** Old Controlpanalmenubar BEGIN ** ******************************************************/ #pb_controlarea { padding: 0; margin: 0; width: 100%; height: 32px; } #pb_controlstrip { top: 0; left: 0; width: 100%; height: 32px; margin: 0; padding: 0; position: absolute; background-repeat: repeat-x; background-position: bottom; background-color: #2e2c2c; background-image: url(/images/bg-dark.gif); } /******************************************************* ** Old Controlpanalmenubar END ** ******************************************************/ #pb_controlstrip table { margin: 0; padding: 0; width: auto; border:1px solid red; } #pb_controlstrip td { font-family: Arial, sans-serif; font-size: 11px; line-height: 16.5px; letter-spacing: normal; color: #989898; } #pb_controlstrip a { font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16.5px; letter-spacing: normal; text-decoration: underline; font-variant: normal; border: 0; margin: 0; padding: 0; color: #f5f5f5; } #pb_controlstrip img { background: none; margin: 0; padding: 0; border: 0; } #pb_controlstrip a img { padding: 0; margin: 0; border: 0; } /* First cell */ #pb_controlstrip_userpic { text-align: left; vertical-align: middle; width: 128px; padding-left: 12px; border-right: 2px solid #878080; } /* Second cell */ #pb_controlstrip_category { text-align: left; vertical-align: middle; width: 220px; padding-left: 10px; border-right: 1px solid #878080; } /* Third cell */ #pb_controlstrip_tag { text-align: left; vertical-align: middle; padding-left: 10px; } /* Fourth cell */ #pb_controlstrip_register { text-align: right; vertical-align: middle; padding-right: 10px; } #pb_controlstrip_whitebold12 { font-size: 12px; font-weight: bold; color: #f5f5f5; } #pb_controlstrip_white14 { font-size: 14px; color: #f5f5f5; } /* profile info on sidebar */ table.profileinfo{ font-family: arial,helvetica,sans-serif; font-size : 12px; } table.profileinfo img {width: 200px; box-sizing:border-box;} hr.block { display: block; } #profilebottomaction { padding: 0; } #profilebottomaction a:link, #profilebottomaction a:visited, #profilebottomaction a:active, #profilebottomaction a:hover { text-decoration: underline; display: inline; font-family: arial,helvetica,sans-serif; font-size: 12px; font-weight: normal; } /* profile info on post footer */ #postfooter { padding: 0; } #postfooter img { border: none; padding: 0; margin: 0; } /* menu bar in dashboard */ #pb_controlstrip_logo { text-align: left; vertical-align: middle; width: 128px; padding-left: 12px; } #pb_controlstrip_menu { text-align: left; vertical-align: middle; padding-left: 30px; } #pb_controlstrip_menu a { padding-left:8px; padding-right:8px; } #new_comments ul#new_comment_list { list-style: none; margin: 0 0 2.0em 0; border-top: 1px solid #bbb; font-family:Arial, Helvetica, sans-serif; padding:0px; text-indent:inherit; } #new_comments ul#new_comment_list li.new_comment { border-bottom: 1px solid #E2E2E2; padding: 10px 0 5px; width:470px; background:none; } #new_comments ul#new_comment_list p { margin:0px; padding:0px; } #new_comments ul#new_comment_list .new_entry p { margin:4px 0px; } #new_comments { width: 470px; clear: both; text-align:left; } #new_comments .new_entry p { color:#1A1A1A; font-size:11px; margin:0 28px 5px 0; font- family:Arial, Helvetica, sans-serif; } #new_comments .new_comment_meta strong a, #new_comments .new_comment_meta strong { font-size: 11px; text-decoration:none; } #new_comments .new_comment_meta strong { color:gray } #new_comments .new_comment_meta strong a { color:#3B5998; border-bottom:none !important; } #new_comments .new_comment_meta strong a:hover, #new_comments .new_comment_time a:hover { text-decoration:underline; background:none !important; } #new_comments .new_comment_time, #new_comments .new_comment_time a, #new_comments .new_comment_time a:hover { font-size:11px; color: #3B5998; } #new_comments .new_comment_time a { text-decoration:none; border-bottom:none !important; } /* FontIcon For Channel Info, Following List */ .wtf-widget .following, .wtf-widget .follow { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:block; margin-top:3px; text-decoration: none; } .wtf-widget .following {color:#888888} .wtf-widget .following:hover, .wtf-widget .follow:hover {text-decoration:none;} .wtf-widget .following:before { content: "\e600"; margin-right:4px; } .wtf-widget .follow:before { content: "\e601"; margin-right:4px; } /*wtf-style*/ .wtf-widget { margin: 5px 0; font-family: Helvetica,Arial, sans-serif; } .wtf-widget .h3css { font-size: 20px; font-weight: normal; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0 0 10px; margin:0 0 15px 0 !important; line-height: 1; } .wtf-widget .more-block{text-align:right;font-size:12px;padding:10px 0;line-height:1;} .wtf-widget .more-block a{text-decoration:none;} .wtf-widget .more-block a:hover{} .wtf-widget .ul{margin:0 0 15px 0;padding:0;list-style:none;font-size:14px;} .wtf-widget .ul li .pic img{border:0;display:block;padding:0px;} .wtf-widget .ul.list li:after, .wtf-widget .ul.grid{content:"";line-height:0;height:0;font-size:0;clear:both;display:table;} .wtf-widget .ul.list li { padding: 15px 0 15px 60px !important; border-bottom: 1px solid rgba(0,0,0,0.1); overflow: hidden; } .wtf-widget .ul.list li .pic{ float:left;margin-left:-60px; display:block;} .wtf-widget .ul.list li .tit{ margin-bottom:0;padding-bottom:2px; font-size:12px; display:block;width:100%; height:14px; line-height:14px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-decoration:none;} .wtf-widget .ul.grid{padding:10px 0;} .wtf-widget .ul.grid li{float:left;display:inline;width:52px;margin:10px;} .wtf-widget .ul.grid li .pic{margin-bottom:5px;display:block;} .wtf-widget .ul.grid li .tit{ margin-bottom:0;padding-bottom:2px; font-size:12px; display:block;width:100%; height:14px; line-height:14px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-decoration:none;} .wtf-widget .ul.list li:first-child {padding-top:0px !important;} .wtf-widget .following:before, .wtf-widget .follow:before { font-size: 10px;} /* Author: Rong; Date: 2013-12-27; For: Channel Infomation; */ #profilebottomaction {margin: 0px; width: 200px;} #profilebottomaction .btns-nomal:after{ clear: both;} #profilebottomaction .btns-nomal a { color: #333333; font-weight: bold !important; line-height: 36px !important; height: 36px !important; text-shadow:none; display: block; float: left; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ background-color:#eeeeee; background:-webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eeeeee)); background:-moz-linear-gradient(top, #f8f8f8, #eeeeee); background:-0-linear-gradient(top, #f8f8f8, #eeeeee); background:linear-gradient(top, #f8f8f8, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#eeeeee'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#eeeeee')"; /* IE8 */ border: 1px solid #cccccc; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); border-radius: 0; margin: 5px 0px; text-decoration: none !important; } #profilebottomaction .btns-nomal a i,#profilebottomaction .btns-nomal a em{ line-height: 36px; font-size: 10px; } #profilebottomaction .btns-nomal a.pb-follow{ width: 100px; margin-right: 2px; } #profilebottomaction .btns-nomal a.shares { margin-right: 2px; background: #00aeef!important; border:1px solid #00aeef; color: #ffffff; } #profilebottomaction .btns-nomal a.RSSs { width: 66px; } #profilebottomaction .btns-nomal a:hover, #profilebottomaction .btns-nomal a.followed { background: #333333 !important; border: 1px solid #333333; color: #ffffff; } #profilebottomaction .btns-nomal{ display: flex; flex: 1; justify-content: space-around; } #profilebottomaction .btns-nomal a{ width: 100% !important; text-align: center; } .show_block { width: 200px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; } .show_visits, .BlogEpisodeCount {float: left; width: 95px} .show_visits span, .BlogEpisodeCount span { font-size: 24px; font-weight: bold; height: 30px; line-height: 32px; display: block; } .show_visits {margin-right: 4px; padding-right: 4px; border-right: 1px solid rgba(0,0,0,0.3)} .share_box {display: none;} .app-btn-fixed-height {height: 55px;} .app-btn-fixed-bottom {background-color: #27a154; z-index: 9999; padding: 18px 5px; position: fixed; left: 0; bottom: 0; width: 100%; text-align: center;} .app-btn-fixed-bottom a {color: #ffffff !important; font-weight: normal; font-size: 15px} .sidebar-tit {display: none;} #shareModal .radio, .checkbox { min-height: 20px; } #shareModal p{ margin: 0.6em 0; } #shareModal .share-content .preview-code p{ color: #555; } #audio-style2-checkbox,#audio-style1-checkbox{ margin-top: 4px; } #shareModal .share-content .preview-code .iframe-code,#shareModal .share-content .preview-code .wp-code{ width: 100%; } #shareModal .share-content .preview-code span{ font-size:12px; color: #000000; font-family: open sans; } #shareModal .share-content .preview-code span input{ margin:0px; vertical-align: middle; } #shareModal label { display: block; margin-bottom: 5px; } #shareModal label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } #shareModal label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; margin:0px; } #shareModal li{ list-style: none; } .nav-tabs{ margin-top: 0px; display: flex; margin-bottom: 0px; } .nav-tabs>li, .nav-pills>li { float: left; } #shareModal button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } #shareModal .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); } #shareModal select, #shareModal textarea, #shareModal input[type="text"], #shareModal input[type="password"], #shareModal input[type="datetime"], #shareModal input[type="datetime-local"], #shareModal input[type="date"], #shareModal input[type="month"], #shareModal input[type="time"], #shareModal input[type="week"], #shareModal input[type="number"], #shareModal input[type="email"], #shareModal input[type="url"], #shareModal input[type="search"], #shareModal input[type="tel"], #shareModal input[type="color"], #shareModal .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-tabs>li>a { display: flex; padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #shareModal .nav-tabs li a{ font-size: 24px;color: #000; font-family: open sans; } #shareModal .nav-tabs>.active>a, #shareModal .nav-tabs>.active>a:hover, #shareModal .nav-tabs>.active>a:focus{ color: #8fc31f; font-weight: 600; border:none; border-bottom: 1px solid #8fc31f; } .nav-tabs>li{ margin-bottom: 0px; } #shareModal .nav-tabs>li>a{ text-decoration: none; border:none; margin-right: 50px; padding-right: 0px; padding-left: 0px; } #shareModal .modal-body{ padding:0px; } #shareModal .nav-tabs{ border-bottom: none; } #shareModal .nav>li>a:hover, #shareModal .nav>li>a:focus{ background-color: transparent; } .modal{ border-radius: 0px; } #shareModal .addthis_toolbox{ padding:0; margin-top: 0px; float: none; text-align: left; } #shareModal .addthis_toolbox a span{ width: 32px !important; height: 32px !important; } #shareModal .addthis_toolbox a span svg{ width: 32px !important; height: 32px !important; } #shareModal .addthis_toolbox a{ padding-left: 0px; padding-right: 4px; } #shareModal .share-episode{ margin-top: 10px; text-align: left; } #shareModal input.link{border:1px solid #ccc; background: transparent; width: 100%; margin-bottom: 30px; height: 36px; font-family: open sans; box-sizing: border-box; } #shareModal .modal-body .nav-embed .audio{ width: 100px; height: 100px; background-color: #8fc31f; } #shareModal .modal-body .second .second-audio{ } #shareModal .embed-con .icon-play{ transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); width: 12px; } /*#shareModal .embed-con .tab-pane>.active>.icon-play, #shareModal .embed-con .tab-pane>.active>.icon-play:hover, #shareModal .embed-con .tab-pane>.active>.icon-play:focus{ transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } */ #shareModal .embed-tab a img{ width: 100px; height: 100px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; padding:0px; border-top: none; border-left: none; } #shareModal .embed-tab .nav-tabs>.active>a .logo{ width: 90px; height: 90px; -webkit-filter: none; filter: none; padding: 5px; } #shareModal .embed-tab .nav-tabs>.active>a .play{ width:85%; height: auto; -webkit-filter: none; left: 6px; bottom: 7px; filter: none; } #shareModal .embed-tab .nav-tabs>.active>a, #shareModal .embed-tab .nav-tabs>.active>a:hover, #shareModal .embed-tab .nav-tabs>.active>a:focus{ border-radius: 0; padding: 0; } #shareModal .embed .nav-tabs>li>a{ position: relative; } #shareModal .embed .nav-tabs>li>a .play{ position: absolute; width: 90%; height: auto; bottom: 10px; left: 5px;} #shareModal .embed-tab .nav-tabs{ border-bottom: none; } #shareModal .embed .nav-tabs>li>a{ padding-top: 0px; } #shareModal .embed .nav-tabs>li>.second-audio{border-radius: 0px; width: 100px; height: 55px; background: #e4e4e4; } #shareModal .embed-tab .nav-tabs>.active>.second-audio{ width: 90px; height: 45px; border: 5px solid #8fc31f; filter: none; background: #8fc31f; } #shareModal .embed .nav-tabs>li>a .second-logo{ position: absolute; width: 45px; height: 45px; left: 0px; } #shareModal .embed .nav-tabs>li>a .second-play{ position: absolute; width: 33%; height: auto; left: 52px; top: 7px; } #shareModal .embed .nav-tabs>li>a .second-bg{ background: #c9c9c9; position: absolute; width: 90px; height: 45px; left: 5px; top: 5px; } #shareModal .embed-tab .nav-tabs>.active>a .second-play{ -webkit-filter: none; filter: none; } #shareModal .embed-tab .nav-tabs>.active>a .second-logo{ -webkit-filter: none; filter: none; } #shareModal .embed-tab .nav-tabs>.active>a .second-bg{top: 0; left: 0; } #shareModal .embed-tab .nav-tabs>li>a{ margin-right: 20px; padding-bottom: 0;} #shareModal{ background: transparent; border: 0; box-shadow: none; width: 100%; left: 0; margin-left: 0; } #shareModal .share-pane{ background: #ffffff; padding: 15px 30px;} #shareModal .nav-embed{ background: #ffffff; padding:25px 30px; margin-bottom: 0; } #shareModal .embed-con{ background: #ffffff; padding:15px 30px; text-align: left; } #shareModal .tab-share{ background: #ffffff; padding: 15px 30px 0 30px; border-bottom: 1px solid #e4e4e4; margin-bottom: 0; } #shareModal .embed-input{ background: transparent; border:1px solid #ccc; width: 72%; font-family: open sans; height: 30px; } #shareModal .option,#shareModal .more-option,#shareModal .video-option{ color: #000000; font-weight: 600; margin-top: 10px; cursor: pointer; } #shareModal .ul-skins{ padding-bottom: 10px; } #shareModal .ul-skins a{ width: 24px; height: 24px; overflow: hidden; float: left; display: block; outline: none; text-indent: -9999em; position: relative; } #shareModal .ul-skins a.current:before{ border-width: 0 4px 4px 0; border-style: solid; border-color: #ffffff; width: 5px; height: 10px; left: 50%; top: 50%; margin-top: -9px; margin-left: -4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); position: absolute; content: ""; } #shareModal .ul-skins p{ color: #000000; } .modal-backdrop{ background-color: rgba(242,242,242,.9) } #shareModal .tab-pane .code{ color: #000000; font-weight: 600; font-size: 16px; } #shareModal .tab-video{ background: #ffffff; padding: 25px 30px; margin-bottom: 5px; text-align: left; } #shareModal .tab-video input.link{ margin-bottom: 20px; } #shareModal .video-radio .video-in{ margin-top: 12px; } #shareModal .ul-skins .size{ margin-top: 18px; } #shareModal .share-table{ width: 550px; height: auto; right: 0; left: 0; margin: auto; bottom: 0; margin-top: 150px; } #shareModal .modal-body{ max-height: none; } .modal-backdrop, .modal-backdrop.fade.in{ z-index: 999990; } #shareModal{ z-index: 999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; overflow-y: auto; box-sizing: border-box; } #shareModal button.close{ font-size: 40px; opacity: 0.8; margin-top: 0; padding-left: 5px; color: #fff; } #shareModal .modal-header{ border-bottom: none; position: fixed; right: 25px; z-index: 1000000; top: 0; padding: 9px 15px 9px 5px; } #shareModal .share-table .line{ margin-top: 37px; border-bottom: none; width: 100%; } #shareModal .share-content p{ text-align: left; font-size: 14px; color: #000000; } #shareModal .share-content .embed-con .function-box .checkbox{color: #000000; text-align: left; font-family: open sans; } #shareModal label{ font-family: open sans;color: #000000; } #shareModal .share-table .share-content .embed-con .tab-pane .link{ margin-bottom: 10px; width: 100%;} #shareModal .modal-body{ margin-bottom: 5%; } #shareModal input[type="text"], #shareModal input[type="email"], #shareModal input[type="password"], #shareModal textarea, #shareModal input[type="search"]{ background: transparent; border:1px solid #ccc; } #shareModal .share-table .share-content .tab-video .video-radio .other{ margin-top: -10px; } #shareModal .get{ color: #8fc31f; text-decoration: none; } #shareModal .get:hover{ color: #76a908;} #shareModal .modal-body .preview-code .iframe-code{ height: 36px; box-sizing: border-box;} #shareModal .like-content .like-pane{ padding: 25px 30px 45px; } .layui-layer{ width: 40% !important; } .layui-layer-page,.layui-layer-iframe,#layui-layer-iframe1,#embed-player-iframe iframe{ border-radius: 6px !important; } #embed-player-iframe .like-content{ text-align: center; } #embed-player-iframe .like-content p{ padding-top: 25px; line-height: 1.8; font-size: 16px; text-align: center; padding-bottom: 10px; color: #1a1a1a !important; font-family: Roboto,Helvetica,Arial,sans-serif; } .post_toolbar_download .wait-load span{ float: none; margin-left: 0; } @media screen and (max-width: 1100px){ /*.layui-layer-iframe{overflow-y: inherit !important;}*/ .layui-layer{ width: 55% !important;} .layui-layer-iframe{ height: 60% !important;} .layui-layer-setwin .layui-layer-close2{right: -15px !important; top: -16px !important;} } .embed-player-iframe{ border-radius: 8px; } @media screen and (max-width: 1100px){ /*.layui-layer-iframe{overflow-y: inherit !important;}*/ } @media (min-width: 768px) and (max-width: 1200px) { .layui-layer-iframe{ width: 50% !important; left: 25% !important;} } @media (min-width: 768px) and (max-width: 979px) { #shareModal .share-table{ margin-left: 125px; } } @media (max-width: 767px) { #shareModal .share-table{ margin-left: 0; width: 100%; margin-bottom: 100px;} #shareModal .modal-header{ margin-bottom: 20px; padding-bottom: 20px; z-index: 1000000000;} #shareModal button.close{ opacity: 0.9; padding:10px;} .layui-layer-iframe .layui-layer-setwin .layui-layer-close2{ right: -15px;} .layui-layer{ width: 95% !important;} .layui-layer-iframe{ height: 99% !important;top: 2px !important;} #embed-player-iframe,#embed-player-iframe iframe{ height: 99% !important;} }