Browse Source

Mise en compatibilité de Greeny en zpip2

master
cam.lafit@azerttyu.net 11 years ago
commit
74a43bbdc9
  1. 25
      .gitattributes
  2. 45
      body.html
  3. 678
      habillage.css
  4. BIN
      images/blockquote.png
  5. BIN
      images/image_02.jpg
  6. BIN
      images/image_03.jpg
  7. BIN
      images/image_04.jpg
  8. BIN
      images/image_05.jpg
  9. BIN
      images/out.gif
  10. BIN
      images/puce.png
  11. BIN
      images/templatemo_button.png
  12. BIN
      images/templatemo_button_hover.png
  13. BIN
      images/templatemo_content.jpg
  14. BIN
      images/templatemo_content_bottom.jpg
  15. BIN
      images/templatemo_header.jpg
  16. BIN
      images/templatemo_header_bg.png
  17. BIN
      images/templatemo_list.png
  18. BIN
      images/templatemo_logo.png
  19. BIN
      images/templatemo_menu_hover.png
  20. BIN
      images/templatemo_search.png
  21. 4
      inc-theme-copyleft.html
  22. 168
      origine/index.html
  23. 370
      origine/templatemo_style.css
  24. 15
      plugin.xml
  25. BIN
      vignette.jpg

25
.gitattributes vendored

@ -0,0 +1,25 @@
* text=auto !eol
/body.html -text
/habillage.css -text
images/blockquote.png -text svneol=unset#unset
images/image_02.jpg -text svneol=unset#unset
images/image_03.jpg -text svneol=unset#unset
images/image_04.jpg -text svneol=unset#unset
images/image_05.jpg -text svneol=unset#unset
images/out.gif -text svneol=unset#unset
images/puce.png -text svneol=unset#unset
images/templatemo_button.png -text svneol=unset#unset
images/templatemo_button_hover.png -text svneol=unset#unset
images/templatemo_content.jpg -text svneol=unset#unset
images/templatemo_content_bottom.jpg -text svneol=unset#unset
images/templatemo_header.jpg -text svneol=unset#unset
images/templatemo_header_bg.png -text svneol=unset#unset
images/templatemo_list.png -text svneol=unset#unset
images/templatemo_logo.png -text svneol=unset#unset
images/templatemo_menu_hover.png -text svneol=unset#unset
images/templatemo_search.png -text svneol=unset#unset
/inc-theme-copyleft.html -text
origine/index.html -text
origine/templatemo_style.css -text
/plugin.xml -text
/vignette.jpg -text svneol=unset#unset

45
body.html

@ -0,0 +1,45 @@
<div id="templatemo_header_wrapper">
<div id="templatemo_header">
<INCLURE{fond=inclure/entete,env}>
<div id="templatemo_menu">
<INCLURE{fond=inclure/barre-nav,env}>
</div> <!-- end of templatemo_menu -->
<div class="cleaner"></div>
</div> <!-- end of templatemo_header -->
</div>
<!-- end of templatemo_header_wrapper -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<div class="content_section">
<INCLURE{fond=contenu/#ENV{type},env}>
</div>
</div> <!-- end of content -->
<div id="templatmeo_sidebar">
<div class="sidebar_section">
<INCLURE{fond=navigation/#ENV{type},env}>
</div>
<div class="cleaner_h30"></div>
<div class="sidebar_section">
<INCLURE{fond=extra/#ENV{type},env}>
</div>
</div> <!-- end of sidebar -->
<div class="cleaner"></div>
</div> <div id="templatemo_content_wrapper_bottom"></div> <!-- end of content_wrapper -->
<div id="templatemo_footer">
<div class='pied'><INCLURE{fond=inclure/pied,env}></div>
<div class='copyleft'><INCLURE{fond=inc-theme-copyleft}></div>
</div> <!-- end of templatemo_footer -->

678
habillage.css

@ -0,0 +1,678 @@
/*
Credit: http://www.templatemo.com
*/
body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #555a4a;
background: #a0c73f;
}
a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #0683ab; text-decoration: underline; }
.button_01 a {
display: block;
width: 102px;
height: 23px;
padding: 7px 0 0 0;
background: url(images/templatemo_button.png) no-repeat;
color: #333;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
}
.button_01 a:hover {
color: #fff;
background:url(images/templatemo_button_hover.png) no-repeat;
}
p { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; border: none; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.margin_r10 { margin-right: 10px; }
.float_l { float: left; }
.float_r { float: right; }
#templatemo_header_wrapper {
width: 100%;
height: 265px;
background: url(images/templatemo_header.jpg) no-repeat top center;
}
#templatemo_header {
position: relative;
width: 980px;
height: 265px;
padding: 0 10px;
margin: 0 auto;
background: url(images/templatemo_header.jpg) no-repeat top center;
}
/* site title */
#templatemo_header .accueil {
float: left;
width: 240px;
padding: 40px 0 0 40px;
}
.accueil .spip_logos,
.accueil .spip_logos:hover
{margin:0; border:0;}
#nom_site_spip {
padding: 0;
margin: 20px 0 0 0;
}
#nom_site_spip a {
margin: 0;
padding: 0px;
font-size: 30px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
#nom_site_spip a:hover {
font-weight: bold;
text-decoration: none;
}
/* Mon site <span>ZPIP</span> */
#nom_site_spip a span {
margin-left: 2px;
font-size: 150%;
font-weight: bold;
letter-spacing: 5px;
}
#slogan_site_spip {color:white; margin-top:5px; font-size:110%; font-style:italic;}
/* end of site title */
/* menu */
#templatemo_menu {
position:absolute;
top:70px;
height:43px;
right:0px;
}
#templatemo_menu .menu-liste {
margin: 0;
padding: 0;
list-style: none;
}
#templatemo_menu .menu-liste .menu-entree {
padding: 0;
margin: 0;
display: inline;
}
#templatemo_menu .menu-liste .menu-entree a {
float: left;
display: block;
margin: 0 1em;
padding:4px;
border: 1px solid transparent;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
text-align: center;
font-size: 12px;
text-decoration: none;
color: #333333;
font-weight: bold;
outline: none;
}
#templatemo_menu .menu-entree a:hover,
#templatemo_menu .menu-entree.on a {
color: #333333;
border: 1px solid rgba(255,255,255,0.8);
-moz-box-shadow:rgba(255,255,255,0.8) 0px 0px 8px 3px;
-webkit-box-shadow:rgba(255,255,255,0.8) 0px 0px 8px 3px;
-o-box-shadow:rgba(255,255,255,0.8) 0px 0px 8px 3px;
box-shadow:rgba(255,255,255,0.8) 0px 0px 8px 3px;
background:rgba(255,255,255,0.9);
}
/* end of menu */
/* Search */
#formulaire_recherche {
position:absolute;
top:160px;
background: url(images/templatemo_search.png) no-repeat;
border:none;
margin:0; padding:0;
}
#formulaire_recherche form {
width: 280px;
height: 27px;
margin: 0;
padding: 10px 0 0 0;
}
#recherche {
height: 17px;
width: 270px;
padding: 2px 5px 6px 5px;
color: #fff;
font-size: 12px;
font-variant: normal;
line-height: normal;
background: none;
border: none;
}
/* end of search */
/* content */
#templatemo_content_wrapper {
width: 920px;
margin: 0 auto;
padding: 30px 40px;
background: url(images/templatemo_content.jpg) repeat-y;
}
#templatemo_content_wrapper_bottom {
width: 1000px;
height: 15px;
margin: 0 auto;
background: url(images/templatemo_content_bottom.jpg) no-repeat;
}
#templatemo_content {
float: left;
width: 600px;
}
#templatemo_content p {
text-align: justify;
margin-bottom: 10px;
}
.content_section {
clear: both;
width: 100%;
}
#templatemo_content .h1 {
margin-top: 1.5em;
}
#templatemo_content .h2 {
color: #3a5909;
font-size: 24px;
line-height: 1.15em;
padding: 20px 0 60px 20px;
background: url(images/templatemo_header_bg.png) no-repeat bottom left;
}
#templatemo_content_wrapper .comments>.comments-list,
#templatemo_content_wrapper .menu>.menu-liste,
#templatemo_content_wrapper .liste>.liste-items {
margin-left:30px;
}
#templatemo_content_wrapper .comments-list,
#templatemo_content_wrapper .menu-liste,
#templatemo_content_wrapper .liste-items {
margin: 0;
padding: 0;
list-style: none;
}
#templatemo_content_wrapper .comments-list .comment,
#templatemo_content_wrapper .menu-liste .menu-entree,
#templatemo_content_wrapper .liste-items .item {
padding: 0;
margin: 0;
padding: 5px 0 5px 20px;
background: url(images/puce.png) left 10px no-repeat;
list-style-type:none;
}
#templatemo_content #comments,
#templatemo_content .liste.articles:not(.resultats) .liste-items .item {
background-position: left 2.5em;
margin-bottom:2em;
}
#templatemo_content .comments-list ul {
padding-left:1em;
}
.menu-liste .menu-entree a,
.liste-items .item a {
color: #201f1c;
}
.menu-liste .menu-entree a:hover,
.liste-items .item a:hover {
color: #537c11;
text-decoration: none;
}
.menu-liste .menu-entree .h3,
.liste-items .item .h3 {
font-size:180%;
padding-bottom:5px;
margin-bottom:.2em;
border-bottom:1px solid #8cba3f;
}
.info-publi {
text-align:right;
color:#3e6b33;
margin-bottom:.4em;
}
#templatmeo_sidebar {
float: right;
width: 280px;
padding: 0;
}
#templatmeo_sidebar .sidebar_section {
margin-bottom: 30px;
}
#templatmeo_sidebar .sidebar_section_content {
margin:0 0 0 35px;
}
#templatmeo_sidebar .h2 {
color: #3a5909;
font-size: 24px;
line-height: 1.15em;
padding: 20px 0 60px 20px;
background: url(images/templatemo_header_bg.png) no-repeat bottom left;
}
#templatmeo_sidebar .h2 a {
color: #3a5909;
text-decoration:none;
}
.sidebar_section label {
display: block;
margin-bottom: 10px;
}
.sidebar_section #input_field {
height: 20px;
width: 233px;
padding: 0 5px;
margin-bottom: 10px;
color: #000000;
font-size: 12px;
font-variant: normal;
line-height: normal;
}
.sidebar_section #submit_btn{
float: right;
height: 30px;
width: 80px;
margin: 0px;
padding: 3px 0 15px 0;
cursor: pointer;
font-size: 12px;
text-align: center;
vertical-align: bottom;
white-space: pre;
outline: none;
}
/* end of content */
/* footer */
#templatemo_footer {
width: 980px;
margin: 0 auto;
padding: 30px 10px;
text-align: center;
color: #333333;
}
#templatemo_footer a {
color: #000000;
}
#templatemo_footer .footer_menu {
margin: 0 0 10px 0;
padding: 0px;
list-style: none;
}
/* end of footer */
/* SURCHARGE D'origine */
#formulaire_menu_lang {
position:absolute;
right:20px; top:0px;
background:none;
border:none;
}
#formulaire_menu_lang label {display:inline; padding-right:1em;}
#formulaire_menu_lang select {display:inline; width:auto;}
#templatemo_header .accueil {
text-align:center;
}
#templatemo_header .accueil>strong {
display:block;
}
#templatemo_header .accueil>strong a {
color:white; font-size:120%;
}
/*
Formulaire recherche
*/
#formulaire_recherche label {
position:relative;
left:-3000em;
}
#formulaire_recherche input.text {position:relative; top:-18px; left:0px;}
#formulaire_recherche input.submit {
color:transparent;
background:transparent;
height:60px;
width:60px;
position:relative; top:-30px;
border:transparent;
}
/*
forum
*/
.forum-chapo {
color:white;
padding:1px .5em;
background:#8ab93f;
border:1px solid #8ab93f;
border-radius:6px 6px 0 0;
-webkit-border-radius:6px 6px 0 0;
-moz-border-radius:6px 6px 0 0;
}
.forum-chapo a:active,
.forum-chapo a:link,
.forum-chapo a:hover,
.forum-chapo a {
color:white;
}
.comment-content {
padding:.5em;
}
.forum-message,
.comment-message {
border:1px solid #8ab93f;
border-radius:7px;
-o-border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
background:#f2f6ea;
margin-bottom:.5em;
}
.forum-texte { padding:.5em;}
.puce {}
hr {border:1px solid #8ab93f; background:#8ab93f; height:1px; width:10%;}
/*
Tables
*/
table.spip {
border-collapse: collapse;
margin: 10px 0;
width:100%;
border: 1px solid #E8E8E8;
}
table.spip caption {
margin: 0px;
text-align:left;
}
table.spip th strong {
color: #fff;
}
table.spip th {
vertical-align:middle;
background: #93BC0C;
height: 29px;
padding-left: 12px;
padding-right: 12px;
color: #FFF;
text-align: left;
border:0;
border-left: 1px solid #B6D59A;
}
table.spip tr {
height: 30px;
}
table.spip td {
vertical-align:top;
border:0;
padding: 8px 11px;
border-left: 1px solid #E8E8E8;
border-bottom: 1px solid #DFDFDF;
}
table.spip td.first,table.spip th.first {
border-left: 0px;
}
table.spip tr.row_even {
background: #F8F8F8;
}
table.spip tr.row_odd {
background: #EFEFEF;
}
blockquote, blockquote.spip{
margin: 2em 0;
padding: .2em .2em .2em 6em;
font-style: italic;
border:none;
background: #fff url(images/blockquote.png) no-repeat 4px top;
}
blockquote p, blockquote.spip p{
padding: 8px 0;
margin: 2px;
}
blockquote.spip_poesie {
font-size:100%;
background:none;
border:none;
width:80%;
margin:2em auto;
}
/*
Formulaires
*/
/* form elements */
.formulaire_spip {
margin:10px 0; padding: 10px;
border: 1px solid #dfdfdf;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color: #dfdfdf;
}
.formulaire_spip fieldset legend {background-color: #dfdfdf;}
.formulaire_spip label {
display:block;
font-weight:bold;
margin:5px 0;
}
.formulaire_spip input.text,
.formulaire_spip input.password,
.formulaire_spip select {
padding:2px;
border:1px solid #ccc;
color:#777;
}
.formulaire_spip textarea {
padding:2px;
border:1px solid #ccc;
display:block;
color:#777;
}
.formulaire_spip input.text:focus,
.formulaire_spip input.password:focus,
.formulaire_spip textarea:focus,
.formulaire_spip select:focus {
border:1px solid #8EB50C;
}
.formulaire_spip .boutons {text-align:left;}
.formulaire_spip .boutons input,.formulaire_spip input.submit {
font: bold 12px Arial, Sans-serif;
height: 24px;
margin: 0;
padding: 2px 3px;
color: #FFF;
border: 2px solid #8EB50C;
background: #8EB50C;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.formulaire_spip .boutons input:hover,
.formulaire_spip input.submit:hover {
border: 2px solid white;
}
.formulaire_spip fieldset.previsu {border:2px solid #66146d;}
.formulaire_spip fieldset.previsu legend {color: #66146d;}
/*
Images
*/
.spip_documents {}
.spip_documents_portfolio {}
.spip_logos { /* portfolio */
border:5px solid #E6E0CE;
margin:.5em;
}
a .spip_logos:hover {
border:5px solid #CAC1A5;
}
dl.spip_documents {background:#E6E0CE; padding:5px;} /* modele doc */
span.spip_documents img {background:#E6E0CE; padding:5px;} /* modele img */
.cartouche .spip_logos {float:right; margin-left:1em; margin-bottom:1em;}
.h3 .spip_logos {float:right; margin-left:1em; margin-top:3em;}
/*
Liens
*/
a:link,
a:hover,a.spip_in, a.spip_out, a.spip_ancre, a.spip_glossaire {color:#0683AB;}
a:focus {color:white !important; background:#0683AB !important;}
a.spip_out, a.spip_glossaire {padding-right:14px; background:url(images/out.gif) right no-repeat;}
/*
Pagination
*/
.pagination {text-align:center;}
#templatemo_content .liste .pagination {margin-left:4em;}
.pagination a,
.pagination .on {
background:#66146d;
color:white; padding:2px 5px;
margin-right:4px;
border:1px solid #66146d;
border-radius:6px;
-o-border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
display:block; float:left;
}
.pagination .on,
.pagination a:hover {
background:#f0dff1; border-color:#e0bfe3; color:#66146d;
text-decoration:none;
}
.pagination .separateur {color:transparent;}
/*
Hierarchie
*/
#hierarchie {margin-top:-2em;}
#hierarchie a {color:#65882e;}
#hierarchie .on {font-weight:normal;}
/*
Codes
*/
code, .spip_code, .spip_cadre {color:#4D4D4D;}
.spip_cadre {
width:100%; padding:.5em; background:#fafafa;
border:1px solid #68a704;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}
/*
Pied de page
*/
.pied {margin:1em 0;}
.pied a {padding:0 1em;}
.pied img {vertical-align:middle;}
/*
Boutons d'admin
*/
body .spip-admin-float {
right:auto;
left:12%;
margin:5px;
}
body a.spip-admin-boutons {
border:1px solid #8ab93f;
background: rgba(255,255,255,0.2);
color:#3e6b33;
}
body a.spip-admin-boutons:hover {
border:1px solid #8ab93f;
background: #fff;
text-decoration:none;
}

BIN
images/blockquote.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 598 B

BIN
images/image_02.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
images/image_03.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
images/image_04.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

BIN
images/image_05.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
images/out.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 B

BIN
images/puce.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 368 B

BIN
images/templatemo_button.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 674 B

BIN
images/templatemo_button_hover.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 721 B

BIN
images/templatemo_content.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 598 B

BIN
images/templatemo_content_bottom.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
images/templatemo_header.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

BIN
images/templatemo_header_bg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
images/templatemo_list.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 334 B

BIN
images/templatemo_logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
images/templatemo_menu_hover.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
images/templatemo_search.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

4
inc-theme-copyleft.html

@ -0,0 +1,4 @@
<div id="copyleft">
<:zpip:conception_graphique_par:> <a href='http://www.templatemo.com'>Free CSS Templates</a>
<:zpip:sous_licence:> <a href='http://creativecommons.org/licenses/by/2.5/'>Creative Commons Attribution 2.5 License</a>
</div>

168
origine/index.html

@ -0,0 +1,168 @@
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Greeny Template - free website template</title>
<meta name="keywords" content="Greeny Template, free website templates, CSS, HTML" />
<meta name="description" content="Greeny Template - Download free website templates from templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div id="templatemo_header_wrapper">
<div id="templatemo_header">
<div id="site_title">
<h1><a href="http://www.templatemo.com" target="_parent">
<img src="images/templatemo_logo.png" alt="CSS Templates" />
<span>free css templates</span>
</a></h1>
</div>
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="http://www.templatemo.com/page/1" target="_parent">Templates</a></li>
<li><a href="http://www.flashmo.com" target="_parent">Flash</a></li>
<li><a href="http://www.koflash.com" target="_parent">Gallery</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
<div id="search_box">
<form action="#" method="get">
<input type="text" value="Enter a keyword" name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
</form>
</div>
<div class="cleaner"></div>
</div> <!-- end of templatemo_header -->
</div>
<!-- end of templatemo_header_wrapper -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<div class="content_section">
<h2>Featured Products</h2>
<div class="product_box margin_r10">
<h3>Vestibulum urna ipsum</h3>
<img src="images/image_02.jpg" alt="product" />
<p class="price">Price: $180</p>
<a href="#">Detail</a> | <a href="#">Add to cart</a>
</div>
<div class="product_box margin_r10">
<h3>Aliquam sollicitudin</h3>
<img src="images/image_03.jpg" alt="product" />
<p class="price">Price: $240</p>
<a href="#">Detail</a> | <a href="#">Add to cart</a>
</div>
<div class="product_box ">
<h3>Pellentesque habitant </h3>
<img src="images/image_04.jpg" alt="product" />
<p class="price">Price: $120</p>
<a href="#">Detail</a> | <a href="#">Add to cart</a>
</div>
<div class="cleaner"></div>
<div class="button_01"><a href="#">View All</a></div>
</div>
<div class="cleaner_h40"></div>
<div class="content_section">
<h2>Greeny Website Template</h2>
<img src="images/image_05.jpg" alt="image" class="fl_image" />
<p class="em_text">Greeny Template is a <a href="http://www.templatemo.com/page/1">free CSS template</a> provided by <a href="http://www.templatemo.com" target="_parent">TemplateMo.com</a>. You may use this template in your websites. Credit goes to <a href="http://www.photovaco.com" target="_blank">Free Photos</a> for photos and <a href="http://www.brusheezy.com/brush/1140-Flower-Power" target="_blank">green-eyed-butterfly</a> for brush.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ac felis mauris, a fringilla ipsum. Nulla purus purus, tristique vitae tincidunt id, tincidunt in elit. Nulla facilisi. Curabitur nec leo nulla, interdum fermentum tellus.</p>
</div>
</div> <!-- end of content -->
<div id="templatmeo_sidebar">
<div class="sidebar_section">
<h2>Categories</h2>
<div class="sidebar_section_content">
<ul class="categories_list">
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Phasellus eget lorem</a></li>
<li><a href="#">Sed sit amet sem</a></li>
<li><a href="#">Cras eget est vel</a></li>
<li><a href="#">Quisque in ligula</a></li>
<li><a href="#">Donec a massa dui</a></li>
<li><a href="#">Aenean facilisis</a></li>
<li><a href="#">Etiam vitae consequat</a></li>
<li><a href="#">Aliquam sollicitudin</a></li>
<li><a href="#">Nunc fermentum</a></li>
</ul>
</div>
</div>
<div class="cleaner_h30"></div>
<div class="sidebar_section">
<h2>Newsletter</h2>
<div class="sidebar_section_content">
<form action="#" method="get">
<label>Please enter your email address to subscribe our newsletter.</label>
<input type="text" value="" name="username" size="10" id="input_field" title="usernmae" />
<input type="submit" name="login" value="Subscribe" alt="login" id="submit_btn" title="Login" />
</form>
<div class="cleaner"></div>
</div>
</div>
</div> <!-- end of sidebar -->
<div class="cleaner"></div>
</div> <div id="templatemo_content_wrapper_bottom"></div> <!-- end of content_wrapper -->
<div id="templatemo_footer">
<ul class="footer_menu">
<li><a href="#">Home</a></li>
<li><a href="http://www.templatemo.com/page/1" target="_parent">Templates</a></li>
<li><a href="http://www.flashmo.com" target="_parent">Flash</a></li>
<li><a href="http://www.koflash.com" target="_parent">Gallery</a></li>
<li class="last_menu"><a href="#">Contact</a></li>
</ul>
Copyright © 2048 <a href="#">Your Company Name</a> |
Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a> |
Validate <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
</div> <!-- end of templatemo_footer -->
</body>
</html>

370
origine/templatemo_style.css

@ -0,0 +1,370 @@
/*
Credit: http://www.templatemo.com
*/
body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #555a4a;
background: #a0c73f;
}
a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #0683ab; text-decoration: underline; }
.button_01 a {
display: block;
width: 102px;
height: 23px;
padding: 7px 0 0 0;
background: url(images/templatemo_button.png) no-repeat;
color: #333;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
}
.button_01 a:hover {
color: #fff;
background:url(images/templatemo_button_hover.png) no-repeat;
}
p { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; border: none; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.margin_r10 { margin-right: 10px; }
.float_l { float: left; }
.float_r { float: right; }
#templatemo_header_wrapper {
width: 100%;
height: 265px;
background: url(images/templatemo_header.jpg) no-repeat top center;
}
#templatemo_header {
position: relative;
width: 980px;
height: 265px;
padding: 0 10px;
margin: 0 auto;
background: url(images/templatemo_header.jpg) no-repeat top center;
}
/* site title */
#templatemo_header #site_title {
float: left;
width: 220px;
padding: 90px 0 0 50px;
}
#site_title h1 {
margin: 0;
padding: 0;
}
#site_title h1 a {
margin: 0px;
padding: 0px;
font-size: 30px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
#site_title h1 a:hover {
font-weight: bold;
text-decoration: none;
}
#site_title h1 a span {
display: block;
margin-left: 2px;
font-size: 14px;
color: #416902;
font-weight: bold;
letter-spacing: 2px;
}
/* end of site title */
/* menu */
#templatemo_menu {
float: right;
padding-top: 70px;
height: 43px;
}
#templatemo_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#templatemo_menu ul li {
padding: 0;
margin: 0;
display: inline;
}
#templatemo_menu ul li a {
float: left;
display: block;
height: 35px;
width: 125px;
margin: 0;
padding: 8px 0 0 0;
text-align: center;
font-size: 12px;
text-decoration: none;
color: #333333;
font-weight: bold;
outline: none;
}
#templatemo_menu li a:hover, #templatemo_menu li.on a {
color: #333333;
background: url(images/templatemo_menu_hover.png) no-repeat top;
}
/* end of menu */
/* Search */
#templatemo_header #search_box {
position: absolute;
width: 335px;
height: 72px;
bottom: 30px;
right: 50px;
background: url(images/templatemo_search.png)
}
#search_box form {
width: 280px;
height: 27px;
margin: 0;
padding: 25px 0 0 0;
}
#searchfield {
height: 17px;
width: 270px;
padding: 4px 5px 6px 5px;
color: #fff;
font-size: 12px;
font-variant: normal;
line-height: normal;
background: none;
border: none;
}
/* end of search */
/* content */
#templatemo_content_wrapper {
width: 920px;
margin: 0 auto;
padding: 30px 40px;
background: url(images/templatemo_content.jpg) repeat-y;
}
#templatemo_content_wrapper_bottom {
width: 1000px;
height: 15px;
margin: 0 auto;
background: url(images/templatemo_content_bottom.jpg) no-repeat;
}
#templatemo_content {
float: left;
width: 600px;
}
#templatemo_content p {
text-align: justify;
margin-bottom: 10px;
}
.content_section {
clear: both;
width: 100%;
}
#templatemo_content h2 {
color: #3a5909;
font-size: 24px;
padding: 0 0 60px 20px;
background: url(images/templatemo_header_bg.png) no-repeat bottom left;
}
.product_box {
float: left;
width: 190px;
padding-bottom: 10px;
border-bottom: 1px dotted #666;
margin-bottom: 20px;
}
.fl_image {
float: left;
margin: 3px 15px 5px 0;
}
#templatemo_content .product_box p {
padding: 0;
margin: 0 0 5px 0;
}
#templatemo_content .product_box a {
color: #000000;
font-weight: bold;
}
#templatemo_content .em_text {
color: #537c11;
}
.price {
color: #C30;
font-size: 14px;
font-weight: bold;
}
.product_box h3 {
background: #63a103;
padding: 3px 10px;
margin: 0 0 10px 0;
color: #ffffff;
font-size: 12px;
}
.product_box img {
width: 180px;
height: 100px;
border: 5px solid #e6e0ce;
margin-bottom: 10px;
}
#templatmeo_sidebar {
float: right;
width: 280px;
padding: 0;
background: url(images/templatemo_sidebar.jpg) repeat-y;
}
#templatmeo_sidebar .sidebar_section {
margin-bottom: 30px;
}
#templatmeo_sidebar .sidebar_section_content {
margin:0 0 0 35px;
}
#templatmeo_sidebar h2 {
color: #3a5909;
font-size: 24px;
padding: 0 0 60px 20px;
background: url(images/templatemo_header_bg.png) no-repeat bottom left;
}
#templatmeo_sidebar .categories_list {
margin: 0;
padding: 0;
list-style: none;
}
#templatmeo_sidebar .categories_list li {
padding: 0;
margin: 0;
}
.categories_list li a {
display: block;
color: #201f1c;
padding: 5px 0 5px 20px;
background: url(images/templatemo_list.png) center left no-repeat;
}
.categories_list li a:hover {
color: #537c11;
text-decoration: none;
}
.sidebar_section label {
display: block;
margin-bottom: 10px;
}
.sidebar_section #input_field {
height: 20px;
width: 233px;
padding: 0 5px;
margin-bottom: 10px;
color: #000000;
font-size: 12px;
font-variant: normal;
line-height: normal;
}
.sidebar_section #submit_btn{
float: right;
height: 30px;
width: 80px;
margin: 0px;
padding: 3px 0 15px 0;
cursor: pointer;
font-size: 12px;
text-align: center;
vertical-align: bottom;
white-space: pre;
outline: none;
}
/* end of content */
/* footer */
#templatemo_footer {
width: 980px;
margin: 0 auto;
padding: 30px 10px;
text-align: center;
color: #333333;
}
#templatemo_footer a {
color: #000000;
}
#templatemo_footer .footer_menu {
margin: 0 0 10px 0;
padding: 0px;
list-style: none;
}
.footer_menu li {
margin: 0px;
padding: 0 20px;
display: inline;
border-right: 1px solid #000000;
}
.footer_menu .last_menu {
border: none;
}
/* end of footer */

15
plugin.xml

@ -0,0 +1,15 @@
<plugin>
<nom>Greeny</nom>
<version>1.0.1</version>
<auteur>[Greeny->http://www.templatemo.com/preview/templatemo_218_greeny], [Free CSS Templates->http://www.freecsstemplates.org/], [adapt&#233; par Matthieu Marcillaud->http://marcimat.magraine.net/]</auteur>
<licence>Creative Commons Attribution 2.5</licence>
<slogan>Th&#232;me Z pour &#234;tre vert !</slogan>
<description>Greeny est vert, largeur fixe, en 2 colonnes</description>
<lien>http://www.spip-contrib.net/Greeny</lien>
<icon>vignette.jpg</icon>
<prefix>theme_greeny</prefix>
<etat>stable</etat>
<necessite id="SPIP" version="[2.0.10;3.0.99]" />
<utilise id="Z" version="[1.2.0;]" />
<categorie>theme</categorie>
</plugin>

BIN
vignette.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Loading…
Cancel
Save