Difference between revisions of "Template:Mobile"
m (Protected "Template:Mobile" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))) |
|||
| (16 intermediate revisions by one other user not shown) | |||
| Line 19: | Line 19: | ||
#HQ_page .threeColumns img { width:100%;} | #HQ_page .threeColumns img { width:100%;} | ||
| + | #HQ_page .fourColumns {width:21.94%;} | ||
| + | #HQ_page .fourColumns img { width:100%;} | ||
| Line 25: | Line 27: | ||
| − | .menu_control {background-color: #e8edaa; color:black; font-size:16px; text-align:center; display:none; font-weight:bold; | + | .menu_control {background-color: #e8edaa; color:black; font-size:16px; text-align:center; display:none; font-weight:bold; padding: 5px 0px; margin-bottom:10px; cursor:pointer; width:100%;} |
| + | .menu_control:hover { background-color: #f17530; color: white;} | ||
| − | |||
| − | |||
| − | |||
| − | |||
@media only screen and (max-width: 1024px) { | @media only screen and (max-width: 1024px) { | ||
#content {width:100%; margin-left:0px;} | #content {width:100%; margin-left:0px;} | ||
| − | #sideMenu { top:165px; left:40%; display:none;} | + | #sideMenu { top:165px; left:40%; display:none;} |
.menu_control {display:block;} | .menu_control {display:block;} | ||
| − | #HQ_page .oneColumn, #HQ_page .twoColumns, #HQ_page .threeColumns { padding:13px; } | + | #HQ_page .oneColumn, #HQ_page .twoColumns, #HQ_page .threeColumns, #HQ_page .fourColumns { padding:13px; } |
} | } | ||
| Line 44: | Line 43: | ||
#sideMenu { top:165px; left:35%; display:none;} | #sideMenu { top:165px; left:35%; display:none;} | ||
#content {width:100%; margin-left:0px;} | #content {width:100%; margin-left:0px;} | ||
| − | #HQ_page .oneColumn, #HQ_page .twoColumns, #HQ_page .threeColumns { padding:10px; } | + | #HQ_page .oneColumn, #HQ_page .twoColumns, #HQ_page .threeColumns, #HQ_page .fourColumns { padding:10px; } |
} | } | ||
| Line 51: | Line 50: | ||
#sideMenu { top:165px; left:25%; display:none;} | #sideMenu { top:165px; left:25%; display:none;} | ||
.logo_2016 { margin:auto; float: none; width:100px;} | .logo_2016 { margin:auto; float: none; width:100px;} | ||
| − | #content p { padding:0px 10px; font-size:12px;} | + | #content p { padding:0px 10px; font-size:12px; text-overflow: ellipsis;} |
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { padding:5px 10px;} | #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { padding:5px 10px;} | ||
| − | #firstHeading { | + | #firstHeading { text-align: center;} |
| − | #content {width:100%; margin-left:0px;} | + | #content {width:100%; margin-left:0px;text-overflow: ellipsis; } |
| − | #HQ_page .oneColumn, #HQ_page .twoColumns, #HQ_page .threeColumns {width:100%; padding:0px; } | + | #HQ_page .oneColumn, #HQ_page .twoColumns, #HQ_page .threeColumns, #HQ_page .fourColumns {width:100%; padding: 10px 0px; } |
} | } | ||
| Line 67: | Line 66: | ||
<div class="menu_cover"></div> | <div class="menu_cover"></div> | ||
| − | <div class="menu_control" id="menu_control"> | + | <div class="oneColumn menu_control" id="menu_control" style="width:100%;"> |
| − | MENU | + | MENU ▤ |
</div> | </div> | ||
Latest revision as of 15:11, 24 August 2016
