From c96e83d78a4a171805fb0442618869a5689fd1d2 Mon Sep 17 00:00:00 2001 From: NIU Administrator Date: Fri, 6 Nov 2020 19:38:31 +0900 Subject: [PATCH] revised css. --- style.css | 702 +++++++++++++++++++----------------------------------- 1 file changed, 243 insertions(+), 459 deletions(-) diff --git a/style.css b/style.css index 199e0bc..002081d 100644 --- a/style.css +++ b/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; -} - -