Difference between revisions of "Template:Mobile"

m (Protected "Template:Mobile" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)))
 
(14 intermediate revisions by one other user not shown)
Line 27: Line 27:
  
  
−
.menu_control {background-color: #e8edaa; color:black; font-size:16px; text-align:center; display:none; font-weight:bold; width: 100%; padding: 10px;}
+
.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: 1228px) {
 
−
.menu_control, .menu_cover {display:none;}
 
−
#sideMenu { left: 79%; }
 
−
}
 
  
 
@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, #HQ_page .fourColumns { padding:13px; }
 
#HQ_page .oneColumn, #HQ_page .twoColumns, #HQ_page .threeColumns, #HQ_page .fourColumns { padding:13px; }
Line 53: 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  { display:none;}
+
#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, #HQ_page .fourColumns {width:100%; padding:0px; }
+
#HQ_page .oneColumn, #HQ_page .twoColumns, #HQ_page .threeColumns, #HQ_page .fourColumns {width:100%; padding: 10px 0px; }
  
 
}
 
}
Line 69: 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