* {
margin: 0px;
padding: 0px;
}
html {
font-size: 100%;
height: 100%;
}
* html {
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
*+ html {
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
/* Begin CSS for print media */
@media print {
* {
background-image: none;
background-color: #fff;
color: #000;
}
body {
padding: 0;
margin: 0;
font-size: 11pt;
}
body#phpbb div#wrap {
width: 85%;
margin: 0;
}
span.corners-top,span.corners-bottom {
display: none;
}
/* Header */
#wrap #logo-desc p,#wrap #logo-desc img,div#page-header div.navbar,div#page-header div.navbar ul.linklist {
display: none !important;
}
#wrap div.headerbar {
margin: 0;
border-bottom: 1px solid #ccc;
}
#wrap #page-body div#add-google {
width: 50%;
margin: 0;
padding: 0;
visibility: hidden;
height: 1px;
}
#wrap div#page-body h2 {
font-weight: bolder;
border-bottom: 1px solid #ccc;
margin-bottom: 1em;
}
/* Posts */
#wrap div#page-body div.topic-actions,#wrap div#page-body .pagination,#wrap div#page-body .left-box,#wrap div.postbody ul.profile-icons,#wrap div.postbody img,#wrap dl.postprofile,#wrap div.post .right,#wrap div.postbody div.signature {
float: none;
display: none !important;
}
#wrap dl.postprofile {
float: none;
}
#wrap div.postbody .online {
background-image: none;
}
#wrap div.postbody {
width: auto;
}
#wrap div.postbody h3 {
font-size: 11pt;
}
#wrap div.postbody p.author {
width: 100%;
border-bottom: 4px dashed #FCC572;
}
#wrap div#page-body div.post {
padding: 0 0 2em 0;
border-top: 4px double #FCC572;
}
div.postbody {
width: 100%;
float: none;
}
#wrap div#page-body div.post .content {
overflow: visible;
}
/* Footer */
div.noprint {
display: none;
}
#wrap div#page-footer,#wrap div#page-footer ul.linklist {
display: none;
}
}
/* End CSS for print media */
#min-width {
min-width: 750px;
}
body {
font-family: Arial;
color: #000000;
background-color: #f5e9e0;
background-image: url('https://2img.net/i/fa/empty.gif');
background-attachment: scroll;
font-size: 11px;
height: auto;
padding: 11px 0px;
}
* html .conteneur_minwidth_IE {
/* Hack IE min-width */
padding-left: 900px;
}
* html .conteneur_container_IE {
/* Hack IE min-width */
margin-left: -900px;
position: relative;
}
* html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE {
/* Hack IE min-width */
height: 1px;
}
#wrap {
width: 98%;
margin: 0px auto;
background-color: #f7e9dd;
border: 1px # solid;
padding: 5px;
min-width: 768px;
}
#simple-wrap {
padding: 6px 10px;
}
/* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
/************************************************************************** */
#content-container div#container {
width: 100%;
float: left;
margin-right: -0px;
}
#content-container div#content {
margin-right: 0px;
}
#content-container div#main {
margin-bottom: 1em;
overflow: hidden;
/* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */
}
*+ html #content-container div#main {
margin-left: 0px;
}
#content-container div#left {
width: 0px;
float: left;
margin-right: 0px;
overflow: hidden;
}
#content-container div#right {
width: 0px;
float: right;
overflow: hidden;
}
* html #content-container #main-content {
/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
overflow: visible;
margin-right: 0px;
}
* html #content-container div#main {
/* FIX for IE6 */
margin-right: -99%;
width: 100%;
float: left;
}
#page-body {
margin: 4px 0;
width: 100%;
}
#page-body p.page-bottom {
margin: 0;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#page-footer .linklist strong {
font-weight: normal;
}
#add-google {
text-align: center;
margin: 0 auto;
}
/* Tags-------------------------------------------------*/
h1.page-title {
font-family: Arial;
font-weight: normal;
color: #000000;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}
h1.gallery-title {
display: inline;
font-size: 11px;
text-align: center;
font-weight: bold;
}
h2 {
/* Keeping old styles for h2 for legacy */
font-family: Arial;
font-weight: normal;
color: #000000;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}
h1.solo {
margin-bottom: 1em;
}
h3, .h3 {
font-family: Arial;
text-transform: uppercase;
border-bottom: 1px solid #;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #;
margin-top: 20px;
}
.h3 {
font-weight: bold;
}
.module .h3,.postbody .h3,.introduction .h3 {
margin-top: 8px;
}
.table-title, .table-title h2 {
display: inline;
font-size: 1em;
color: #000000;
}
input {
font-weight: normal;
cursor: pointer;
vertical-align: middle;
padding: 0 3px;
font-size: 1em;
font-family: Arial;
}
select {
font-family: Arial;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
border: 1px solid #000000;
padding: 1px;
background-color: #;
}
option {
padding-right: 1em;
}
textarea {
font-family: Arial;
width: 60%;
padding: 2px;
font-size: 1em;
line-height: 1.4em;
}
p {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 0.5em;
}
p.right {
text-align: right;
}
p.center {
text-align: center;
margin: 0px;
}
p.author {
margin: 0 15em 0.6em 0;
padding: 0 0 5px 0;
font-family: Arial;
font-size: 1em;
line-height: 1.2em;
}
p.nomargin {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 0em;
}
p.path {
margin-left: 10px;
clear: left;
}
fieldset {
border-width: 0;
font-family: Arial;
font-size: 1.1em;
}
fieldset.jumpbox {
text-align: right;
margin-top: 15px;
height: 2.5em;
}
fieldset.quickmod {
width: 50%;
float: right;
text-align: right;
height: 2.5em;
}
label {
cursor: default;
padding-right: 5px;
color: #000000;
}
label input {
vertical-align: middle;
}
label img {
vertical-align: middle;
}
hr {
border: 0 none #000000;
border-top: 1px solid #000000;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
hr.dashed {
border-top: 1px dashed #000000;
margin: 5px 0;
}
img {
border-width: 0;
}
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #FFFFFF url("https://milouze14.error/icon_attachment.gif") 6px 8px no-repeat;
border: 2px solid #9CC089;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}
blockquote div {
margin-left: 20px;
}
blockquote blockquote {
background-color: #EFEED9;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
background-color: #d8f3c9;
}
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
font-size: 1em;
}
blockquote.uncited {
padding-top: 25px;
}
ul {
list-style-type: none;
}
ul.ul-icons {
float: left;
margin: 0 10px;
}
* html table, * html select, * html input {
font-size: 100%;
}
* html hr {
margin: 0;
}
/* Links-----------------------------------------------------*/
a:link{
color: #000000;
text-decoration: none;
}
a:visited{
color: #000000;
text-decoration: none;
}
a:active{
color: #000000;
text-decoration: underline;
}
a:hover{
color: #000000;
text-decoration: none;
}
a.forumtitle {
color: #000000;
font-family: Arial;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}
a.forumtitle:hover {
color: #000000;
text-decoration: underline;
}
a.forumtitle:active {
color: #000000;
}
a.topictitle {
font-family: Arial;
font-size: 1.1em;
font-weight: bold;
color: #000000;
text-decoration: none;
}
div.topic-title-container {
display: inline;
}
.topic-title {
display: inline;
font-size: 12px;
text-align: left;
}
.topic-title-post {
}
a.topictitle:hover {
color: #000000;
text-decoration: underline;
}
a.topictitle:active {
color: #000000;
}
/* Input------------------------------------------------------*/
.inputbox {
background-color: #e9d4c4;
border: 2px solid #000000;
color: #000000;
padding: 2px;
cursor: text;
}
.inputbox:hover {
border: 2px solid #FCC572;
}
.inputbox:focus {
border: 2px solid #FCC572;
color: #000000;
}
input.inputbox{
width: 85%;
}
input.medium{
width: 50%;
}
input.narrow{
width: 25%;
}
input.tiny{
width: 110px;
}
textarea.inputbox {
width: 85%;
}
/* Input Button Form---------------------------------------------------------*/
input.button1, input.button2, button.button2 {
font-size: 1em;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #666666;
}
a.button2, input.button2, button.button2 {
border: 1px solid #BCBCBC;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
width: auto !important;
padding: 2px 3px;
font-family: Arial;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('https://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
}
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
/* Opera does not see this */
padding: 1px 0;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
border: 1px solid #000000;
color: #000000;
background-position: 0 100%;
}
a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active {
color: #000000;
text-decoration: none;
padding: 2px 8px;
line-height: 30%;
vertical-align: text-bottom;
background-position: 0 1px;
}
* html input.button1, * html input.button2, * html button.button2 {
padding-bottom: 0;
margin-bottom: 1px;
}
*+html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
* html button.button2 img {
vertical-align: middle;
}
/* Fieldset dl---------------------------------------------------------*/
fieldset dl {
padding: 4px 0;
}
fieldset dt {
float: left;
width: 40%;
text-align: left;
display: block;
}
fieldset dd {
margin-left: 41%;
vertical-align: top;
margin-bottom: 3px;
}
fieldset dl:hover dt label {
color: #000000;
}
dt label {
font-weight: bold;
text-align: left;
}
dd label {
white-space: nowrap;
color: #000000;
}
dd input, dd textarea {
margin-right: 3px;
}
dd select {
width: auto;
}
dd textarea {
width: 85%;
}
/* Fieldset fields 1 et 2---------------------------------------------*/
fieldset.fields1 dt {
width: 10em;
border-right-width: 0;
}
fieldset.fields1 dd {
margin-left: 10em;
border-left-width: 0;
}
fieldset.fields1 {
background-color: transparent;
}
fieldset.fields1 div {
margin-bottom: 3px;
}
fieldset.fields2 dt {
width: 15em;
border-right-width: 0;
}
fieldset.fields2 dd {
margin-left: 16em;
border-left-width: 0;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
/* Fieldset submit---------------------------------------------*/
fieldset.submit-buttons {
text-align: center;
vertical-align: middle;
margin: 5px 0;
}
fieldset.submit-buttons input {
vertical-align: middle;
padding-top: 3px;
padding-bottom: 3px;
}
/* Fieldset polls---------------------------------------------*/
fieldset.polls {
font-family: Arial;
}
fieldset.polls dl {
margin-top: 5px;
border-top: 1px solid #e2e2e2;
padding: 5px 0 0 0;
line-height: 120%;
color: #000000;
}
fieldset.polls dt {
text-align: left;
float: left;
display: block;
width: 30%;
border-right: none;
padding: 0;
margin: 0;
font-size: 1.1em;
}
fieldset.polls dd {
float: left;
width: 10%;
border-left: none;
padding: 0 5px;
margin-left: 0;
font-size: 1.1em;
}
/* Header-------------------------------------------------*/
.headerbar {
background-color: #fde8d7;
background-image: url('https://2img.net/i/fa/empty.gif');
margin-bottom: 4px;
padding: 0pt 5px;
background-repeat: repeat-x;
}
* html .headerbar {
height: 1%;
/* Hack IE layout */
}
*+ html .headerbar {
min-height: 1px;
}
#logo-desc {
margin: 0px;
padding: 0px;
text-align: center;
}
#logo {
float: none;
padding: 5px;
}
a#logo:hover {
text-decoration: none;
}
#site-title,#site-title h1 {
font-family: ;
color: #000000;
font-size: 20px;
font-weight: bold;
padding-top: 15px;
}
#site-title h1 {
padding-top: 0;
}
#logo-desc p {
margin: 0px;
padding: 0px;
color: #000000;
}
/* Menu-------------------------------------------------*/
.navbar {
clear: both;
background-color: #fde8d7;
padding:0px 10px;
}
ul.navlinks {
border-bottom: 1px solid #000000;
font-weight: bold;
text-align: center;
}
ul.linklist li {
list-style-type: none;
width: auto;
font-size: 1.1em;
line-height: 2.2em;
display: inline;
}
ul.linklist li a img {
vertical-align: middle;
}
.search-box {
margin-top: 3px;
margin-left: 5px;
float: left;
}
#search-box,#search-box-yahoo {
margin-top: 10px;
margin-right: 5px;
float: right;
white-space: nowrap;
/* For Opera */
}
#search-box-yahoo {
float: left;
}
* html #search-box,* html #search-box-yahoo {
margin-right: 35px;
}
#search-box #keywords,#search-box-yahoo #keywords-yahoo {
width: 95px;
background-color: #e9d4c4;
}
#search-box input,#search-box-yahoo input {
border: 1px solid #BCBCBC;
}
#search-box input.button1,#search-box-yahoo input.button1 {
padding: 1px 5px;
}
input.search {
background-image: url('https://2img.net/i/fa/prosilver/icon_textbox_search.gif');
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}
ul.linklist li.rightside {
float: right;
}
ul.linklist li.footer-home {
float: left;
}
p.rightside {
float: right;
margin-right: 5px;
}
Accueil![[résolu]Explications sur le CSS Empty](https://2img.net/i/empty.gif)
[résolu]Explications sur le CSS 18/12/2008, 15:56
.
![[résolu]Explications sur le CSS Taillepolice](https://milouze14.error/taillepolice.jpg)
pour ouvrir les balises![[résolu]Explications sur le CSS Img-131318a8t7c](https://2img.net/h/apu.mabul.org/up/apu/2008/12/15/img-131318a8t7c.jpg)
![[résolu]Explications sur le CSS 1210](https://i.servimg.com/u/f76/11/26/21/37/1210.jpg)
![[résolu]Explications sur le CSS 1110](https://i.servimg.com/u/f76/11/26/21/37/1110.jpg)
![[résolu]Explications sur le CSS 1310](https://i.servimg.com/u/f76/11/26/21/37/1310.jpg)
![[résolu]Explications sur le CSS 13desa10](https://i.servimg.com/u/f76/11/26/21/37/13desa10.jpg)