Browse Source

suivre les nomenclatures des class SPIP tout en conservant le responsive elastick

master
toutati@free.fr 9 years ago
parent
commit
dfe483a9af
  1. 8
      body.html
  2. 17
      css/theme.css

8
body.html

@ -7,11 +7,15 @@
</nav>
</header>
</div>
<div id="main-container">
<div id="main" class="wrapper clearfix">
<section class="content" id="content"><INCLURE{fond=content/#ENV{type-page},env} /></section>
<aside>
<div id="extra1"><INCLURE{fond=extra1/#ENV{type-page},env} /></div>
<aside class="extra1 col" id="extra1">
<INCLURE{fond=extra1/#ENV{type-page},env} />
</aside>
<aside class="extra2 col" id="extra2">
<INCLURE{fond=extra2/#ENV{type-page},env} />
</aside>
</div><!-- #main -->
</div><!-- #main-container -->

17
css/theme.css

@ -84,18 +84,18 @@ body{ font:16px/24px Helvetica, Helvetica Neue, Arial, sans-serif; }
/* alm */
#main{text-align: left;}
#nom_site_spip a{ color:white; }
#nom_site_spip a{ color:#fff; }
.content{float:none; width:auto;}
#header-container .menu-items .item { margin: 0; padding: 0;}
#header-container{ border-bottom: 20px solid #e44d26; }
#footer-container{ border-top: 20px solid #e44d26; }
#main aside { border-top: 20px solid #e44d26; }
#extra1 { border-top: 20px solid #e44d26; }
#header-container,
#footer-container,
#main aside{
#extra1{
background:#f16529; text-align: left;
}
@ -139,12 +139,13 @@ body{ font:16px/24px Helvetica, Helvetica Neue, Arial, sans-serif; }
font-size:2em;
}
#main aside{
#extra1{
color:white;
padding:0px 5% 10px;
}
#footer-container-container footer{
#extra1, #extra2{float: none; width:auto; padding: 0 5% 10px;}
#footer-container footer{
color:white;
padding:20px 0;
}
@ -206,7 +207,7 @@ body{ font:16px/24px Helvetica, Helvetica Neue, Arial, sans-serif; }
==================== */
#header-container,
#main aside{
#extra1{
-webkit-box-shadow:0 5px 10px #aaa;
-moz-box-shadow:0 5px 10px #aaa;
box-shadow:0 5px 10px #aaa;
@ -234,7 +235,7 @@ body{ font:16px/24px Helvetica, Helvetica Neue, Arial, sans-serif; }
width:57%;
}
#main aside{
#extra1, #extra2{
float:right;
width:28%;
}

Loading…
Cancel
Save