Browse Source

Rangement des themes pour zpip-1

On rationalise le nomage : les themes pret a l'emploi commencent par une majuscule, les frameworks par une minuscule
master
cedric@yterium.com 10 years ago
commit
319eb66920
  1. 9
      .gitattributes
  2. 29
      body.html
  3. 147
      habillage.css
  4. 3
      inc-theme-copyleft.html
  5. 1
      inc-theme-head.html
  6. BIN
      ipad-layout-dimensions.gif
  7. BIN
      ipad-layout-nested-divs.gif
  8. 19
      plugin.xml
  9. BIN
      vignette.png

9
.gitattributes

@ -0,0 +1,9 @@
* text=auto !eol
/body.html -text
/habillage.css -text
/inc-theme-copyleft.html -text
/inc-theme-head.html -text
/ipad-layout-dimensions.gif -text
/ipad-layout-nested-divs.gif -text
/plugin.xml -text
/vignette.png -text

29
body.html

@ -0,0 +1,29 @@
<div id="wrap">
<div id="header">
<INCLURE{fond=inclure/entete,env}>
</div>
<div id="content">
<div id="main">
<INCLURE{fond=contenu/#ENV{type},env}>
</div>
<div id="side">
<div id="sidea">
<INCLURE{fond=inclure/barre-nav,env}>
</div>
<div id="sideb">
<INCLURE{fond=navigation/#ENV{type},env}>
</div>
<div id="sidec">
<INCLURE{fond=extra/#ENV{type},env}>
</div>
</div>
</div>
<div id="footer">
<INCLURE{fond=inclure/pied,env}>
</div>
</div>

147
habillage.css

@ -0,0 +1,147 @@
* {
margin:0;
padding:0;
}
h2 {
padding:1em 0 0 0;
}
p {
line-height:1.4em;
}
p + p {
text-indent:2em;
}
body {
font-size:100%;
text-align:center;
background:#ddd;
}
pre {
display:block;
margin:1em 0 0 0;
width:488px;
}
pre code {
background:#eee;
display:block;
padding:10px;
}
.r {
float:right;
padding:0 0 10px 20px;
}
/* Landscape mode (default) */
#wrap {
margin:0 auto;
width:1024px;
position:relative;
overflow:hidden;
text-align:left;
background:#fff;
}
#header {
float:left;
width:1024px;
padding:10px 0 20px 0;
background:#fff;
border-bottom:1px solid #000;
}
#header h1 {
padding:10px 30px 0 30px;
}
#header p {
padding:0 30px;
line-height:1.4em;
}
#content {
float:left;
width:1024px;
background:#eee;
position:relative;
left:768px;
}
#main {
float:left;
width:708px;
position:relative;
right:738px;
padding:20px 0;
}
#side {
float:right;
width:216px;
position:relative;
right:788px;
padding-bottom:20px;
}
#sidea,
#sideb,
#sidec {
clear:left;
float:left;
width:216px;
}
#footer {
clear:both;
float:left;
width:1024px;
border-top:1px solid #000;
background:#ddd;
}
#footer p {
padding:20px 30px;
}
@media only screen and (orientation:portrait){
/* portrait mode */
#header,
#wrap,
#footer {
width:768px;
}
#content {
left:0;
background:#fff;
}
#main {
float:left;
width:708px;
position:relative;
right:0;
left:30px;
padding:20px 0;
}
#side {
clear:left;
float:left;
width:768px;
right:0;
padding-bottom:20px;
background:#eee;
}
#sidea {
clear:none;
width:216px;
float:left;
position:relative;
left:30px;
padding-top:20px;
}
#sideb {
clear:none;
width:216px;
float:left;
position:relative;
left:60px;
padding-top:20px;
}
#sidec {
clear:none;
width:216px;
float:right;
position:relative;
right:30px;
padding-top:20px;
}
}

3
inc-theme-copyleft.html

@ -0,0 +1,3 @@
<div id="copyleft">
<:zengarden:conception_graphique_par:> This layout uses the <a href="http://matthewjamestaylor.com/demos/ipad-css-layout/index.html">iPad CSS layout with landscape/portrait orientation modes</a> by <a href="http://matthewjamestaylor.com">Matthew James Taylor</a>
</div>

1
inc-theme-head.html

@ -0,0 +1 @@
<meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />

BIN
ipad-layout-dimensions.gif

After

Width: 708  |  Height: 470  |  Size: 10 KiB

BIN
ipad-layout-nested-divs.gif

After

Width: 200  |  Height: 300  |  Size: 2.6 KiB

19
plugin.xml

@ -0,0 +1,19 @@
<plugin>
<nom><multi>
[fr]Ipad CSS Layout 1.0
[en]Ipad CSS Layout 1.0
</multi></nom>
<auteur>[->http://j.mp/ipadlayout] adapt&eacute; pour Zpip par [Mathieu Drouet (izo)->http://www.takeasip.net]</auteur>
<licence><a href='http://creativecommons.org/licenses/by/2.5/' rel='licence'>Creative Commons Attribution 2.5 License</a></licence>
<version>1.0</version>
<description><multi>
[fr]
[en] iPad CSS Layout with Landscape/Portrait Modes
</multi></description>
<icon>vignette.png</icon>
<etat>stable</etat>
<prefix>theme_ipad_csslayout</prefix>
<utilise id="Z" version="[1.2.0;]" />
<categorie>theme</categorie>
</plugin>

BIN
vignette.png

After

Width: 46  |  Height: 46  |  Size: 2.0 KiB

Loading…
Cancel
Save