Structure now built on Bootstrap v3.1.1
This commit is contained in:
LeoColomb
parent
b417419319
commit
0687a30d5c
|
|
@ -6,7 +6,7 @@
|
|||
<h3>Features</h3>
|
||||
<hr/>
|
||||
|
||||
<img src="img/app-thumbs.png" alt="alt text" class="pull-right" style="margin-bottom:20px;">
|
||||
<img src="img/app-thumbs.png" alt="alt text" class="img-responsive pull-right" style="margin-bottom:20px;">
|
||||
|
||||
* 100% Mobile Responsive
|
||||
* Supports GitHub Flavored Markdown
|
||||
|
|
|
|||
|
|
@ -41,15 +41,15 @@ code {
|
|||
|
||||
//Navbar
|
||||
.navbar {
|
||||
.box-shadow();
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,.25);
|
||||
background-color: @dark;
|
||||
margin-bottom: 0px;
|
||||
z-index: 200;
|
||||
|
||||
.navbar-inner {
|
||||
.container, .container-fluid {
|
||||
.kill-background-image;
|
||||
background-color: @dark;
|
||||
border-bottom: none;
|
||||
padding: 6px 20px;
|
||||
padding: 0 20px;
|
||||
|
||||
.brand {
|
||||
color: @light;
|
||||
|
|
@ -164,7 +164,6 @@ code {
|
|||
|
||||
h1 {
|
||||
margin-top: 0px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
sub-heading {
|
||||
|
|
|
|||
|
|
@ -4,21 +4,23 @@ Base CSS
|
|||
|
||||
//Fonts
|
||||
.roboto-slab {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
|
||||
&.light {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
&.book {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
&.regular {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
&.bold {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
|
@ -37,7 +39,7 @@ Homepage
|
|||
============================================================================================== */
|
||||
|
||||
.homepage-hero {
|
||||
padding-top: 50px !important;
|
||||
padding-top: 60px !important;
|
||||
background-color: @light;
|
||||
.kill-box-shadow;
|
||||
border-radius: 0px;
|
||||
|
|
@ -45,10 +47,6 @@ Homepage
|
|||
color: @dark;
|
||||
overflow: hidden;
|
||||
|
||||
@media (max-width: 767px) {
|
||||
padding-top: 0px !important;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
.roboto-slab.bold;
|
||||
margin: 10px 0px;
|
||||
|
|
@ -144,11 +142,10 @@ Homepage
|
|||
}
|
||||
|
||||
.footer-nav {
|
||||
&:extend(.list-unstyled all);
|
||||
margin: 40px 0px;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
|
||||
a {
|
||||
.roboto-slab.bold;
|
||||
font-size: 16px;
|
||||
|
|
@ -185,11 +182,6 @@ html, body {
|
|||
|
||||
//100% Height Columns
|
||||
.container-fluid {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
&.fluid-height {
|
||||
height: 100%;
|
||||
|
|
@ -198,15 +190,7 @@ html, body {
|
|||
|
||||
.columns {
|
||||
height: 100%;
|
||||
|
||||
.left-column,
|
||||
.right-column {
|
||||
padding-top: 50px;
|
||||
|
||||
@media (max-width: 767px) {
|
||||
width: 100% !important; padding-top: 0px; height: auto;
|
||||
}
|
||||
}
|
||||
padding-top: @navbar-height;
|
||||
|
||||
.left-column {
|
||||
background-color: @sidebar-background;
|
||||
|
|
@ -215,15 +199,6 @@ html, body {
|
|||
}
|
||||
|
||||
.right-column {
|
||||
&.span9 {
|
||||
width: 76.4866339334%;
|
||||
margin-left: 0px;
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
width: 76.8866339334%;
|
||||
}
|
||||
}
|
||||
|
||||
.content-page {
|
||||
padding: 20px;
|
||||
min-height: 100%;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
|
||||
|
|
@ -37,29 +37,27 @@
|
|||
<?php if ($homepage) { ?>
|
||||
<!-- Hompage -->
|
||||
<div class="navbar navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<a class="brand pull-left" href="<?php echo $base_url ?><?php echo $homepage_url;?>"><?php echo $options['title']; ?></a>
|
||||
<a class="brand navbar-brand pull-left" href="<?php echo $base_url ?><?php echo $homepage_url;?>"><?php echo $options['title']; ?></a>
|
||||
<p class="navbar-text pull-right">
|
||||
Generated by <a href="http://daux.io">Daux.io</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="homepage-hero well container-fluid">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="text-center span12">
|
||||
<div class="text-center col-sm-12">
|
||||
<?php if ($options['tagline']) { ?>
|
||||
<h2><?php echo $options['tagline'];?></h2>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span10 offset1">
|
||||
<div class="col-sm-10 col-sm-offset-1">
|
||||
<?php if ($options['image']) { ?>
|
||||
<img class="homepage-image" src="<?php echo $base_url ?>/<?php echo $options['image'];?>" alt="<?php echo $options['title'];?>">
|
||||
<img class="homepage-image img-responsive" src="<?php echo $base_url ?>/<?php echo $options['image'];?>" alt="<?php echo $options['title'];?>">
|
||||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -69,7 +67,7 @@
|
|||
<div class="hero-buttons container-fluid">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="text-center span12">
|
||||
<div class="text-center col-sm-12">
|
||||
<?php if ($options['repo']) { ?>
|
||||
<a href="https://github.com/<?php echo $options['repo']; ?>" class="btn btn-secondary btn-hero">
|
||||
View On GitHub
|
||||
|
|
@ -94,7 +92,7 @@
|
|||
<div class="homepage-content container-fluid">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="span10 offset1">
|
||||
<div class="col-sm-10 col-sm-offset-1">
|
||||
<?php echo $page['html'];?>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -104,7 +102,7 @@
|
|||
<div class="homepage-footer well container-fluid">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="span5 offset1">
|
||||
<div class="col-sm-5 col-sm-offset-1">
|
||||
<?php if (!empty($options['links'])) { ?>
|
||||
<ul class="footer-nav">
|
||||
<?php foreach($options['links'] as $name => $url) { ?>
|
||||
|
|
@ -113,7 +111,7 @@
|
|||
</ul>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<div class="span5">
|
||||
<div class="col-sm-5">
|
||||
<div class="pull-right">
|
||||
<?php if (!empty($options['twitter'])) { ?>
|
||||
<?php foreach($options['twitter'] as $handle) { ?>
|
||||
|
|
@ -135,16 +133,16 @@
|
|||
<?php } ?>
|
||||
<div class="container-fluid fluid-height wrapper">
|
||||
<div class="navbar navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<a class="brand pull-left" href="<?php echo $base_url ?><?php echo $homepage_url;?>"><?php echo $options['title']; ?></a>
|
||||
<div class="container-fluid">
|
||||
<a class="brand navbar-brand pull-left" href="<?php echo $base_url ?><?php echo $homepage_url;?>"><?php echo $options['title']; ?></a>
|
||||
<p class="navbar-text pull-right">
|
||||
Generated by <a href="http://daux.io">Daux.io</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid columns content">
|
||||
<div class="left-column article-tree span3">
|
||||
<div class="row columns content">
|
||||
<div class="left-column article-tree col-sm-3">
|
||||
<!-- For Mobile -->
|
||||
<div class="responsive-collapse">
|
||||
<button type="button" class="btn btn-sidebar" id="menu-spinner-button">
|
||||
|
|
@ -177,7 +175,7 @@
|
|||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-column <?php echo ($options['float']?'float-view':''); ?> content-area span9">
|
||||
<div class="right-column <?php echo ($options['float']?'float-view':''); ?> content-area col-sm-9">
|
||||
<div class="content-page">
|
||||
<article>
|
||||
<?php if($options['date_modified'] && isset($page['modified'])) { ?>
|
||||
|
|
|
|||
Loading…
Reference in New Issue