312 lines
6.7 KiB
CSS
312 lines
6.7 KiB
CSS
/*
|
|
Theme Name: CBS Online
|
|
Template: bizvektor-global-edition
|
|
Version: 20201112
|
|
*/
|
|
|
|
/* general */
|
|
body {
|
|
font-size: 100% !important;
|
|
line-height: 130% !important;
|
|
}
|
|
|
|
/* header */
|
|
@media (min-width: 660px) {
|
|
.headLogoWrap {
|
|
float: left;
|
|
width: 250px;
|
|
}
|
|
.header-widget {
|
|
float: right;
|
|
width: calc(100% - 250px);
|
|
}
|
|
.header-widget .searchform {
|
|
clear: both;
|
|
}
|
|
}
|
|
#header #site-title {
|
|
padding-bottom: 3px !important;
|
|
}
|
|
#header #site-description {
|
|
color: #333 !important;
|
|
}
|
|
|
|
/* header widget area */
|
|
.header-widget-area-wrap {
|
|
white-space: nowrap;
|
|
text-align: right;
|
|
}
|
|
.header-widget .rounded {
|
|
display: none;
|
|
}
|
|
.header-widget-area-wrap .header-widget-area {
|
|
display: inline;
|
|
margin-left: 15px;
|
|
}
|
|
.header-widget-area-wrap .header-widget-area div,
|
|
.header-widget-area-wrap .header-widget-area p,
|
|
.header-widget-area-wrap .header-widget-area ul,
|
|
.header-widget-area-wrap .header-widget-area li {
|
|
display: inline;
|
|
}
|
|
body.ja .bogo-language-switcher .ja,
|
|
body.en-US .bogo-language-switcher .en {
|
|
display: none;
|
|
}
|
|
|
|
/* search form */
|
|
form#searchform {
|
|
background: none !important;
|
|
padding-top: 10px !important;
|
|
margin-bottom: 15px !important;
|
|
}
|
|
form#searchform input#s {
|
|
float: right !important;
|
|
width: 200px !important;
|
|
}
|
|
form#searchform input#searchsubmit {
|
|
background-color: #000 !important;
|
|
border-radius: 0 !important;
|
|
color: #fff !important;
|
|
width: 80px !important;
|
|
}
|
|
|
|
/* global menu */
|
|
@media (min-width: 770px) {
|
|
#gMenu {
|
|
border-bottom: 4px solid #111986 !important;
|
|
}
|
|
#gMenu .menu {
|
|
border-left: none !important;
|
|
float: right;
|
|
}
|
|
#gMenu .menu li {
|
|
margin-left: 5px;
|
|
}
|
|
#gMenu .menu li a {
|
|
border-right: none;
|
|
font-weight: bold !important;
|
|
background-color: #b2b2b2;
|
|
padding: 5px 15px 5px !important;
|
|
color: #000000;
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
#gMenu .menu li a strong {
|
|
font-weight: bold !important;
|
|
}
|
|
#gMenu .menu li.current_page_item > a,
|
|
#gMenu .menu li > a:hover {
|
|
background-color: #444444 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
}
|
|
|
|
/* bread crumbs */
|
|
.bcnlist {
|
|
margin: 15px 0;
|
|
}
|
|
|
|
/* main content */
|
|
#topFreeArea {
|
|
border-bottom: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
#topFreeArea::after {
|
|
content: "";
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
#container {
|
|
padding-top: 0 !important;
|
|
}
|
|
#content.wide {
|
|
width: 100% !important;
|
|
margin: 0 auto !important;
|
|
float: none !important;
|
|
}
|
|
#container #content p {
|
|
padding: 0px;
|
|
margin-bottom: 30px;
|
|
}
|
|
#container #content table {
|
|
border-top: none;
|
|
}
|
|
.entry-title {
|
|
font-size: 128.6%;
|
|
font-weight: bold;
|
|
color: #333;
|
|
position: relative;
|
|
line-height: 114.3%;
|
|
border-top: none !important;
|
|
border-bottom: 2px solid #111986 !important;
|
|
border-left: 5px solid #111986 !important;
|
|
padding: 5px 0 5px 5px !important;
|
|
margin-bottom: 10px !important;
|
|
clear: both;
|
|
}
|
|
#content .entry-content h2 {
|
|
border: none !important;
|
|
border-left: 5px solid #8F8F8F !important;
|
|
padding-left: 10px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
#content .entry-content h3 {
|
|
border: none !important;
|
|
padding-left: 0 !important;
|
|
}
|
|
#content .entry-content h4 {
|
|
border: none !important;
|
|
}
|
|
#content .infoList .infoListBox div.entryTxtBox p {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
/* side bar */
|
|
@media (min-width: 970px) {
|
|
#sideTower {
|
|
width: 280px !important;
|
|
}
|
|
}
|
|
#sideTower {
|
|
background: #c4c6e1;
|
|
padding-top: 30px;
|
|
}
|
|
#sideTower .sideWidget li a:hover,
|
|
#sideTower .sideWidget li.current_page_item a,
|
|
#sideTower .sideWidget li.current-cat a {
|
|
background: none !important;
|
|
}
|
|
#sideTower .sideWidget li.current_page_item a {
|
|
font-weight: bold;
|
|
}
|
|
#sideTower .sideWidget li.current_page_item ul.children a {
|
|
font-weight: normal;
|
|
}
|
|
#sideTower .sideWidget li.current_page_item a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
#sideTower .sideWidget li ul li {
|
|
border-bottom: none !important;
|
|
}
|
|
#sideTower ul.localNavi ul.children {
|
|
border-top: 2px solid #333;
|
|
margin-left: 30px;
|
|
margin-right: 30px;
|
|
}
|
|
#sideTower ul.localNavi ul.children a {
|
|
padding: 13px 5px 11px 20px;
|
|
}
|
|
.single #sideTower .sideWidget,
|
|
.archive #sideTower .sideWidget {
|
|
margin-left: 28px;
|
|
margin-right: 28px;
|
|
}
|
|
.single #sideTower .sideWidget .localHead,
|
|
.archive #sideTower .sideWidget .localHead {
|
|
border-top: none !important;
|
|
border-bottom: 2px solid #666 !important;
|
|
}
|
|
|
|
/* footer */
|
|
#footerSection {
|
|
top: 0 !important;
|
|
background: #e5e5e5;
|
|
}
|
|
#siteBottom {
|
|
background: #333;
|
|
padding: 40px 0 !important;
|
|
color: #FFF !important;
|
|
}
|
|
#footer {
|
|
display: none !important;
|
|
}
|
|
|
|
/* footer menu */
|
|
#footMenu .menu {
|
|
border-left: none !important;
|
|
}
|
|
#footMenu .menu li {
|
|
padding: 5px 0 !important;
|
|
}
|
|
#footMenu .menu li a {
|
|
border-right: none !important;
|
|
}
|
|
#footMenu .innerBox {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
/* front page */
|
|
@media (min-width: 770px) {
|
|
#mainContainer #sideNav {
|
|
width: 260px;
|
|
float: left;
|
|
}
|
|
#mainContainer #mainContents {
|
|
width: calc(100% - 330px); /* 630px; */
|
|
float: left;
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
#mainContainer #sideNav {
|
|
padding: 20px;
|
|
background-color: #eee;
|
|
}
|
|
#content #topBlog.infoList ul.entryListTop li {
|
|
list-style: disc outside;
|
|
border-bottom: none;
|
|
margin-left: 1.2em;
|
|
}
|
|
#content #topBlog.infoList ul.entryListTop li .newsDate {
|
|
display: inline-block;
|
|
width: 8em;
|
|
vertical-align: top;
|
|
}
|
|
#content #topBlog.infoList ul.entryListTop li .newsTitle {
|
|
display: inline-block;
|
|
width: calc(100% - 9.7em);
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* top box */
|
|
@media (min-width: 770px) {
|
|
#content .topbox {
|
|
width: 31%;
|
|
margin: 0 1%;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
#content .topbox {
|
|
padding: 15px;
|
|
height: auto !important;
|
|
}
|
|
#content .topbox p {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
/* error page */
|
|
#content .error404 {
|
|
padding-right: 160px;
|
|
padding-top: 40px;
|
|
padding-bottom: 80px !important;
|
|
}
|
|
|
|
/* search page */
|
|
.search #content ul.linkList {
|
|
font-size: 100%;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
/* category page */
|
|
#content hr.gradient {
|
|
margin: 2em 0;
|
|
border: 0;
|
|
height: 1px;
|
|
background-image: linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
|
|
background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
|
|
background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
|
|
background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
|
|
background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
|
|
}
|