Nouveau modèle Snapshot: Madder

Snapshot: Madder. En jaune les parties à éliminer. /* -- basic html elements -- .... http://www.tantek.com/CSS/Examples/bo xmodelhack.html */ voice-family: "\"}\"";.
43KB taille 3 téléchargements 129 vues
Nouveau modèle

Snapshot: Madder

En jaune les parties à modifier ou ajouter

En jaune les parties à éliminer

/* -- basic html elements --

/* -- basic html elements -- */

*/body {

body {

padding: 0;

padding: 0;

margin: 0;

margin: 0;

font-size: small;

font-size: small;

color: $textcolor;

color: $textcolor;

background: #ddd;

background: #fff;

text-align: center;

text-align: center;

}

}

a{

a{

color: $linkcolor;

color: $linkcolor;

font-weight: bold;

font-weight: bold;

text-decoration: none;

text-decoration: none;

}

}

a:visited {

a:visited {

color: $visitedlinkcolor;

color: $visitedlinkcolor;

}

}

a:hover {

a:hover {

text-decoration: underline;

text-decoration: underline;

color: #FD0570;

color: #FD0570;

}

}

h1 {

h1 {

margin: 0;

margin: 0;

color: $pagetitlecolor;

color: $pagetitlecolor;

font-size: 1.5em;

font-size: 1.5em;

}

text-transform: lowercase; }

h1 a, h1 a:link, h1 a:visited {

h1 a, h1 a:link, h1 a:visited { color: $pagetitlecolor;

color: $pagetitlecolor; }

}

h2, #comments h4 {

h2, #comments h4 {

font-size: 1em;

font-size: 1em;

margin: 2em 0 0 0;

margin: 2em 0 0 0;

color: $sidebarcolor; background: transparent url(http://votre_domaine/votre_fichier /bg-header1.gif) bottom right no-repeat; padding-bottom: 2px;

color: $sidebarcolor; background: transparent url(http://www.blogblog.com/snapshot/bgheader1.gif) bottom right no-repeat; padding-bottom: 2px; }

} h3 {

h3 {

font-size: 1em;

font-size: 1em;

margin: 2em 0 0 0;

margin: 2em 0 0 0;

background: transparent url(http://votre_domaine/votre_fichier /bg-header1.gif)

background: transparent url(http://www.blogblog.com/snapshot/bgheader1.gif) bottom right no-repeat;

bottom right no-repeat; padding-bottom: 2px;

padding-bottom: 2px; }

} h4, h5 {

h4, h5 {

font-size: 0.9em;

font-size: 0.9em;

text-transform: lowercase;

text-transform: lowercase;

letter-spacing: 2px;

letter-spacing: 2px;

}

}

h5 {

h5 {

color: #7B8186;

color: #7B8186;

}

}

h6 {

h6 {

font-size: 0.8em;

font-size: 0.8em;

text-transform: uppercase;

text-transform: uppercase;

letter-spacing: 2px;

letter-spacing: 2px;

}

}

p{

p{

margin: 0 0 1em 0;

margin: 0 0 1em 0;

}

}

img, form {

img, form {

border: 0; margin: 0;

border: 0; margin: 0;

}

}

/* -- layout -- */

/* -- layout -- */

#outer-wrapper {

#outer-wrapper {

width: 900px;

width: 700px;

margin: 0 auto;

margin: 0 auto;

padding: 0; text-align: left;

text-align: left;

font: $bodyfont;

font: $bodyfont;

background: #ddd url(http://votre_domaine/votre_fichier /bg_conteneur_2.gif) 0 0 repeat-y;

background: #fff url(http://www.blogblog.com/snapshot/bgbody.gif) 0 0 repeat-y;

}

}

#header-wrapper {

#header-wrapper {

margin: 0;

background: #D8DADC url(http://www.blogblog.com/snapshot/bgheaderdiv.gif) 0 0 repeat-y;

padding: 0; }

.descriptionwrapper {}

} .descriptionwrapper { background: #fff url(http://www.blogblog.com/snapshot/bgsidebar.gif) 1px 0 no-repeat; float: right; width: 264px; padding: 0 0 0 8px; margin: 1px 0 2px 0; }

.description { }

.description { border: 1px solid #F3B89D; background: #FFD1BC url(http://www.blogblog.com/snapshot/bgprofile.gif); padding: 10px 0 10px 7px; margin: 4px 0 0 -6px; color: #C4663B; font-weight: bold; }

#header {

#header {

background: transparent url(http://votre_domaine/votre_fichier /header-01_2.gif)

background: transparent url(http://www.blogblog.com/snapshot/hea der-01.gif) bottom left no-repeat;

top left no-repeat;

}

padding: 0; margin: 0; } #main-wrapper {

#main-wrapper {

line-height: 1.4;

line-height: 1.4;

float: left;

float: left;

padding: 10px 22px;

padding: 10px 12px;

width: 628px; word-wrap: break-word;

border-top: solid 1px #fff; width: 428px; word-wrap: break-word;

/* fix for long text breaking sidebar float in IE */ overflow: hidden;

/* fix for long text breaking sidebar float in IE */ overflow: hidden;

/* fix for long non-text content breaking IE sidebar float */

/* fix for long non-text content breaking IE sidebar float */

/* Tantek hack http://www.tantek.com/CSS/Examples/bo xmodelhack.html */

/* Tantek hack http://www.tantek.com/CSS/Examples/bo xmodelhack.html */

voice-family: "\"}\"";

voice-family: "\"}\"";

voice-family: inherit;

voice-family: inherit;

width: 564px;

width: 404px;

}

}

/* IE5 hack

/* IE5 hack

*/#main {}

*/#main {}

#sidebar {

#sidebar {

float:right;

float:right;

border-top: solid 0px #fff;

border-top: solid 1px #fff;

padding: 4px 20px 0 7px;

padding: 4px 0 0 7px;

background: transparent;

background: #fff;

width: 244px;

width: 264px;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking

IE sidebar float */

IE sidebar float */

}

}

#footer {

#footer {

clear: both; background: #ddd url(http://votre_domaine/votre_fichier /bg-footer_3.gif) top left no-repeat;

clear: both; background: #E9EAEB url(http://www.blogblog.com/snapshot/bgfooter.gif) bottom left no-repeat;

padding: 10px 0 0 30px;

border-top: solid 1px #fff;

Height: 60px;

min-height: 15px;

}

}

/* -- header style -- */

/* -- header style -- */

#header h1 {

#header h1 {

padding: 62px 0 32px 314px;

padding: 12px 0 92px 4px;

width: 457px;

width: 557px;

line-height: 1;

line-height: 1;

}

}

/* -- content area style -- */

/* -- content area style -- */

#main {

#main {

line-height: 1.4;

line-height: 1.4;

}

}

.post h3 {

.post h3 {

font-size: 1.3em;

font-size: 1.2em;

margin-bottom: 0;

margin-bottom: 0;

color: $titlecolor;

color: $titlecolor;

font-weight: bold;

}

} .post h3 a,

.post h3 a,

.post h3 a:visited {

.post h3 a:visited {

color: $titlecolor;

color: $titlecolor;

}

}

.post {

.post {

clear: both;

clear: both;

margin-bottom: 4em;

margin-bottom: 4em;

}

}

.post-footer .post-author,.post-footer .post-timestamp {

.post-footer .post-author,

.post-timestamp {

.post-footer .post-timestamp {

color: $footercolor;

color: $footercolor;

}

}

.uncustomized-post-template .postauthor,.uncustomized-post-template .posttimestamp {

.uncustomized-post-template .post-author, .uncustomized-post-template .posttimestamp {

float: left;

float: left;

margin-right: 4px;

margin-right: 4px;

}

}

.uncustomized-post-template .post-footer .comment-link {

.uncustomized-post-template .post-footer .comment-link {

float: right;

float: right;

margin-left: 4px;

margin-left: 4px;

}

}

.post img {

.post img {

border: 1px solid #E3E4E4;

border: 1px solid #E3E4E4;

padding: 2px;

padding: 2px;

background: #fff;

background: #fff;

}

}

.deleted-comment {

.deleted-comment {

font-style:italic;

font-style:italic;

color:gray;

color:gray;

}

}

.feed-links {

.feed-links {

clear: both;

clear: both;

line-height: 2.5em;

line-height: 2.5em;

}

}

#blog-pager-newer-link {

#blog-pager-newer-link {

float: left; } #blog-pager-older-link { float: right;

float: left; } #blog-pager-older-link { float: right;

} #blog-pager {

} #blog-pager {

text-align: center; } .comment-footer {

text-align: center; } .comment-footer {

margin-bottom: 10px;

margin-bottom: 10px;

}

}

/* -- sidebar style -- */

/* -- sidebar style -- */

.sidebar .widget {

.sidebar .widget {

margin: 1.3em 0 0.5em 0; } .sidebar h2 {

margin: 1.3em 0 0.5em 0; } .sidebar h2 {

font-size: 0.7 em;

font-size: 1.3em;

}

}

.sidebar dl {

.sidebar dl {

margin: 0 0 10px 0;

margin: 0 0 10px 0;

}

}

.sidebar ul {

.sidebar ul {

list-style: none;

list-style: none;

margin: 0;

margin: 0;

padding: 0;

padding: 0;

}

}

.sidebar li {

.sidebar li {

padding-bottom: 5px;

padding-bottom: 5px;

line-height: 1

line-height: 1

}

}

.main .widget .clear {

.main .widget .clear {

clear: both;

clear: both;

}

}

/* -- sidebar style -- */

/* -- sidebar style -- */

#footer p {

#footer p {

margin: 0;

margin: 0;

padding: 12px 8px;

padding: 12px 8px;

font-size: 0.9em;

font-size: 0.9em;

}

}

.profile-textblock {

.profile-textblock {

margin-left: 0;

margin-left: 0;

clear: both;

clear: both;

}

}

.profile-img {

.profile-img {

float: left;

float: left;

margin: 0 10px 5px 0;

margin: 0 10px 5px 0;

border: 1px solid #7C78B5;

border: 1px solid #7C78B5;

padding: 4px;

padding: 4px;

}

}

/** Page structure tweaks for layout editor wireframe */

/** Page structure tweaks for layout editor wireframe */

body#layout #header-wrapper {

body#layout #header-wrapper {

margin-top: 0;

margin-top: 0;

}

}

body#layout #main-wrapper {

body#layout #main-wrapper {

padding:0; } ]]>

padding:0; } ]]>