revised css.
This commit is contained in:
parent
0c8b959a3e
commit
c96e83d78a
702
style.css
702
style.css
@ -1,516 +1,300 @@
|
||||
/*
|
||||
Theme Name: CBS Online
|
||||
Template: bizvektor-global-edition
|
||||
Version: 20180322
|
||||
Version: 20201106
|
||||
*/
|
||||
|
||||
/* general */
|
||||
body {
|
||||
font-size:100% !important;
|
||||
line-height:130% !important;
|
||||
-webkit-text-size-adjust : 100% !important;}
|
||||
|
||||
|
||||
|
||||
|
||||
.innerBox,
|
||||
#gMenu #gMenuInner.innerBox { width:960px !important; }
|
||||
#topMainBnr img { width:960px !important; }
|
||||
#topMainBnrFrame { width:960px !important; }
|
||||
|
||||
|
||||
|
||||
#main #container #sideTower {
|
||||
width: 280px !important;
|
||||
font-size: 100% !important;
|
||||
line-height: 130% !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.bcnlist {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#main #container #content.wide {
|
||||
width: 100% !important;
|
||||
margin: 0 auto !important;
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#main #container {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#content p {
|
||||
padding: 0px !important;
|
||||
margin-bottom: 30px !important;
|
||||
}
|
||||
|
||||
|
||||
#gMenu {
|
||||
border-bottom: 4px solid #111986 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#footerSection {
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#siteBottom {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.header-widget {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.header-widget .searchform {
|
||||
/* header */
|
||||
@media (min-width: 660px) {
|
||||
.headLogoWrap {
|
||||
float: left;
|
||||
width: 250px;
|
||||
}
|
||||
.header-widget {
|
||||
float: right;
|
||||
width: calc(100% - 250px);
|
||||
}
|
||||
.header-widget .searchform {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.header-widget-area-wrap {
|
||||
#header #site-title {
|
||||
padding-bottom: 3px !important;
|
||||
}
|
||||
|
||||
|
||||
.header-widget .rounded {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body.en-US .bogo-language-switcher .en {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body.ja .bogo-language-switcher .ja {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.topbox {
|
||||
width: 31%;
|
||||
margin: 0 1%;
|
||||
float: left;
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
height:auto;
|
||||
}
|
||||
.topbox .mtli_attachment {
|
||||
background: none;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#content .topbox p {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#gMenu .menu {
|
||||
border-left: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#gMenu .menu li {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#gMenu .menu li a {
|
||||
border-right: none;
|
||||
font-weight: bold !important;
|
||||
background: #b2b2b2;
|
||||
padding: 5px 15px 5px !important;
|
||||
color: #000000;
|
||||
border-radius: 5px 5px 0 0;
|
||||
|
||||
}
|
||||
#gMenu .menu li a strong {
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.headLogoWrap {
|
||||
}
|
||||
|
||||
|
||||
.headLogoWrap {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.header-widget {
|
||||
float: right;
|
||||
width: 50%;
|
||||
}
|
||||
.header-widget-area-wrap {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#headerTop #site-description {
|
||||
#header #site-description {
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
#header #site-title{
|
||||
padding-bottom: 3px !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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.topbnr-widget-area {
|
||||
overflow: hidden;
|
||||
width: 960px;
|
||||
/* search form */
|
||||
form#searchform {
|
||||
background: none !important;
|
||||
padding-top: 10px !important;
|
||||
margin-bottom: 15px !important;
|
||||
}
|
||||
.topbnr-widget-area p {
|
||||
float: left;
|
||||
margin-right: 53px;
|
||||
form#searchform input#s {
|
||||
float: right !important;
|
||||
width: 200px !important;
|
||||
}
|
||||
.topbnr-widget-area p:nth-of-type(5n) ,
|
||||
.topbnr-widget-area p:nth-of-type(9n) ,
|
||||
.topbnr-widget-area p:nth-of-type(13n) {
|
||||
clear: both;
|
||||
form#searchform input#searchsubmit {
|
||||
background-color: #000 !important;
|
||||
border-radius: 0 !important;
|
||||
color: #fff !important;
|
||||
width: 80px !important;
|
||||
}
|
||||
|
||||
.topbnr-widget-area-inner {
|
||||
width: 1012px;
|
||||
|
||||
/* 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 {
|
||||
clear: both;
|
||||
border-bottom: none !important;
|
||||
box-shadow: none !important;
|
||||
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 {
|
||||
clear: both;
|
||||
font-size: 128.6%;
|
||||
|
||||
padding: 13px 0px 8px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-top: 2px solid #000;
|
||||
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;
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#gMenu .menu {
|
||||
border-left: none !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;
|
||||
}
|
||||
|
||||
#gMenu .menu li.current_page_item > a, #gMenu .menu li > a:hover {
|
||||
background-color: #444444 !important;
|
||||
color: #FFFFFF !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;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 20px !important;
|
||||
}
|
||||
|
||||
#footMenu .innerBox {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#siteBottom {
|
||||
padding: 40px 0 !important;
|
||||
color: #FFF !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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#sideTower {
|
||||
background: #c4c6e1;
|
||||
/* 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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.localSection .localHead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.localSection .page_item {
|
||||
display: none;
|
||||
}
|
||||
.localSection .page_item.current_page_item ,
|
||||
.localSection .page_item.current_page_parent {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
form#searchform {
|
||||
background: none !important;
|
||||
padding-top: 10px !important;
|
||||
margin-bottom: 15px !important;
|
||||
|
||||
|
||||
/*padding: 5px 0px 5px 7px;
|
||||
background-color: #e5e5e5;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
position: relative;*/
|
||||
}
|
||||
|
||||
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#footerSection {
|
||||
top: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*toc*/
|
||||
|
||||
#toc_container {
|
||||
background: none !important;
|
||||
border: none !important;
|
||||
padding: 0 10px !important;
|
||||
margin-bottom: 0 !important;
|
||||
margin-top: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 110% !important;
|
||||
}
|
||||
|
||||
#toc_container .toc_list {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
#toc_container p.toc_title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*MimeTypes Link Icons*/
|
||||
|
||||
.mtli_attachment {
|
||||
display: inline !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*左メニュー調整*/
|
||||
|
||||
.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;
|
||||
/*padding: 13px 20px 11px 38px;*/
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
#main #container #sideTower {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#content .infoList .infoListBox div.entryTxtBox p {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
|
||||
/*検索フォーム*/
|
||||
|
||||
/* error page */
|
||||
#content .error404 {
|
||||
padding-right: 160px;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 80px !important;
|
||||
padding-right: 160px;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 80px !important;
|
||||
}
|
||||
|
||||
|
||||
/* search page */
|
||||
.search #content ul.linkList {
|
||||
font-size: 100%;
|
||||
margin-bottom: 40px;
|
||||
font-size: 100%;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*トップお知らせリスト*/
|
||||
|
||||
#content ul.entryListTop li {
|
||||
border-bottom: none !important;
|
||||
list-style: disc !important;
|
||||
margin-left: 1.2em;
|
||||
}
|
||||
|
||||
.entryListTopList {
|
||||
margin-left: 1.2em;
|
||||
}
|
||||
#content ul.entryListTop li .newsDate {
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
#content ul.entryListTop li .newsTitle {
|
||||
margin-left: 9em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**/
|
||||
#sideNav {
|
||||
width: 260px;
|
||||
float: left;
|
||||
background-color: #eee;
|
||||
padding: 20px;
|
||||
}
|
||||
#mainContents {
|
||||
width: 630px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user