「MediaWiki:Common.css」の版間の差分
提供: 一血卍傑(バンケツ)Wiki
(ページの作成:「→ここに記述したCSSはすべての外装に反映されます: .character { clear:both; }」) |
|||
| 1行目: | 1行目: | ||
/* ここに記述したCSSはすべての外装に反映されます */ | /* ここに記述したCSSはすべての外装に反映されます */ | ||
| − | .character { clear:both; } | + | .character:after{ |
| + | content:""; | ||
| + | display:block; | ||
| + | font-size:0; | ||
| + | clear:both; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | @media screen and ( max-width: 768px){ | ||
| + | .table_float table{ | ||
| + | float:none; | ||
| + | width:100%; | ||
| + | } | ||
| + | |||
| + | div#mw-head img.searchbar, | ||
| + | div#mw-head img.editbutton, | ||
| + | #right-navigation{ | ||
| + | display:none !important; | ||
| + | } | ||
| + | |||
| + | .table_topbox{ | ||
| + | width:95%; | ||
| + | width:calc(100% - 20px); | ||
| + | float:none; | ||
| + | padding:10px; | ||
| + | margin:0; | ||
| + | } | ||
| + | |||
| + | .table_topbox table{ | ||
| + | width:95%; | ||
| + | width:calc(100% - 20px); | ||
| + | margin:0 auto; | ||
| + | } | ||
| + | |||
| + | .table_slide{ | ||
| + | margin-top:10px; | ||
| + | overflow-x:auto; | ||
| + | padding:8px; | ||
| + | border:3px solid #404348; | ||
| + | } | ||
| + | |||
| + | .table_slide table{ | ||
| + | width:700px; | ||
| + | white-space:nowrap; | ||
| + | } | ||
| + | |||
| + | .table_card{ | ||
| + | width:100%; | ||
| + | border-collapse:collapse; | ||
| + | } | ||
| + | |||
| + | } | ||
2016年2月11日 (木) 14:15時点における版
/* ここに記述したCSSはすべての外装に反映されます */
.character:after{
content:"";
display:block;
font-size:0;
clear:both;
}
@media screen and ( max-width: 768px){
.table_float table{
float:none;
width:100%;
}
div#mw-head img.searchbar,
div#mw-head img.editbutton,
#right-navigation{
display:none !important;
}
.table_topbox{
width:95%;
width:calc(100% - 20px);
float:none;
padding:10px;
margin:0;
}
.table_topbox table{
width:95%;
width:calc(100% - 20px);
margin:0 auto;
}
.table_slide{
margin-top:10px;
overflow-x:auto;
padding:8px;
border:3px solid #404348;
}
.table_slide table{
width:700px;
white-space:nowrap;
}
.table_card{
width:100%;
border-collapse:collapse;
}
}
