Browse Source

Center content, no submenu links for mobile

Signed-off-by: falkTX <falktx@falktx.com>
pull/19/head
falkTX 1 month ago
parent
commit
a0f7721f9d
Signed by: falkTX <falktx@falktx.com> GPG Key ID: CDBAA37ABC74FBA0
4 changed files with 32 additions and 3 deletions
  1. +7
    -2
      css/base.css
  2. +1
    -1
      css/style.css
  3. +11
    -0
      css/style.fluid.css
  4. +13
    -0
      includes/header.php

+ 7
- 2
css/base.css View File

@@ -80,8 +80,13 @@ blockquote{border-left:5px solid #690;color:#ddd;padding:10px;}
#header ul#global-navigation, #global-navigation li{border-color:#222222;border-style:solid;margin:0;}
#global-navigation li:first-child{border-left-width:1px;}
#global-navigation li{float:left;border-right-width:1px;}
#global-navigation li a{color:#F0F0F0;display:block;height:100%;margin:0 15px;line-height:2em;text-decoration:none;width:100%;font-size:1.2em;font-weight:800;}
#global-navigation li a:hover, #global-navigation li a:focus{color:#6464E6;}
#global-navigation li a,
#global-navigation li span{color:#F0F0F0;display:block;height:100%;margin:0;padding:0 15px;line-height:2em;text-decoration:none;width:100%;font-size:1.2em;font-weight:800;}
#global-navigation li a:hover,
#global-navigation li a:focus,
#global-navigation li span:hover,
#global-navigation li span:focus{color:#6464E6;}
#global-navigation li span{cursor:pointer;}
#global-favorites{float:right !important;border-left-width:1px;}
#header-logo{float:left;margin-top:2px;}
#header-home{float:left;margin:0 0px;color:#F0F0F0;line-height:2em;font-size:1.2em;text-decoration:none;}


+ 1
- 1
css/style.css View File

@@ -438,7 +438,7 @@ fieldset table {
.item-menu-children {
position: absolute;
display: none;
margin: 0;
margin: 0px 0px 0px -1px;
padding: 0;
z-index: 99;
top: 30px;


+ 11
- 0
css/style.fluid.css View File

@@ -10,6 +10,17 @@
@import url("base.css"); /* Basic CSS - Common styles */
@import url("base.fluid.fix.css"); /* Fixes for Bento with fluid 960gs */

.container_16 {
max-width: 1600px;
margin-left: calc(50% - 800px);
}

@media only screen and (max-width: 1750px) {
.container_16 {
margin-left: 4%;
}
}

@media only screen and (max-width: 870px) {
#content {
width: 96%;


+ 13
- 0
includes/header.php View File

@@ -32,6 +32,11 @@ if (false && $PAGE_TYPE != "PASTE" && $PAGE_TYPE != "DONATIONS" && $PAGE_TYPE !=
}
}
}

function isMobile() {
return preg_match("/(android|avantgo|blackberry|bolt|boost|cricket|docomo|fone|hiptop|mini|mobi|palm|phone|pie|tablet|up\.browser|up\.link|webos|wos)/i",
$_SERVER["HTTP_USER_AGENT"]);
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
@@ -219,14 +224,22 @@ if (false && $PAGE_TYPE != "PASTE" && $PAGE_TYPE != "DONATIONS" && $PAGE_TYPE !=
<ul id="global-navigation">
<li id="item-news"><a href="<?php echo $ROOT; ?>/News">News</a></li>
<li id="item-soft" class="item-menu">
<?php if (isMobile()) { ?>
<span>Software &#9660;</span>
<?php } else { ?>
<a href="<?php echo $ROOT; ?>/Applications">Software &#9660;</a>
<?php } ?>
<div class="item-menu-children">
<p><a href="<?php echo $ROOT; ?>/Applications"><img src="<?php echo $ROOT; ?>/images/ico_cadence.png" alt=""/> &nbsp; Applications</a></p>
<p><a href="<?php echo $ROOT; ?>/Plugins"><img src="<?php echo $ROOT; ?>/images/ico_distrho.png" alt=""/> &nbsp; Plugins</a></p>
</div>
</li>
<li id="item-repos" class="item-menu">
<?php if (isMobile()) { ?>
<span>Repositories &#9660;</span>
<?php } else { ?>
<a href="<?php echo $ROOT; ?>/Repositories">Repositories &#9660;</a>
<?php } ?>
<div class="item-menu-children">
<p><a href="<?php echo $ROOT; ?>/Repositories">About / How-to</a></p>
<p><a href="<?php echo $ROOT; ?>/Repositories:Applications">Applications (in Repo)</a></p>


Loading…
Cancel
Save