Ceci est une page que j'ai créé pour tous ceux qui aiment reggaekriolo
this is a page I created for everyone who likes reggaekriolo made by kriolos and for
everybody. one love
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 */
}
#main {
padding-top: 4px;
padding-right: 5px;
padding-bottom: 15px;
padding-left: 5px;
position: relative;
background-color: white; repeat-x left top;
}
.post {
margin-top: 0;
margin-right: 8px;
margin-bottom: 14px;
margin-left: 21px;
padding: 0;
padding-bottom: 60px;
border-bottom: 3px solid #363636;
}
#comments {
margin-top: 0;
margin-right: 16px;
margin-bottom: 14px;
margin-left: 29px;
padding: 10px;
border: 1px solid #ffffff;
background-color: #black;
}
#sidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: left;
position: relative;
width: 170px;
height:1582px;
color: #ffffff;
line-height: 1.4em;
font-size: 90%;
border: 2px solid #363636;
background: #2c2c2c; opacity:.9550;
filter: alpha(opacity=95);
-moz-opacity: 0.9550; repeat left top;
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 */
}
#newsidebar-wrapper {
margin-right: 0px;
padding-top: 25px;
padding-left: 0px;
position: relative;
top:-8px;
left: 0px;
width: 193px;
height:1278px;
float: right;
background: #2c2c2c; left top;
border: 2px solid #363636;
border-top: 15px;
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 */
}
#video {
margin-left: 3px;
margin-top: -14px;
position: relative;
left: -3px;
width: 880px;
background-color:black;
float: left; text-align:center;
repeat-x left top;
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 */
}
#playlist {
margin-left: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
position: relative;
top: -5px;
width: 450px;
height: 280px;
padding-left: 10px;
background-color:black;
float: right; text-align:center;
repeat-x left top;
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 */
}
#videoclip {
margin-left: 0px;
margin-top: 5px;
margin-left: 0px;
padding-right: 10px;
position: relative;
top: -5px;
left: 0px;
width: 220px;
height: 280px;
background-color:black;
border-right: 5px;
float: left; text-align:center;
repeat-x left top;
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 */
}
#sidebar {
padding-top: 7px;
padding-right: 11px;
padding-bottom: 0;
padding-left: 14px;
background: repeat-y 179px 0;
}
#sidebar .widget {
margin-bottom: 20px;
}
#footer-column-container {
padding-top: 15px;
background: url(http://docs.google.com/File?id=drb32g8_1dwdv8fcj_b); repeat-x left top;
clear: both;
}
#footer {
background-color: #000000; repeat-x left top;
text-align: center;
min-height: 2em;
}
/* headings
----------------------------------------------- */
#header h1 {
margin: 0;
padding-top: 24px;
padding-right: 0;
padding-bottom: 0;
padding-left: 84px;
background-color: #black no-repeat 16px 26px;
}
h2.date-header {
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 29px;
text-transform: uppercase;
color: #ffffcc;
background: #black; no-repeat 13px 0;
font-size: 80%;
font-weight: normal;
}
.date-header span {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 5px;
padding-top: 0;
padding-right: 25px;
padding-bottom: 0;
padding-left: 25px;
background: url(http://www.blogblog.com/thisaway_green/bg_date.gif) no-repeat left 0;
}
.sidebar h2 {
padding-top: 1px;
padding-right: 0;
padding-bottom: 0;
padding-left: 36px;
color: #66B5FF;
background-color: #black no-repeat left 45%;
font: normal bold 99% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
}
.sidebar .Profile h2 {
color: #809552;
background-color: #black no-repeat left 45%;
}
.post h3 {
margin-top: 13px;
margin-right: 0;
margin-bottom: 13px;
margin-left: 0;
padding: 0;
color: #ffcc66;
font-size: 140%;
}
.post h3 a, .post h3 a:visited {
color: #ffcc66;
}
#comments h4 {
margin-top: 0;
font-size: 120%;
}
/* text
----------------------------------------------- */
#header h1 {
color: #ffcc66;
font: normal bold 322% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
}
#header .description {
margin: 0;
padding-top: 7px;
padding-right: 16px;
padding-bottom: 0;
padding-left: 84px;
color: #ffcc66;
font: normal normal 80% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
}
.post-body p {
line-height: 1.4em;
/* Fix bug in IE5/Win with italics in posts */
margin: 0;
height: 1%;
overflow: visible;
}
.post-footer {
font-size: 80%;
color: #ffffcc;
}
.uncustomized-post-template .post-footer {
text-align: right;
}
.uncustomized-post-template .post-footer .post-author,
.uncustomized-post-template .post-footer .post-timestamp {
display: block;
float: left;
text-align: left;
margin-right: 4px;
}
p.comment-author {
font-size: 83%;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.comment-body p {
line-height: 1.4em;
}
.feed-links {
clear: both;
line-height: 2.5em;
margin-bottom: 0.5em;
margin-left: 29px;
}
#footer .widget {
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 15px;
padding-left: 55px;
color: #f9feee;
font-size: 90%;
line-height: 1.4em;
background-color:black; no-repeat 16px 0;
}
/* lists
----------------------------------------------- */
.post ul {
padding-left: 32px;
list-style-type: none;
line-height: 1.4em;
}
.post li {
padding-top: 0;
padding-right: 0;
padding-bottom: 4px;
padding-left: 17px;
background-color: #black no-repeat left 3px;
}
#comments ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#comments li {
padding-top: 0;
padding-right: 0;
padding-bottom: 1px;
padding-left: 17px;
background: url(http://www.blogblog.com/thisaway_green/icon_comment.gif) no-repeat left 3px;
}
.sidebar ul {
padding: 0;
list-style-type: none;
line-height: 1.2em;
margin-left: 0;
}
.sidebar li {
padding-top: 0;
padding-right: 0;
padding-bottom: 4px;
padding-left: 17px;
background: url(http://www.blogblog.com/thisaway_green/icon_list_item.gif) no-repeat left 3px;
}
#blog-pager-newer-link {
float: left;
margin-left: 29px;
}
#blog-pager-older-link {
float: right;
margin-right: 16px;
}
#blog-pager {
text-align: center;
}
/* links
----------------------------------------------- */
a {
color: #ffcc66;
font-weight: bold;
}
a:hover {
color: #0066CC;
}
a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url(http://www.blogblog.com/thisaway_green/icon_comment.gif) no-repeat left 45%;
padding-left: 14px;
}
html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
background: url(http://www.blogblog.com/thisaway_green/icon_comment.gif) no-repeat left 45%;
padding-left: 14px;
}
.sidebar a {
color: #e6e6e6;
}
.sidebar a:hover {
color: #ffffcc;
}
#header h1 a {
color: #f9feee;
text-decoration: none;
}
#header h1 a:hover {
color: #cdd9b4;
}
.post h3 a {
text-decoration: none;
}
a img {
border-width: 0;
}
.clear {
clear: both;
line-height: 0;
height: 0;
}
.profile-textblock {
clear: both;
margin-bottom: 10px;
margin-left: 0;
}
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 3px;
border: 1px solid #dbebbd;
}
.profile-link {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 17px;
background-color: #black no-repeat left 0;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #main,
body#layout #sidebar {
padding: 0px;
}