15,339
个编辑
小 (修改) 标签:替换 手工回退 |
无编辑摘要 标签:已被回退 |
||
第1行: | 第1行: | ||
/* [[Category:CSS页面]] */ | /* [[Category:CSS页面]] */ | ||
/* 此处用于测试样式,使用后务必清空 */ | /* 此处用于测试样式,使用后务必清空 */ | ||
/* 此處的 CSS 將應用於所有的面板 | |||
/* fix google maps little man in responsive skin (20160822 Rocio) */ | |||
.gm-style img { | |||
max-width: none; | |||
} | |||
/*全部的使用者都會載入這裡的 CSS。*/ | |||
@media screen and (min-width: 1200px) { | |||
/* // 如果使用者之視窗寬度 >= 1200px,將會再載入這裡的 CSS。*/ | |||
} | |||
@media screen and (min-width: 768px) and (max-width: 979px) { | |||
/* // 如果使用者之視窗寬度介於 768px ~ 979px,將會再載入這裡的 CSS。 */ | |||
} | |||
@media screen and (max-width: 767px) { | |||
/* // 如果使用者之視窗寬度 <= 768px,將會再載入這裡的 CSS。 */ | |||
} | |||
@media screen and (max-device-width: 480px) { | |||
} | |||
body.page-Main_Page h1.firstHeading { display: none; } | |||
#scrollDiv{width:100%;height:25px;line-height:25px; overflow:hidden} | |||
#scrollDiv li{height:25px;padding-left:10px;list-style:none;} | |||
/* new home screen */ | |||
#hs{ | |||
position: relative; | |||
overflow: auto; | |||
color:#333; | |||
} | |||
#hs-banner{ | |||
height: 200px; | |||
overflow: auto; | |||
position: relative; | |||
} | |||
#hs-banner img { | |||
position: absolute; | |||
width: 100%; | |||
height: auto; | |||
bottom: -60%; | |||
} | |||
#hs-banner-intro { | |||
background: none; | |||
margin: 140px 0 0 3px; | |||
opacity: 0.8; | |||
padding: 15px; | |||
position: relative; | |||
width: 500px; | |||
z-index: 1; | |||
font-size: 110%; | |||
} | |||
#hs-banner-intro h1{ | |||
font-family:微軟正黑體, sans-serif; | |||
border: 0; | |||
margin-bottom: 0; | |||
} | |||
/*<!--以下為R設定-->*/ | |||
#hs-bannerR { | |||
height: 250px; | |||
overflow: hidden; | |||
position: relative; | |||
border-radius: 10px; | |||
} | |||
#hs-bannerR img { | |||
position: absolute; | |||
width: 100%; | |||
height: auto; | |||
bottom: -60%; | |||
opacity: 0.7; /*//透明度*/ | |||
} | |||
#hs-banner-introR { | |||
border: 1px; | |||
background: none; | |||
margin: 200px 0 0 20px; | |||
opacity: 0.8; | |||
padding: 15px; | |||
position: relative; | |||
width: 500px; | |||
z-index: 1; | |||
font-size: 120%; | |||
} | |||
#hs-banner-introR h1{ | |||
font-family:標楷體, DFKai-sb, sans-serif; | |||
border: 0px; | |||
margin-bottom: 0; | |||
} | |||
#hs-searchR{ | |||
border: 1px; | |||
background: #FFFFFF; | |||
margin: 50px 0px 0 0; | |||
opacity: 0.8;/* //透明度*/ | |||
padding: 5px; | |||
position: relative; | |||
top:-20px; | |||
left:40px; | |||
z-index: 1; | |||
float: right; | |||
font-size: 110%; | |||
} | |||
/*<!--以上為R設定-->*/ | |||
#hs-banner-intro p{ | |||
} | |||
#hs-search{ | |||
background: #FFFFFF; | |||
margin: 50px 0px 0 0; | |||
opacity: 0.8; | |||
padding: 5px; | |||
position: relative; | |||
z-index: 1; | |||
float: right; | |||
font-size: 110%; | |||
} | |||
#hs-search-back{ | |||
width: 100%; | |||
height: 40px; | |||
position: absolute; | |||
top:0; | |||
left: 0; | |||
opacity: 0.8; | |||
background: #FFF; | |||
} | |||
#hs-search input{ | |||
position: relative; | |||
color:#333; | |||
font-size: 14px | |||
} | |||
#hs-search #bodySearchInput, | |||
#hs-search .searchboxInput { | |||
width: 220px; | |||
background: #FFF; | |||
border:1px solid #B4B4B4; | |||
padding: 4px; | |||
} | |||
#hs-search .bodySearchBtnGo, | |||
#hs-search .searchboxSearchButton{ | |||
width: 80px; | |||
margin-left: 10px; | |||
text-transform: uppercase; | |||
background: #CCC; | |||
border:1px solid #B4B4B4; | |||
border-bottom:2px solid #B4B4B4; | |||
border-right: 2px solid #B4B4B4; | |||
border-radius: 2px; | |||
padding: 4px 4px 3px; | |||
} | |||
#hs .column1{ | |||
float: left; | |||
width: 49%; | |||
margin-right: 1%; | |||
} | |||
#hs .column2{ | |||
float: left; | |||
width: 50%; | |||
} | |||
#hs .column h2, #hs .column h3{ | |||
margin-bottom: 5px; | |||
margin-top: 15px; | |||
} | |||
#hs .half{ | |||
width: 50%; | |||
float: left; | |||
} | |||
#hs .last{ | |||
margin-right:0; | |||
} | |||
#hs .right{ | |||
float:left; | |||
} | |||
#hs .first{ | |||
clear:left; | |||
} | |||
/*借我(Vanya)做首頁*/ | |||
#sample{ | |||
width:749px; | |||
height:287px; | |||
} | |||
/*下拉*/ | |||
#pmenu, #pmenu ul { | |||
margin: 0; | |||
padding: 0; | |||
text-decoration: none; | |||
list-style: none; | |||
} | |||
#pmenu { | |||
margin:25px 0 200px 15px; | |||
} | |||
#pmenu li { | |||
float:left; | |||
position:relative; | |||
} | |||
#pmenu a, #pmenu a:visited { | |||
display:block; | |||
width:100px; | |||
font-size:13px; | |||
color:#000; | |||
height:30px; | |||
line-height:29px; | |||
text-decoration:none; | |||
text-indent:10px; | |||
background:#b2ab9b; | |||
border:1px solid #fff; | |||
border-width:0 1px 1px 0; | |||
} | |||
#pmenu li:hover > a{ | |||
background:#dfd7ca; | |||
color:#c00; | |||
} | |||
#pmenu li ul { | |||
display: none; | |||
} | |||
#pmenu li:hover > ul { | |||
display:block; | |||
position:absolute; | |||
top:0; | |||
left:101px; | |||
} | |||
#pmenu > li:hover > ul { | |||
left:0; | |||
top:31px; | |||
} | |||
/*另一個下拉*/ | |||
#menuv ul{ | |||
margin: 0; | |||
padding: 0; | |||
font-size: 13px; | |||
text-decoration: none; | |||
list-style: none; | |||
} | |||
#menuv{ | |||
text-decoration: none; | |||
list-style: none; | |||
} | |||
#menuv li { | |||
position: relative; | |||
float: left; | |||
} | |||
/* 選單 li 裡面連結之樣式 */ | |||
#menuv li a{ | |||
display: block; | |||
padding: 12px 20px; | |||
background: #888; | |||
color: #FFF; | |||
} | |||
/* 特定在第一層,以左邊灰線分隔 */ | |||
#menuv li > a{ | |||
border-bottom: 1px solid #CCC; | |||
border-left: 1px solid #CCC; | |||
} | |||
#menuv li > a:hover{ | |||
color: #666; | |||
background: #DDD | |||
} | |||
/* 特定在第一層 > 第二層之後下拉部分之樣式 */ | |||
#menuv li ul{ | |||
display: none; | |||
float: left; | |||
position: absolute; | |||
left: 0; | |||
margin: 0; | |||
} | |||
/* 當第一層選單被觸發時,指定第二層顯示 */ | |||
#menuv li:hover > ul{ | |||
display: block; | |||
} | |||
/* 特定在第二層或之後下拉部分 li 之樣式 */ | |||
#menuv ul li { | |||
border-bottom: 1px solid #DDD; | |||
} | |||
/* 特定在第二層或之後下拉部分 li (最後一項不要底線)之樣式 */ | |||
#menuv ul li:last-child { | |||
border-bottom: none; | |||
} | |||
/* 第二層或之後 選單 li 之樣式 */ | |||
#menuv ul a { | |||
width: 120px; | |||
padding: 10px 12px; | |||
color: #666; | |||
background: #EEE; | |||
} | |||
#menuv ul a:hover { | |||
background: #CCC; | |||
} | |||
/* 第三層之後,上一層的選單觸發則顯示出來(皆為橫向拓展) */ | |||
#menuv ul li:hover > ul{ | |||
display: block; | |||
position: absolute; | |||
top: 0; | |||
left: 100%; | |||
} | |||
/* END OF NEW home screen */ | |||
/* Standard Navigationsleisten.*/ | |||
div.Boxmerge, | |||
div.NavFrame { | |||
margin: 0px; | |||
padding: 2px; | |||
border: 1px solid #aaaaaa; | |||
border-collapse: collapse; | |||
font-size: 95%; | |||
} | |||
div.Boxmerge div.NavFrame { | |||
border-style: none; | |||
border-style: hidden; | |||
} | |||
div.NavFrame + div.NavFrame, | |||
div.NavFrame + table.collapsible, | |||
table.collapsible + div.NavFrame, | |||
table.collapsible + table.collapsible { | |||
border-top-style: none; | |||
border-top-style: hidden; | |||
} | |||
div.NavPic { | |||
background-color: #ffffff; | |||
margin: 0px; | |||
padding: 2px; | |||
float: left; | |||
} | |||
div.NavFrame div.NavHead { | |||
min-height: 1.6em; | |||
font-weight: bold; | |||
font-size: 100%; | |||
text-align: center; | |||
background-color: #efefef; | |||
cursor:pointer; | |||
} | |||
div.NavFrame p { | |||
font-size: 100%; | |||
} | |||
div.NavFrame div.NavContent { | |||
font-size: 100%; | |||
} | |||
div.NavFrame div.NavContent p { | |||
font-size: 100%; | |||
} | |||
div.NavEnd { | |||
margin: 0px; | |||
padding: 0px; | |||
line-height: 1px; | |||
clear: both; | |||
} | |||
/* 箭頭向下 */ | |||
div.arrow-bottom { | |||
display: inline-block; | |||
margin-left: 5px; | |||
border-top: 4px solid #FFF; | |||
border-right: 4px solid transparent; | |||
border-left: 4px solid transparent; | |||
width: 1px; | |||
height: 1px; | |||
} | |||
/* 箭頭向右 */ | |||
div.arrow-right { | |||
display: inline-block; | |||
margin-left: 12px; | |||
border-top: 3px solid transparent; | |||
border-bottom: 3px solid transparent; | |||
border-left: 3px solid #666; | |||
width: 1px; | |||
height: 1px; | |||
} | |||
span.NavToggle { | |||
float: right; | |||
/*保证在禁用JS状态下不显示提示,使用hidden以保证在navbox标题能占有宽度*/ | |||
visibility: hidden; | |||
text-align: right; | |||
font-weight: normal; | |||
font-size: 80%; | |||
} | |||
/* Hatnotes and disambiguation notices */ | |||
.rellink /*, | |||
.dablink */ { | |||
/* font-style: italic; */ | |||
/* @noflip */ | |||
padding-left: 1.6em; | |||
margin-bottom: 0.5em; | |||
} | |||
.rellink i /*, | |||
.dablink i */ { | |||
font-style: normal; | |||
} | |||
/*2014年5月12日Vanya測試用*/ | |||
/* Align */ | |||
.valign-middle, .valign-center, .va-m, .va-c { vertical-align: middle; } | |||
.valign-top, .va-t { vertical-align: top; } | |||
.valign-bottom, .va-b { vertical-align: bottom; } | |||
.alignt-middle, .alignt-center, .at-m, .at-c, .eplist { text-align: center; } | |||
.alignt-left, .at-l { text-align: left; } | |||
.alignt-right, .at-r, .collapseButton { text-align: right; } | |||
.align-middle, .align-center, .a-m, .a-c, .eplist { margin: 0 auto; } | |||
.align-left, .a-l { float: left; } | |||
.align-right, .a-r, .collapseButton, .userbox, .babelbox { float: right; } | |||
/* 圓角邊框 */ | |||
.roundy { border-radius: 10px; } | |||
.roundytl { border-top-left-radius: 10px; } | |||
.roundytr { border-top-right-radius: 10px; } | |||
.roundybl { border-bottom-left-radius: 10px; } | |||
.roundybr { border-bottom-right-radius: 10px; } | |||
.roundytop { border-top-left-radius: 10px; border-top-right-radius: 10px; } | |||
.roundyright { border-bottom-right-radius: 10px; border-top-right-radius: 10px; } | |||
.roundybottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } | |||
.roundyleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } | |||
.roundy-10 { border-radius: 10px; } | |||
.roundytl-10 { border-top-left-radius: 10px; } | |||
.roundytr-10 { border-top-right-radius: 10px; } | |||
.roundybl-10 { border-bottom-left-radius: 10px; } | |||
.roundybr-10 { border-bottom-right-radius: 10px; } | |||
.roundytop-10 { border-top-left-radius: 10px; border-top-right-radius: 10px; } | |||
.roundyright-10 { border-bottom-right-radius: 10px; border-top-right-radius: 10px; } | |||
.roundybottom-10 { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } | |||
.roundyleft-10 { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } | |||
.roundy-4 { border-radius: 4px; } | |||
.roundytl-4 { border-top-left-radius: 4px; } | |||
.roundytr-4 { border-top-right-radius: 4px; } | |||
.roundybl-4 { border-bottom-left-radius: 4px; } | |||
.roundybr-4 { border-bottom-right-radius: 4px; } | |||
.roundytop-4 { border-top-left-radius: 4px; border-top-right-radius: 4px; } | |||
.roundyright-4 { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } | |||
.roundybottom-4 { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } | |||
.roundyleft-4 { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } | |||
.roundy-5 { border-radius: 5px; } | |||
.roundytl-5 { border-top-left-radius: 5px; } | |||
.roundytr-5 { border-top-right-radius: 5px; } | |||
.roundybl-5 { border-bottom-left-radius: 5px; } | |||
.roundybr-5 { border-bottom-right-radius: 5px; } | |||
.roundytop-5 { border-top-left-radius: 5px; border-top-right-radius: 5px; } | |||
.roundyright-5 { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } | |||
.roundybottom-5 { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } | |||
.roundyleft-5 { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } | |||
.roundy-6 { border-radius: 6px; } | |||
.roundytl-6 { border-top-left-radius: 6px; } | |||
.roundytr-6 { border-top-right-radius: 6px; } | |||
.roundybl-6 { border-bottom-left-radius: 6px; } | |||
.roundybr-6 { border-bottom-right-radius: 6px; } | |||
.roundytop-6 { border-top-left-radius: 6px; border-top-right-radius: 6px; } | |||
.roundyright-6 { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } | |||
.roundybottom-6 { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } | |||
.roundyleft-6 { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } | |||
.roundy-8 { border-radius: 8px; } | |||
.roundytl-8 { border-top-left-radius: 8px; } | |||
.roundytr-8 { border-top-right-radius: 8px; } | |||
.roundybl-8 { border-bottom-left-radius: 8px; } | |||
.roundybr-8 { border-bottom-right-radius: 8px; } | |||
.roundytop-8 { border-top-left-radius: 8px; border-top-right-radius: 8px; } | |||
.roundyright-8 { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } | |||
.roundybottom-8 { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } | |||
.roundyleft-8 { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } | |||
.roundy-15 { border-radius: 15px; } | |||
.roundytl-15 { border-top-left-radius: 15px; } | |||
.roundytr-15 { border-top-right-radius: 15px; } | |||
.roundybl-15 { border-bottom-left-radius: 15px; } | |||
.roundybr-15 { border-bottom-right-radius: 15px; } | |||
.roundytop-15 { border-top-left-radius: 15px; border-top-right-radius: 15px; } | |||
.roundyright-15 { border-bottom-right-radius: 15px; border-top-right-radius: 15px; } | |||
.roundybottom-15 { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } | |||
.roundyleft-15 { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } | |||
.roundy-20 { border-radius: 20px; } | |||
.roundytl-20 { border-top-left-radius: 20px; } | |||
.roundytr-20 { border-top-right-radius: 20px; } | |||
.roundybl-20 { border-bottom-left-radius: 20px; } | |||
.roundybr-20 { border-bottom-right-radius: 20px; } | |||
.roundytop-20 { border-top-left-radius: 20px; border-top-right-radius: 20px; } | |||
.roundyright-20 { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } | |||
.roundybottom-20 { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } | |||
.roundyleft-20 { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } | |||
.roundy-24 { border-radius: 24px; } | |||
.roundytl-24 { border-top-left-radius: 24px; } | |||
.roundytr-24 { border-top-right-radius: 24px; } | |||
.roundybl-24 { border-bottom-left-radius: 24px; } | |||
.roundybr-24 { border-bottom-right-radius: 24px; } | |||
.roundytop-24 { border-top-left-radius: 24px; border-top-right-radius: 24px; } | |||
.roundyright-24 { border-bottom-right-radius: 24px; border-top-right-radius: 24px; } | |||
.roundybottom-24 { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; } | |||
.roundyleft-24 { border-top-left-radius: 24px; border-bottom-left-radius: 24px; } | |||
.roundy-25 { border-radius: 25px; } | |||
.roundytl-25 { border-top-left-radius: 25px; } | |||
.roundytr-25 { border-top-right-radius: 25px; } | |||
.roundybl-25 { border-bottom-left-radius: 25px; } | |||
.roundybr-25 { border-bottom-right-radius: 25px; } | |||
.roundytop-25 { border-top-left-radius: 25px; border-top-right-radius: 25px; } | |||
.roundyright-25 { border-bottom-right-radius: 25px; border-top-right-radius: 25px; } | |||
.roundybottom-25 { border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } | |||
.roundyleft-25 { border-top-left-radius: 25px; border-bottom-left-radius: 25px; } | |||
.roundy-30 { border-radius: 30px; } | |||
.roundytl-30 { border-top-left-radius: 30px; } | |||
.roundytr-30 { border-top-right-radius: 30px; } | |||
.roundybl-30 { border-bottom-left-radius: 30px; } | |||
.roundybr-30 { border-bottom-right-radius: 30px; } | |||
.roundytop-30 { border-top-left-radius: 30px; border-top-right-radius: 30px; } | |||
.roundyright-30 { border-bottom-right-radius: 30px; border-top-right-radius: 30px; } | |||
.roundybottom-30 { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } | |||
.roundyleft-30 { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } | |||
.roundy-32 { border-radius: 32px; } | |||
.roundytl-32 { border-top-left-radius: 32px; } | |||
.roundytr-32 { border-top-right-radius: 32px; } | |||
.roundybl-32 { border-bottom-left-radius: 32px; } | |||
.roundybr-32 { border-bottom-right-radius: 32px; } | |||
.roundytop-32 { border-top-left-radius: 32px; border-top-right-radius: 32px; } | |||
.roundyright-32 { border-bottom-right-radius: 32px; border-top-right-radius: 32px; } | |||
.roundybottom-32 { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } | |||
.roundyleft-32 { border-top-left-radius: 32px; border-bottom-left-radius: 32px; } | |||
.roundy-48 { border-radius: 48px; } | |||
.roundytl-48 { border-top-left-radius: 48px; } | |||
.roundytr-48 { border-top-right-radius: 48px; } | |||
.roundybl-48 { border-bottom-left-radius: 48px; } | |||
.roundybr-48 { border-bottom-right-radius: 48px; } | |||
.roundytop-48 { border-top-left-radius: 48px; border-top-right-radius: 48px; } | |||
.roundyright-48 { border-bottom-right-radius: 48px; border-top-right-radius: 48px; } | |||
.roundybottom-48 { border-bottom-left-radius: 48px; border-bottom-right-radius: 48px; } | |||
.roundyleft-48 { border-top-left-radius: 48px; border-bottom-left-radius: 48px; } | |||
.roundy-50 { border-radius: 50px; } | |||
.roundytl-50 { border-top-left-radius: 50px; } | |||
.roundytr-50 { border-top-right-radius: 50px; } | |||
.roundybl-50 { border-bottom-left-radius: 50px; } | |||
.roundybr-50 { border-bottom-right-radius: 50px; } | |||
.roundytop-50 { border-top-left-radius: 50px; border-top-right-radius: 50px; } | |||
.roundyright-50 { border-bottom-right-radius: 50px; border-top-right-radius: 50px; } | |||
.roundybottom-50 { border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; } | |||
.roundyleft-50 { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } | |||
.roundy-60 { border-radius: 60px; } | |||
.roundytl-60 { border-top-left-radius: 60px; } | |||
.roundytr-60 { border-top-right-radius: 60px; } | |||
.roundybl-60 { border-bottom-left-radius: 60px; } | |||
.roundybr-60 { border-bottom-right-radius: 60px; } | |||
.roundytop-60 { border-top-left-radius: 60px; border-top-right-radius: 60px; } | |||
.roundyright-60 { border-bottom-right-radius: 60px; border-top-right-radius: 60px; } | |||
.roundybottom-60 { border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; } | |||
.roundyleft-60 { border-top-left-radius: 60px; border-bottom-left-radius: 60px; } | |||
.roundy-80 { border-radius: 80px; } | |||
.roundytl-80 { border-top-left-radius: 80px; } | |||
.roundytr-80 { border-top-right-radius: 80px; } | |||
.roundybl-80 { border-bottom-left-radius: 80px; } | |||
.roundybr-80 { border-bottom-right-radius: 80px; } | |||
.roundytop-80 { border-top-left-radius: 80px; border-top-right-radius: 80px; } | |||
.roundyright-80 { border-bottom-right-radius: 80px; border-top-right-radius: 80px; } | |||
.roundybottom-80 { border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; } | |||
.roundyleft-80 { border-top-left-radius: 80px; border-bottom-left-radius: 80px; } | |||
.roundy-96 { border-radius: 96px; } | |||
.roundytl-96 { border-top-left-radius: 96px; } | |||
.roundytr-96 { border-top-right-radius: 96px; } | |||
.roundybl-96 { border-bottom-left-radius: 96px; } | |||
.roundybr-96 { border-bottom-right-radius: 96px; } | |||
.roundytop-96 { border-top-left-radius: 96px; border-top-right-radius: 96px; } | |||
.roundyright-96 { border-bottom-right-radius: 96px; border-top-right-radius: 96px; } | |||
.roundybottom-96 { border-bottom-left-radius: 96px; border-bottom-right-radius: 96px; } | |||
.roundyleft-96 { border-top-left-radius: 96px; border-bottom-left-radius: 96px; } | |||
.roundy-100 { border-radius: 100px; } | |||
.roundytl-100 { border-top-left-radius: 100px; } | |||
.roundytr-100 { border-top-right-radius: 100px; } | |||
.roundybl-100 { border-bottom-left-radius: 100px; } | |||
.roundybr-100 { border-bottom-right-radius: 100px; } | |||
.roundytop-100 { border-top-left-radius: 100px; border-top-right-radius: 100px; } | |||
.roundyright-100 { border-bottom-right-radius: 100px; border-top-right-radius: 100px; } | |||
.roundybottom-100 { border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; } | |||
.roundyleft-100 { border-top-left-radius: 100px; border-bottom-left-radius: 100px; } | |||
/* 圆角表格样式 */ | |||
.eplist tr:last-child td:first-child { border-bottom-left-radius: 6px; } | |||
.eplist tr:last-child td:last-child { border-bottom-right-radius: 6px; } | |||
/* ***** ***** TimelineTable ***** ***** */ | |||
table.tl_table{ | |||
border-width: thin; | |||
border-spacing: 2px; | |||
border-style: outset; | |||
border-color: black; | |||
border-collapse: separate; | |||
background-color: white; | |||
border-radius: 9px; | |||
} | |||
th.tl_title{ | |||
text-align: center; | |||
border-width: 1px; | |||
padding: 1px; | |||
border-style: outset; | |||
border-color: blue; | |||
background-color: rgb(243, 248, 252); | |||
border-radius: 9px; | |||
} | |||
th.tl_years{ | |||
text-align: center; | |||
font-style: italic; | |||
border-width: 1px; | |||
padding: 1px; | |||
border-style: outset; | |||
border-color: blue; | |||
background-color: rgb(223, 228, 252); | |||
border-radius: 4px; | |||
} | |||
th.tl_months{ | |||
text-align: center; | |||
border-width: 1px; | |||
padding: 1px; | |||
border-style: outset; | |||
border-color: blue; | |||
background-color: rgb(243, 248, 252); | |||
border-radius: 2px; | |||
} | |||
th.tl_days{ | |||
text-align: center; | |||
border-width: 1px; | |||
padding: 1px; | |||
border-style: outset; | |||
border-color: blue; | |||
background-color: rgb(243, 248, 252); | |||
border-radius: 2px; | |||
} | |||
th.tl_weeks{ | |||
text-align: center; | |||
border-width: 1px; | |||
padding: 1px; | |||
border-style: outset; | |||
border-color: blue; | |||
background-color: rgb(243, 248, 252); | |||
border-radius: 2px; | |||
} | |||
td.tl_freetime{ | |||
background-color: rgb(187, 210, 236); | |||
border-width: 1px; | |||
border-color: black; | |||
border-style: inset; | |||
border-radius: 7px; | |||
} | |||
td.tl_event{ | |||
text-align: center; | |||
padding: 1px; | |||
background-color: rgb(61, 114, 194); | |||
border-width: 1px; | |||
border-color: white; | |||
border-style: inset; | |||
color: white; | |||
border-radius: 7px; | |||
white-space: normal | |||
} | |||
td.tl_foot{ | |||
text-align: center; | |||
padding: 1px; | |||
background-color: rgb(243, 248, 252); | |||
border-width: 1px; | |||
border-color: blue; | |||
border-style: ridge; | |||
color: gray; | |||
border-radius: 9px; | |||
} | |||
thead.tl_header{} | |||
tbody.tl_body{} | |||
tfoot.tl_footer{} | |||
/* == 浮動目錄與透明度 == Add by Rocio 20150119 | |||
#toc, .toc { | |||
display: block; | |||
position: fixed; | |||
top: 100px; | |||
right: 0px; | |||
min-width: 200px; | |||
max-width: 350px; | |||
max-height: 600px; | |||
overflow-y: scroll; | |||
border: 1px solid #aaa; | |||
border-radius: 0 0 1px 1px; | |||
-moz-border-radius: 0 0 1px 1px; | |||
background: rgba(249,249,249,0.7); | |||
padding: 12px; | |||
box-shadow: 0 1px 8px #000; | |||
-webkit-box-shadow: 0 1px 8px #000; | |||
-moz-box-shadow: 0 1px 8px #000; | |||
}*/ | |||
#toc, .toc { | |||
background: rgba(249,249,249,0.7); | |||
padding: 10px; | |||
} | |||
/* 測試card 20150730 */ | |||
.interesting_cards .cards { | |||
text-align: center; | |||
} | |||
.card { | |||
background-color: white; | |||
padding: 0; | |||
display: inline-block; | |||
margin-right: .5em; | |||
margin-left: .5em; | |||
margin-top: 1em; | |||
border: 1px solid #d8d8d8; | |||
border-bottom: 3px solid #d5d5d5; | |||
text-align: center; | |||
overflow: hidden; | |||
width: 200px; | |||
} | |||
.card .info { | |||
overflow: hidden; | |||
border-top: 1px solid #dfdfdf; | |||
width: 200px; | |||
height: 2.4em; | |||
display: block; | |||
} | |||
.card .info .title { | |||
font-size: 80%; | |||
display: block; | |||
padding: .5em 1em .5em 1em; | |||
font-weight: bold; | |||
} | |||
/* 測試手機版界面的設定 2016-10-18 (先寫進來,有空再來測試) | |||
For portals, added 2011-12-07 -bv | |||
On wide screens, show these as two columns | |||
On narrow and mobile screens, let them collapse into a single column */ | |||
.portal-column-left { | |||
float: left; | |||
width: 50%; | |||
} | |||
.portal-column-right { | |||
float: right; | |||
width: 49%; | |||
} | |||
.portal-column-left-wide { | |||
float: left; | |||
width: 60%; | |||
} | |||
.portal-column-right-narrow { | |||
float: right; | |||
width: 39%; | |||
} | |||
.portal-column-left-extra-wide { | |||
float: left; | |||
width: 70%; | |||
} | |||
.portal-column-right-extra-narrow { | |||
float: right; | |||
width: 29%; | |||
} | |||
@media only screen and (max-width: 800px) { | |||
/* Decouple the columns on narrow screens */ | |||
.portal-column-left, | |||
.portal-column-right, | |||
.portal-column-left-wide, | |||
.portal-column-right-narrow, | |||
.portal-column-left-extra-wide, | |||
.portal-column-right-extra-narrow { | |||
float: inherit; | |||
width: inherit; | |||
} | |||
} |