ToutSurTout.biz / [Réglé] Aide

Philippe · Discussion postée le 13-08-2013 à 20:10:38

/*****************************************************************
1. INITIAL SETTINGS
*****************************************************************/

/* Limited Reset
----------------------------------------------------------------*/

html, body, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun pre, .pun blockquote,
.pun ul, .pun ol, .pun li, .pun dl, .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun legend .pun img,
.pun abbr, .pun cite {
border: 0;
font-style: normal;
font-weight: normal;
margin: 0;
padding: 0;
}

.pun ul, .pun ol {
list-style: none;
}

.pun select {
padding-bottom: 1px;
padding-top: 1px;
}

/* Content Defaults
----------------------------------------------------------------*/

.pun {
font: 81.25%/1.462em Arial, Helvetica, sans-serif;
}

.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

.pun pre, .pun code {
font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace;
font-size: 1em;
}

.pun pre code {
font-size: 1em;
}

.pun table {
border-collapse: collapse;
border-spacing: 0;
border: 0;
empty-cells: show;
width: 100%;
}

.pun h1 {
font:2.154em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 7px 0;
}

.pun h2, .pun .hd h2 {
font: 1.462em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 7px 0;
}

.pun h3 {
font-size: 1.154em;
line-height: 1.267em;
padding: 7px 0;
}

.pun h4 {
font-size: 1.077em;
font-weight: bold;
padding: 7px 0;
}

.pun h5, .pun h6 {
font-size: 1em;
font-weight: bold;
padding: 7px 0;
}

.pun p, .pun ul, .pun ol, .pun dl, .pun th, .pun td, .pun legend {
padding: 7px 0;
}

.pun strong, .pun th, .pun span.warntext, .pun p.warntext {
font-weight: bold;
}

.pun em {
font-style: italic;
}

.pun a, .pun a:link, .pun a:visited {
text-decoration: none;
}

.pun a:hover, .pun a:active, .pun a:focus {
text-decoration: underline;
}

.pun .actions span {
padding-left: 16px;
padding-right: 8px;
background: url(Air/img/bull.png) center left no-repeat;
display: inline-block;
line-height: normal;
}

/* Hidden Elements
----------------------------------------------------------------*/

#brdfooter h2, #brdstats h2, #debug h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt,
#searchlinks dt, div.postright h3, .pun .subscribelink span, #announce .hd, #reportform h2, #punmoderate #vf h2,
#punviewforum #vf h2, .pun .required strong span, .pun .icon div {
display: block;
overflow: hidden;
position: absolute;
text-indent: -9999em;
width: 0;
}

/* Generic Float Clear
----------------------------------------------------------------*/

.pun .inbox, .pun #brdmain, .pun .crumbs, .pun .pagepost, .pun .block2col {
min-height: 1px;
}

* html .pun .inbox, * html .pun #brdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
display: inline-block;
}

* html .pun .inbox, * html .pun #bdrdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
display: block;
}

.pun .inbox:after, .pun #brdmain:after, .pun .crumbs:after, .pun .pagepost:after, .pun .block2col:after {
content: " ";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.pun .block2col .inbox:after {
content: none;
clear: none;
}

.clearl {
clear: left;
}

/*****************************************************************
2. COMMON STYLES
*****************************************************************/

/* Page Layout
----------------------------------------------------------------*/

.pun {
padding: 30px 40px;
}

#punredirect, #punmaint {
padding: 60px 20% 12px 20%;
}

#puninstall, #pundb_update {
padding: 20px 10%;
}

.pun .punwrap {
border: 1px solid;
padding: 18px;
}

.pun .top-box {
height: 18px;
margin-bottom: -18px;
position: relative;
background: url(Air/img/main_top.png) top left no-repeat;
}

.pun .top-box div {
height: 18px;
margin-left: 50%;
background: url(Air/img/main_top.png) top right no-repeat;
}

.pun .end-box {
margin-top: -17px;
height: 18px;
position: relative;
background: url(Air/img/main_end.png) bottom left no-repeat;
}

.pun .end-box div {
height: 18px;
margin-left: 50%;
background: url(Air/img/main_end.png) bottom right no-repeat;
}

#punredirect h2, #punmaint h2 {
border-bottom-style: dotted;
border-bottom-width: 1px;
margin-bottom: 3px;
}

/* Section Spacing and Borders
----------------------------------------------------------------*/

#brdmain {
border-style: solid none;
border-width: 2px 0;
margin-bottom: 12px;
padding: 12px 0;
}

#punindex #brdmain {
padding-top: 24px;
}

#punredirect #brdmain, #punmaint #brdmain {
border: 0;
margin: 0;
padding: 0;
}

#brdstats {
border-style: solid none none none;
border-width: 2px 0 0 0;
margin-top: 24px;
padding-top: 12px;
}

#quickpost {
border-style: solid none none none;
border-width: 2px 0 0 0;
margin-top: 12px;
padding-top: 12px;
}

#announce {
border-style: solid none none none;
border-width: 2px 0 0 0;
padding-top: 3px;
}

/*****************************************************************
3. COMMON BOARD ELEMENTS
*****************************************************************/

/* Logo, Description and Main Menu
----------------------------------------------------------------*/

#brdtitle h1 {
padding: 0 0 10px 0;
}

#brddesc {
border-top-style: dotted;
border-top-width: 1px;
padding: 10px 0;
}

#brddesc p {
padding: 0;
}

#brdmenu ul {
padding: 0;
}

#brdmenu li {
float: left;
}

#brdmenu a:link, #brdmenu a:visited {
border-right-style: solid;
border-width: 1px;
display: block;
min-width: 60px;
padding: 12px 16px 6px 8px;
white-space: nowrap;
}

#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
text-decoration: none;
}

/* Welcome Box
----------------------------------------------------------------*/

#brdwelcome {
padding: 10px 0;
}

#brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li {
display: inline;
padding: 0;
}

#brdwelcome .conl {
float: left;
}

#brdwelcome .conr {
float: right;
}

#brdwelcome li span {
background: url(Air/img/bull.png) center left no-repeat;
padding-left: 18px;
margin-right: 3px;
display: inline-block;
line-height: normal;
white-space: nowrap;
}

#brdwelcome .conl li:first-child span {
padding-left: 0;
background: none;
}

/* Stats
----------------------------------------------------------------*/

#brdstats .conl {
float: left;
}

#brdstats .conr {
float: right;
text-align: right;
}

#brdstats #onlinelist {
border-top-style: dotted;
border-top-width: 1px;
clear: both;
}

#brdstats #onlinelist dt, #brdstats #onlinelist dd {
display: inline;
}

/* Footer
----------------------------------------------------------------*/

.pun #modcontrols {
border-style: none none dotted none;
border-width: 0 0 1px 0;
margin-bottom: 4px;
text-align: center;
width: 100%;
}

.pun #modcontrols dd {
display: inline;
}

.pun #brdfooter #modcontrols dd span {
background: url(Air/img/bull.png) center left no-repeat;
display: inline-block;
line-height: normal;
padding-left: 18px;
white-space: nowrap;
}

.pun #brdfooter .conl {
float: left;
}

.pun #brdfooter .conr {
text-align: right;
float: right;
}

.pun #brdfooter #poweredby a {
font-size: 1.077em;
font-weight: bold;
}

.pun #brdfooter #qjump {
padding-top: 5px;
}

.pun #brdfooter #qjump * {
white-space: nowrap;
}

.pun #brdfooter #searchlinks dd span {
background: url(Air/img/bull.png) center left no-repeat;
display: inline-block;
line-height: normal;
padding-left: 18px;
white-space: nowrap;
}

.pun #brdfooter #feedlinks {
padding-bottom: 0;
}

.pun #brdfooter #feedlinks span {
background: url(Air/img/feed.png) center left no-repeat;
display: inline-block;
padding-left: 18px;
white-space: nowrap;
}

.pun #debugtime {
border-style: dotted none none none;
border-width: 1px 0 0 0;
margin-top: 7px;
text-align: center;
}

/* Breadcrumbs, Postlink, Pagination
----------------------------------------------------------------*/

.pun .linkst .inbox, .pun linksb .inbox, .pun .postlinksb .inbox {
overflow: hidden;
}

.pun .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs {
clear: both;
position: relative;
}

.pun .linkst .crumbs {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 1.462em;
line-height: 1.211em;
padding: 7px 0;
}

.pun .linksb .crumbs, .pun .postlinksb .crumbs {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 1.154em;
}

.pun .linkst .crumbsplus .pagepost {
border-top-style: dotted;
border-top-width: 1px;
}

.pun .linksb .crumbsplus .pagepost, .pun .postlinksb .crumbsplus .pagepost {
border-bottom-style: dotted;
border-bottom-width: 1px;
}

.pun .postlinksb .crumbs {
margin-right: 11em;
}

.pun .crumbs li {
float: left;
padding-right: 0.4em;
white-space: nowrap;
}

.pun .crumbs li strong {
font-weight: normal;
}

.pun .pagelink {
float: left;
white-space: nowrap;
}

.pun .pagelink strong, .pun .pagelink a, .pun .pagelink span.spacer {
border-style: none none none solid;
border-width: 0 0 0 1px;
display: inline-block;
padding: 0 12px 0 10px;
margin-right: -6px;
}

.pun .pagelink .item1 {
border: 0;
}

.pun .pagelink .pages-label {
display: inline-block;
}

.pun .postlink {
float: right;
font-weight: bold;
text-align: right;
}

.pun .modbuttons {
float: right;
padding: 5px 0 3px 0;
}

.pun .modbuttons input {
margin-left: 8px;
}

.pun .subscribelink {
position: absolute;
right: 0;
text-align: right;
top: 33px;
}

#punindex .subscribelink {
top: 0px;
}

#punindex .linksb {
height: 12px;
}

/*****************************************************************
4. MAIN TABLES
*****************************************************************/

.pun #brdmain .blocktable {
position: relative;
}

#punindex #brdmain .blocktable h2, #punsearch #vf h2 {
font: 1em/1.462em Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 1px 1px 0 1px;
padding-left: 8px;
position: absolute;
left: 0;
white-space: nowrap;
z-index: 100;
}

#punindex .blocktable th.tcl, #punsearch #vf th.tcl {
font-size: 0;
text-indent: -9999em;
}

.pun .blocktable .box {
border-style: solid;
border-width: 1px;
margin-bottom: -1px;
overflow: hidden;
position: relative;
}

* html .pun .blocktable .box {
display: inline-block;
}

.pun .blocktable table {
table-layout: fixed;
margin-bottom: -1px;
}

.pun .blocktable th {
padding: 7px 8px;
border-style: none none solid none;
border-width: 1px;
text-align: left;
}

.pun .blocktable td {
padding: 7px 8px;
line-height: 1.3077em;
border-style: none none solid none;
border-width: 1px;
text-align: left;
}

.pun .blocktable h3 {
font-size: 1.077em;
font-weight: bold;
padding: 0;
}

.pun .blocktable p {
padding: 0;
}

.pun .blocktable .tcl p {
padding: 5px 0 0 0;
}

.pun .blocktable .tcl {
width: auto;
}

.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod {
padding-left: 0;
padding-right: 0;
text-align: center;
width: 11%;
}

.pun .blocktable .tcr {
width: 30%;
}

.pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser {
white-space: nowrap;
}

.pun .blocktable .tcl h3 span.newtext {
font-size: 0.929em;
font-weight: normal;
}

.pun #vf td.tcl span.stickytext, .pun #vf td.tcl span.closedtext {
font-size: 1em;
font-weight: bold;
}

#punsearch #vf .tc2 {
padding-left: 8px;
padding-right: 8px;
text-align: left;
width: 18%;
}

#users1 .tcr {
width: 25%;
}

#users1 .tc2 {
padding-left: 8px;
padding-right: 8px;
text-align: left;
width: 25%;
}

#debug {
margin-top: 12px;
}

#debug .tcl {
width: 10%;
}

#punredirect #debug .tcl, #punmaint #debug .tcl {
width: 20%;
}

#debug .tcr {
width: 90%;
white-space: normal
}

#punindex .tcr .byuser {
display: block
}

#punindex td.tc2, #punindex td.tc3, #punindex td.tcr, .pun #vf td.tc2, .pun #vf td.tc3,
.pun #vf td.tcr, #punindex td.tcl div.forumdesc, .pun #vf td.tcl span {
font-size: 0.923em;
}

.pun #vf td.tcl a {
font-weight: bold;
}

.pun #vf td.tcl span a {
font-weight: normal;
}

.pun .blocktable .tclcon {
height: 1%;
min-height: 1px;
overflow: hidden;
padding: 0 11px 0 12px;
position: relative;
}

.pun .blocktable .tclcon div {
width: 100%;
overflow: hidden;
}

.pun .icon {
border-style: solid;
border-width: 8px;
float: left;
height: 0;
overflow: hidden;
width: 0;
}

.pun .iposted .ipost {
font-weight: bold;
left: 0;
padding-left: 4px;
position: absolute;
text-align: center;
top: 0;
width: 8px;
}

/*****************************************************************
MAIN POSTS
*****************************************************************/

/* Structure
----------------------------------------------------------------*/

.pun .blockpost {
border-style: solid;
border-width: 1px;
margin-bottom: -1px;
overflow: hidden;
position: relative;
}

* html .pun .blockpost {
display: inline-block;
}

.pun .blockpost h2 {
font: 1em/1.462em Arial, Helvetica, sans-serif;
white-space: nowrap;
border-bottom-style: solid;
border-bottom-width: 1px;
height: 1.462em;
padding: 0.538em 8px 0.538em 236px;
font-weight: normal;
}

#punsearch .blockpost h2 {
height: auto;
padding-left: 36px;
white-space: normal;
}

#punsearch .blockpost h2 span span {
white-space: nowrap;
display: inline-block;
font: 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif
}

#punsearch .blockpost .icon {
position: absolute;
top: 0;
margin-top: -2.154em;
}

.pun .blockpost h2 .conr {
float: right;
text-align: right;
}

.pun .blockpost .inbox {
float: right;
position: relative;
width: 100%;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
border-left-style: solid;
border-left-width: 1px;
float: right;
margin-right: -218px;
position: relative;
text-align: left;
width: 100%;
}

.pun .blockpost .postleft, .pun .blockpost .postfootleft {
width: 194px;
padding: 7px 12px 7px 12px;
float: left;
margin-left: -218px;
position: relative;
}

.pun .blockpost .postleft dl {
padding: 0;
}

#punviewtopic .blockpost dt, #punmoderate .blockpost dt {
display: block;
position: absolute;
padding: 0.538em 0 0.538em 12px;
height: 1.462em;
top: -2.615em;
left: 0;
overflow: hidden;
width: 206px;
}

.pun .blockpost dt strong {
font-size: 1.231em;
font-weight: bold;
}

.pun .blockpost .postleft dd {
font-size: 0.923em;
}

.pun .blockpost .postleft .usertitle {
padding: 4px 0 6px 0;
font-size: 1em;
}

.pun .blockpost .postleft .postavatar {
display: block;
margin: 0 0 4px 0;
}

.pun .blockpost .postright {
position: relative;
padding: 4px 230px 7px 18px;
}

.pun .postmsg {
width:100%;
overflow: hidden;
word-wrap: break-word;
}

.pun .blockpost .postfootright {
position: relative;
padding: 7px 230px 7px 18px;
text-align: right;
}

.pun .postfoot p, .pun .postfoot ul {
padding: 0;
}

.pun .blockpost .postfootright li {
display: inline;
}

.pun .blockpost .postfootright li span {
display: inline-block;
padding-left: 16px;
margin-left: 8px;
line-height: normal;
background: url(Air/img/bull.png) center left no-repeat;
}

.pun .blockpost .usercontacts {
padding: 7px 0;
}

.pun .blockpost .usercontacts .email {
background: url(Air/img/email.png) left 65% no-repeat;
margin-right: 5px;
padding-left: 21px;
display: inline-block;
line-height: normal;
}

.pun .blockpost .usercontacts .website {
background: url(Air/img/ext.png) left 65% no-repeat;
padding-left: 18px;
display: inline-block;
line-height: normal;
}

.pun .postsignature hr {
border:none;
height: 1px;
margin-left: 0px;
text-align: left;
}

/* Content (includes other user content)
----------------------------------------------------------------*/

.pun .usercontent {
padding: 7px 0;
}

.pun .postmsg p, .pun .postmsg li, #punhelp p samp {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pun .usercontent h1, .pun .usercontent h2, .pun .usercontent h3,
.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
padding: 7px 0 0 0;
}

.pun .postmsg h5, #punhelp h5 {
font-size: 1.231em;
font-weight: bold;
padding: 7px 0;
}

.pun .usercontent ul, .pun .postmsg ul {
list-style: disc;
padding: 4px 13px 4px 30px;
}

.pun .usercontent ol, .pun .postmsg ol {
list-style: decimal;
padding: 4px 13px 4px 30px;
}

.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
list-style: lower-alpha;
}

.pun .usercontent li, .pun .postmsg li {
padding: 0 3px;
}

.pun .usercontent li p, .pun .postmsg li p {
padding: 0;
}

.pun span.bbu {
text-decoration: underline;
}

.pun span.bbs, .pun del {
text-decoration: line-through;
}

.pun .postmsg ins, #punhelp samp ins {
text-decoration: none;
}

.pun .blockpost .postmsg .postedit {
font-size: 0.857em;
}

.pun .blockform .postsignature, .pun .blockpost .postsignature {
font-size: 0.923em;
}

.pun .codebox {
border-style: solid;
border-width: 1px;
margin: 0.75em 1em;
padding: 0;
}

.pun .quotebox {
border-style: solid;
border-width: 1px 1px 1px 3px;
margin: 0.75em 1em;
padding: 0 0.75em;
}

.pun .quotebox cite {
display: block;
padding: 0.75em 0 0 0;
font-weight: bold;
line-height: 1.462em;
}

.pun .quotebox blockquote {
overflow: hidden;
width: 100%;
}

.pun .codebox pre {
overflow-y:hidden;
overflow: auto;
width: 100%;
direction: ltr;
text-align: left;
}

* html .pun .codebox pre {
padding-bottom: 10px;
}

*:first-child+html .pun .codebox pre {
padding-bottom: 10px;
}

.pun .codebox pre code {
padding: 0.75em;
white-space: pre;
}

.pun div[class*=codebox] pre code {
display: inline-block;
}

* html .pun .codebox pre code {
display: block;
}

.pun .codebox pre.vscroll {
height: 32em;
overflow: auto;
overflow-y: auto
}

.pun .postmsg img, #punhelp samp img {
vertical-align: text-top;
}

.pun .postmsg .postimg img {
max-width: 98%;
vertical-align: middle;
margin: 7px 0.5em 7px 0;
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
border-style: solid;
border-width: 2px;
}

/*****************************************************************
MAIN FORMS
*****************************************************************/

#punedit .blockform h2, #punpost .blockform h2, #postpreview h2, #posterror h2,
.pun #quickpost h2, .pun #reportform h2, #pundelete .blockform h2 {
font: 1em/1.462em Arial, Helvetica, sans-serif;
font-weight: bold;
white-space: nowrap;
padding: 10px 19px 4px 37px;
border: 0;
}

#punpost .blockform h2, #punedit .blockform h2,.pun #quickpost h2,
#pundelete .blockform h2 {
margin: 1px 1px 0 1px;
width: 25em;
position: absolute;
z-index: 100;
}

.pun #quickpost legend, #punpost legend, #punedit legend {
width: 25em;
overflow: hidden;
white-space: nowrap;
}

.pun .blockform .box {
border-style: solid;
border-width: 1px;
padding-bottom: 12px;
}

.pun #posterror {
border-style: solid;
border-width: 1px;
}

.pun #posterror .box {
padding: 0 18px 12px 18px;
}

* html .pun .blockform .box, * html .pun #posterror {
display: inline-block;
}

.pun .blockform .forminfo, .pun .error-info {
padding: 12px 18px;
border-style: solid;
border-width: 1px;
position: relative;
}

.pun .blockform .forminfo {
margin-top: 12px;
}

#pundelete .blockform .forminfo {
margin-top: 33px;
}

.pun .forminfo h3 {
padding-bottom: 0;
}

.pun .error-list li {
padding-left: 24px;
background: url(Air/img/exclaim.png) center left no-repeat;
}

.pun .inform {
padding: 0 18px;
}

.pun legend {
font-weight: bold;
padding: 10px 19px 4px 19px;
}

* html .pun legend {
margin-left: -7px;
}

*:first-child+html .pun legend {
margin-left: -7px;
}

.pun .infldset {
border-style: solid;
border-width: 1px;
padding: 12px 18px;
}

#punregister #rules .infldset {
padding: 5px 18px;
}

.pun fieldset p {
padding: 0 0 7px 0;
width: 100%;
}

.pun fieldset .usercontent p {
padding: 7px 0;
}

.pun fieldset label {
display: block;
padding: 0 0 7px 0;
}

.pun label em {
font-weight: normal;
font-style: normal;
}

.pun .required strong {
background: url(Air/img/asterisk.png) center right no-repeat;
font-weight: normal;
padding-right: 14px;
white-space: pre;
display: inline-block;
line-height: normal;
}

.pun label input, .pun label select, .pun label textarea {
margin-top: 2px;
}

.pun label.conl {
display: inline-block;
padding-right: 12px;
}

.pun form .buttons {
padding: 8px 19px 8px 34px;
margin-bottom: -12px;
}

.pun .blockform .buttons input {
margin-right: 12px;
}

.pun .rbox {
padding: 3px 0;
}

.pun .rbox label {
padding: 3px 0 3px 1.75em;
position: relative;
min-height: 1px;
}

* html .pun .rbox label {
text-indent: -3px;
height: 1%;
}

.pun .rbox input {
margin: 3px 0.75em 3px -1.75em;
float: left;
position: relative;
vertical-align: middle;
padding: 0;
height: 1em;
width: 1em;
}

.pun input[type=text], .pun select, .pun textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pun .txtarea textarea, .pun input.longinput {
width: 98%;
}

.pun #quickpost .txtarea {
padding-right: 12px;
position: relative;
}

.pun .blockform .bblinks {
padding-top: 0;
}

.pun .blockform .bblinks li {
display: inline;
}

.pun .blockform .bblinks li span {
background: url(Air/img/help.png) center left no-repeat;
margin-right: 8px;
padding-left: 20px;
display: inline-block;
}

.pun #quickpost .bblinks {
padding-top: 0;
}

.pun #quickpost .bblinks li {
display: inline;
}

.pun #login p.clearb {
border-top-style: dotted;
border-top-width: 1px;
font-size: 0;
height: 0;
line-height: 0;
margin-top: 7px;
overflow: hidden;
padding-bottom: 3px;
padding-top: 7px;
text-indent: -9999em;
width: 100%;
}

.pun #postreview {
padding-top: 12px;
}

.pun #postpreview, .pun #posterror {
margin-bottom: 12px;
}

.pun #postpreview .postright {
padding: 0;
}

.pun #postpreview .postbody {
border-style: solid;
border-width: 1px;
float: none;
margin: 0 18px 12px 18px;
padding: 0;
padding: 4px 18px 4px 18px;
width: auto;
}

.pun span.email {
background: url(Air/img/email.png) left 65% no-repeat;
margin-right: 5px;
padding-left: 21px;
display: inline-block;
line-height: normal;
}

.pun span.website {
background: url(Air/img/ext.png) left 65% no-repeat;
padding-left: 18px;
display: inline-block;
line-height: normal;
}

#punmisc #rules .box {
border-style: solid;
border-width: 1px;
padding: 5px 18px;
}

#punhelp .box {
border-style: solid;
border-width: 1px;
padding: 7px 12px;
}

.pun .multiselect {
float: left;
padding-bottom: 7px;
}

.pun .checklist {
border-width: 1px;
border-style: solid;
max-height: 9em;
width: 20em;
overflow: auto;
padding: 0.25em 0.5em;
margin: 0.25em 16px 0 0.15em;
}

.pun .checklist legend {
padding: 0;
}

.pun .checklist legend span {
width: auto;
max-width: 25em;
}

.pun .checklist .checklist-item {
position: relative;
}

.pun .checklist .checklist-item label {
padding: 0 0 0 1.75em;
}

.pun .checklist .checklist-item .fld-input {
position: absolute;
left: 0;
top: 0;
padding: 0;
margin: 0;
}

.pun .checklist .checklist-item input {
margin: 0;
height: 1.55em;
width: 1.55em;
}

/*****************************************************************
PROFILES (+ ADMIN MENU)
*****************************************************************/

/* Profile / Admin
----------------------------------------------------------------*/

.pun .blockmenu {
width: 13em;
float: left;
padding-bottom: 12px;
}

.pun .block2col .blockform, .pun .block2col .block {
margin-left: 15em;
}

.pun .blockmenu .block2 {
padding-top: 19px;
}

.pun .blockmenu ul {
border-top-style: dotted;
border-top-width: 1px;
padding: 0;
}

.pun .blockmenu li {
border-bottom-style: dotted;
border-bottom-width: 1px;
font-weight: bold;
padding: 0;
}

.pun .blockmenu a:link, .pun .blockmenu a:visited {
display: block;
padding: 9px 6px 3px 6px;
min-height: 1px;
text-decoration: none;
}

* html .pun .blockmenu a:link, * html .pun .blockmenu a:visited {
height: 1%;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
text-decoration: none;
}

#viewprofile .box {
border-style: solid;
border-width: 1px;
padding-bottom: 18px;
}

#viewprofile dt, #adstats dt {
padding: 7px 0;
position: absolute;
width: 13em;
left: 0;
}

#viewprofile dl {
border-style: solid none none none;
border-width: 1px;
margin: 7px 0;
padding: 0;
width: 100%;
position: relative;
}

#adintro, #adstats {
border-style: solid;
border-width: 1px;
padding: 18px;
}

#adintro li span {
display: inline-block;
padding-left: 16px;
margin-left: 8px;
line-height: normal;
background: url(Air/img/bull.png) center left no-repeat;
}

#adstats .inbox, #adintro .inbox {
border-style: solid;
border-width: 1px;
padding: 18px;
}

#adstats dl {
margin: 0;
padding: 0;
width: 100%;
position: relative;
}

#viewprofile dd, #adstats dd {
border-style: none none solid none;
border-width: 1px;
padding: 7px 0 7px 13em;
}

/*****************************************************************
COLOUR SCHEME
*****************************************************************/

/* Basic defaults and Common Items
----------------------------------------------------------------*/

html, body, .pun {
background: #f6f9fc;
color: #333;
}

.pun .punwrap {
background: #fff;
border-color: #cad7e1;
color: #566579;
}

#brdtitle #brddesc, .pun .pagepost, #brdstats #onlinelist, #brdfooter #searchlinks, #brdfooter #modcontrols,
#punmaint h2, #punredirect h2, #adminconsole .submittop, .pun #debugtime, .pun .pagelink a, .pun .pagelink * {
border-color: #b9c5ce;
}

.pun a, .pun a:link, .pun a:visited {
color: #2365B0;
}

.pun a:hover, .pun a:active, .pun a:focus {
color: #b50000;
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
border-color: #22538a;
}

.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
border-color: #b50000;
}

/* Primary Navigation
----------------------------------------------------------------*/

#brdmenu {
background: #44699c;
}

#brdmenu a, #brdmenu a:link, #brdmenu a:visited {
background: #44699c;
border-color: #fff;
color: #d4dae2;
}

#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
background: #b50000;
border-color: #fff;
color: #fff;
}

/* Main Tables
----------------------------------------------------------------*/

.pun .blocktable .box {
background: #fcfdfe;
border-color: #b9c5ce #d9e1e7;
}

#punindex .blocktable h2, .pun #vf h2 {
color: #357082;
}

#adminconsole fieldset th, #adminconsole fieldset td {
background: #f6f9fc;
border-color: #dfe6ee;
}

.pun #users1 h2 {
background: #fff;
}

.pun .blocktable td {
border-color: #dfe6ee;
}

.pun .blocktable th {
background: #ebf1f5;
border-color: #cad7e1;
color: #357082;
}

.pun .blocktable td.tcl span.stickytext {
color: #3399CC;
}

/* Main Posts
----------------------------------------------------------------*/

.pun .blockpost {
background: #f6f9fc;
border-color: #b9c5ce #d9e1e7;
}

.pun .blockpost h2 {
background: #ebf1f5;
border-color: #cad7e1;
color: #357082;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
background: #fcfdfe;
border-color: #dfe6ee;
}

.pun .blockpost .postfootright li {
color: #fcfdfe;
}

.pun .postmsg, #punhelp code, #punhelp samp {
color: #333;
}

.pun .postsignature, .pun .postmsg .postedit {
color: #566579;
}

.pun .quotebox {
background: #f8f9f0;
border-color: #7aadbd;
color: #566579;
}

.pun .quotebox cite {
color: #357082;
}

.pun .codebox, #punhelp .codebox code {
background: #333;
color: #fff;
}

.pun .postmsg hr {
background: #b9c5ce;
}

.pun .postmsg ins, #punhelp samp ins {
background-color: #ff0;
}

/* Main Forms + Profile
----------------------------------------------------------------*/

.pun .blockform .box, #adstats, #adintro, #postpreview, #posterror {
border-color: #b9c5ce #d9e1e7;
background: #ebf1f5;
}

#punmisc #rules .box, #punhelp .box {
border-color: #b9c5ce #d9e1e7;
background: #f6f9fc;
}

.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2,
#pundelete .blockform h2 {
background: #ebf1f5;
color: #357082;
}

.pun .forminfo {
background: #fff;
border-color: #dfe6ee;
}

#puninstall form#install .forminfo {
background: #44699c;
color: #fff;
}

.pun #posterror .error-info {
background: #ffffe1;
border-color: #dfe6ee;
}

#puninstall form#install .error-info {
background: #ffffe1;
border-color: #dfe6ee;
color: #333;
}

.pun .infldset, #adintro .inbox, #adstats .inbox {
background: #f6f9fc;
border-color: #dfe6ee;
}

.pun label, .pun legend, #adminconsole fieldset th {
color: #357082;
}

.pun fieldset p {
border-color: #b9c5ce;
}

.pun .blockmenu ul, .pun .blockmenu li {
border-color: #b9c5ce;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
background: #ffffe6;
}

.pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited {
color: #333;
background: #f6f9fc;
}

.pun #viewprofile .box {
border-color: #b9c5ce #d9e1e7;
background: #ebf1f5;
}

.pun #viewprofile dt, #adstats dt {
color: #357082;
}

.pun #viewprofile dl, .pun #viewprofile dd, #adstats dl, #adstats dd {
border-color: #dfe6ee;
}

#adminconsole fieldset td.nodefault {
background: #d59b9b;
}

.pun .multiselect {
color: #357082;
}

.pun .checklist {
background: white;
border-color: #ccc;
}

/* Status Indicators
----------------------------------------------------------------*/

.pun .icon {
border-color: #e8ecf1 #d4d9dd #dfe3e8 #e8ecf1;
}

.pun .iredirect .icon {
border-color: #b9c5ce;
border-width: 1px;
padding: 7px;
}

.pun .inew .icon {
border-color: #91b3d9 #87a8d1 #6c85bb #7292c3;
}

Philippe · Réponse postée le 13-08-2013 à 20:11:21

Ou changer ou mettre les modifs pour changer la couleur des blocs du site ?

Philippe · Réponse postée le 13-08-2013 à 20:13:42

.pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl, .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun img, .pun abbr, .pun cite {
border: 0 none;
margin: 0;
padding: 0;
}
.pun ul, .pun ol {
list-style: none outside none;
}
.pun .clearer, .pun .nosize {
font-size: 0;
height: 0;
line-height: 0;
overflow: hidden;
width: 0;
}
.pun .clearer, .pun .clearb {
clear: both;
}
.pun .nosize {
left: -9999em;
position: absolute;
text-indent: -9999em;
width: 0;
}
* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox {
height: 1px;
}
.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox {
min-height: 1px;
}
.clearl {
clear: left;
}
#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt, #searchlinks dt, div.postright h3, span.closedtext, .pun .required strong span {
display: block;
left: -9999em;
overflow: hidden;
position: absolute;
text-indent: -9999em;
width: 0;
}
.pun {
font: 68.75% Verdana,Helvetica,Arial,sans-serif;
}
.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp, .pun legend {
font-family: Verdana,helvetica,arial,sans-serif;
font-size: 1em;
}
.pun pre, .pun code {
font-family: consolas,monaco,"bitstream vera sans mono","courier new",courier,monospace;
font-size: 1.182em;
}
.pun pre code {
font-size: 1em;
}
.pun strong {
font-weight: bold;
}
.pun em {
font-style: italic;
}
.pun p, .pun ul, .pun ol, .pun dl {
font-size: 1em;
padding: 3px 0;
}
.pun h2 {
font-size: 1em;
font-weight: normal;
padding: 4px 6px;
}
.pun h3 {
font-size: 1.091em;
padding: 3px 0;
}
.pun table p, .pun table h3 {
padding: 0;
}
.pun span.warntext, .pun p.warntext {
font-weight: bold;
}
.conteneur {
margin: 0 auto;
position: relative;
width: 960px;
}
.pun .usercontent p, .pun .postmsg p {
padding: 0.75em 0;
}
.nombreNotif {
background-clip: padding-box;
background-color: #FFFFFF;
background-image: -moz-linear-gradient(center top , #DE1515, #CD0000);
border: 1px solid #670000;
border-radius: 8px 8px 8px 8px;
box-shadow: 1px 1px 8px #363636;
display: inline-block;
height: 15px;
line-height: 15px;
position: absolute;
text-align: center;
width: 15px;
}
.nombreNotif a {
font-size: 10px !important;
text-decoration: none !important;
}
ul.news {
text-align: center;
}
.usercontent {
float: left;
height: 39px;
overflow: hidden;
}
.usercontent ul {
margin: 0;
padding-top: 6px;
}
.usercontent ul li {
height: 10px;
list-style: none outside none;
margin-bottom: 30px;
padding: 0;
}
.usercontent ul li a {
color: white;
text-decoration: none;
}
.pun .usercontent ul, .pun .postmsg ul {
list-style: disc outside none;
padding: 0.75em 1em 0.75em 2.5em;
}
.pun .usercontent ol, .pun .postmsg ol {
list-style: decimal outside none;
padding: 0.75em 1em 0.75em 2.5em;
}
.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
list-style: lower-alpha outside none;
}
.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul {
padding: 0.25em 1em 0.75em 2.5em;
}
.pun .usercontent li p, .pun .postmsg li p {
padding: 0;
}
.pun .usercontent h1 {
font-size: 1.4em;
font-weight: bold;
padding: 0.75em 0 0;
}
.pun .usercontent h2 {
font-size: 1.2em;
font-weight: bold;
padding: 0.75em 0 0;
}
.pun .usercontent h3 {
font-size: 1.1em;
font-weight: bold;
padding: 0.75em 0 0;
}
.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
font-size: 1em;
font-weight: bold;
padding: 0.75em 0 0;
}
.pun .quotebox cite {
font-style: normal;
font-weight: bold;
padding: 0.75em 0.75em 0;
}
.pun span.bbu {
text-decoration: underline;
}
.pun span.bbs, .pun del {
text-decoration: line-through;
}
.pun .postmsg ins, #punhelp samp ins {
text-decoration: none;
}
.pun div.postmsg h5, #punhelp h5 {
font-size: 1.1em;
font-weight: bold;
padding: 0.75em 0 0;
}
html, body {
font-family: Verdana,helvetica,arial,sans-serif;
font-size: 14px;
margin: 0;
padding: 23px 0 0;
}
#punredirect, #punmaint, #puninstall, #pundb_update {
margin: 50px 20% 12px;
}
#brdheader {
margin: 0 0 12px;
}
.blocktable, .blockpost, .block2col, #punuserlist .blockform, #punsearch .blockform, #punviewtopic .blockform, #pundelete .blockform, #punlogin .blockform, #punmaint .punwrap, #punpost .blockform, #punregister .blockform, #punpms_view .blockform, #brdstats, #brdfooter {
background: url("Real-Univers/block.png") repeat scroll left top transparent;
border: 1px solid #191A1D !important;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #424242 inset;
}
.clear {
clear: both;
}
.blockpost {
padding: 5px !important;
}
.postright {
float: left;
margin-left: 5px !important;
width: 731px;
}
.postfootright {
bottom: 0 !important;
position: absolute !important;
right: 0;
}
.postsignature {
margin-bottom: 15px !important;
}
.postleft {
width: 196px;
}
.blockpost {
margin-bottom: 10px !important;
position: relative !important;
}
#brdmenu {
background: url("Real-Univers/menu.png") no-repeat scroll left top transparent;
height: 50px;
list-style: lower-alpha outside none;
position: relative;
width: 960px;
}
#brdmenu ul {
height: 50px;
line-height: 40px;
list-style: lower-alpha outside none;
text-align: center;
width: 100%;
}
#brdmenu ul li {
background: url("Real-Univers/list-style.png") no-repeat scroll right top transparent;
height: 43px;
padding-right: 19px;
text-align: left;
}
#brdmenu ul li a {
color: #818181;
font-size: 13px;
text-shadow: 1px 1px #000000;
}
#brdtitle p {
padding-top: 0;
}
#announce, #brdstats {
margin: 12px 0;
}
.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview {
margin-bottom: 12px;
}
#punindex .blocktable, .pun .blockpost {
margin-bottom: 6px;
}
#postreview .blockpost {
margin-bottom: -1px;
}
.pun .block2col .blockform, .pun .block2col .block {
margin-bottom: 0;
}
.pun .linkst, .pun .linksb {
margin-top: -12px;
}
.pun .postlinksb {
margin-top: -6px;
}
.pun .block .inbox, .pun .blockmenu .inbox {
padding: 3px 6px;
}
#brdtitle h1 {
font-size: 1.4em;
font-weight: bold;
padding: 3px 0 0;
}
#brdmenu li {
display: inline;
margin-right: 12px;
}
#brdmenu a:link, #brdmenu a:visited {
text-decoration: none;
}
#brdmenu a:hover, #brdmenu a:active {
text-decoration: underline;
}
#brdwelcome .conl {
float: left;
}
#brdwelcome .conr {
float: right;
margin-left: -15px;
text-align: right;
}
.pun .linkst {
padding: 8px 6px 3px;
}
.pun .linksb, .pun .postlinksb {
padding: 3px 6px 8px;
}
.pun .crumbs {
clear: both;
overflow: hidden;
width: 100%;
}
.pun .crumbs li {
display: inline;
font-weight: bold;
white-space: nowrap;
}
.pun .pagelink {
float: left;
white-space: nowrap;
}
.pun .postlink {
font-weight: bold;
white-space: nowrap;
}
.pun .postlink, .pun .modbuttons {
float: right;
text-align: right;
}
.pun .modbuttons {
padding: 1px 0;
white-space: nowrap;
}
.pun .modbuttons input {
margin-left: 6px;
}
.pun .postlink a:link, .pun .postlink a:visited {
text-decoration: none;
}
.pun .postlink a:hover, .pun .postlink a:active {
text-decoration: underline;
}
#punindex .subscribelink {
margin-top: 6px;
}
#brdfooter .conl {
float: left;
}
#brdfooter .conr {
float: right;
text-align: right;
}
#brdfooter #modcontrols {
border-bottom-style: solid;
border-bottom-width: 1px;
text-align: center;
}
#brdfooter #modcontrols dd {
display: inline;
margin: 0 6px;
}
#brdstats .conl {
float: left;
}
#brdstats .conr {
float: right;
text-align: right;
}
#onlinelist dd, #onlinelist dt {
display: inline;
}
.pun table {
border-spacing: 0;
empty-cells: show;
width: 100%;
}
.pun .blocktable table {
table-layout: fixed;
}
.pun td, .pun th {
font-weight: normal;
padding: 4px 6px;
text-align: left;
}
.pun td, .pun th {
border-color: #0C0C0E;
border-style: solid none none solid;
border-width: 1px;
}
.forumdesc {
color: #5F625E;
}
.pun .tcl {
border-left: 0 none;
width: auto;
}
.pun .tc2, .pun .tc3, .pun .tcmod {
padding: 4px 0;
text-align: center;
width: 10%;
}
.pun .tcr {
width: 30%;
}
.pun .tcl h3 {
font-size: 1.091em;
font-weight: bold;
}
.pun .tcl h3 span.newtext {
font-size: 0.917em;
}
.pun .tcl span.newtext, .pun .tcl span.pagestext {
font-weight: normal;
white-space: nowrap;
}
.pun td span.byuser {
white-space: nowrap;
}
.pun .tcl p {
padding: 5px 0 0;
}
#punsearch #vf .tc2 {
padding: 4px 6px;
text-align: left;
width: 18%;
}
#users1 .tcr {
width: 25%;
}
#users1 .tc2 {
padding: 4px 6px;
text-align: left;
width: 25%;
}
#debug .tcl {
width: 10%;
}
#debug .tcr {
white-space: normal;
width: 90%;
}
#punindex .tcr .byuser {
display: block;
}
.pun .blocktable .tclcon {
min-height: 1px;
overflow: hidden;
padding: 0 11px 0 12px;
position: relative;
}
.likes {
min-height: 12px;
}
.pun .blocktable .tclcon div {
min-height: 16px;
overflow: hidden;
width: 100%;
}
.pun .icon {
background: url("Real-Univers/rz.png") no-repeat scroll 0 5px transparent;
float: left;
height: 25px;
width: 25px;
}
.pun .icon.icon-new {
background: url("Real-Univers/re-new.png") no-repeat scroll 0 5px transparent;
float: left;
height: 25px;
width: 25px;
}
.pun .icon div {
height: 0;
left: -9999em;
position: absolute;
text-indent: -9999em;
}
.pun .iposted .ipost {
font-weight: bold;
left: 0;
padding-left: 4px;
position: absolute;
text-align: center;
top: 0;
width: 8px;
}
.pun .blockform form, .pun .fakeform {
padding: 20px 20px 15px;
}
.pun .forminfo {
border-style: solid;
border-width: 1px;
margin-bottom: 12px;
padding: 9px 10px;
}
.pun .forminfo h3 {
font-weight: bold;
}
.pun .inform {
padding-bottom: 12px;
}
.pun fieldset {
border-style: solid;
border-width: 1px;
padding: 0 12px;
}
.pun legend {
padding: 0 6px;
}
.pun .infldset {
padding: 9px 0 12px;
}
.pun label {
display: block;
padding: 3px 0;
}
.pun label.conl {
float: left;
margin-right: 10px;
overflow: visible;
}
.pun fieldset .rbox br {
display: none;
}
.pun fieldset .rbox label {
padding: 3px 0 3px 25px;
position: relative;
vertical-align: middle;
}
.pun fieldset .rbox input {
margin: 0 9px 0 -25px;
padding: 0;
position: relative;
vertical-align: middle;
width: 16px;
}
.pun .txtarea {
width: 75%;
}
.pun .txtarea textarea, .pun input.longinput {
width: 100%;
}
.pun .bblinks {
padding-bottom: 10px;
padding-left: 4px;
}
.pun .bblinks li {
display: inline;
padding-right: 20px;
}
.pun .blockform .buttons {
padding-left: 12px;
}
.pun .blockform .buttons input {
margin-right: 8px;
}
#posterror ul {
list-style: square outside none;
padding: 3px 0 3px 24px;
}
.pun .deletemsg {
border-style: solid;
border-width: 1px;
padding: 6px 15px;
}
.pun p.actions span {
margin-right: 12px;
}
.pun .multiselect {
float: left;
padding-bottom: 7px;
}
.pun .checklist {
border-style: solid;
border-width: 1px;
margin: 0.25em 16px 0 0.15em;
max-height: 9em;
overflow: auto;
padding: 0.3em 0.5em;
width: 20em;
}
.pun .checklist fieldset {
border: 0 none;
padding: 0;
}
.pun .checklist legend {
padding: 0;
}
.pun .checklist legend span {
max-width: 25em;
width: auto;
}
.pun .checklist .checklist-item {
margin: 0.2em 0;
position: relative;
}
.pun .checklist .checklist-item label {
padding: 0 0 0 2.1em;
}
.pun .checklist .checklist-item .fld-input {
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}
.pun .checklist .checklist-item input {
height: 1.15em;
margin: 0;
width: 1.55em;
}
.pun .block2col {
padding-bottom: 1px;
}
.pun .block2col .blockform {
margin-left: 14em;
}
.pun .block2col .block {
margin-left: 126px;
}
.pun .blockmenu {
float: left;
width: 13em;
}
.pun .blockmenu li {
font-weight: bold;
padding: 3px 0;
}
.pun .blockmenu a:link, .pun .blockmenu a:visited {
text-decoration: none;
}
.pun .blockmenu a:hover, .pun .blockmenu a:active {
text-decoration: underline;
}
#viewprofile dl {
float: left;
overflow: hidden;
width: 100%;
}
#viewprofile dd {
margin-left: 14em;
padding: 3px;
}
#viewprofile dt {
float: left;
margin: 3px 0;
width: 13em;
}
#profileavatar img {
float: right;
margin-left: 1em;
}
#adintro ul {
list-style-type: disc;
margin-left: 8px;
padding-left: 16px;
}
.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited {
text-decoration: none;
}
.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active {
text-decoration: underline;
}
.pun .blockpost h2 .conr {
float: right;
text-align: right;
}
#punsearch .blockpost h2 span {
white-space: nowrap;
}
.pun .blockpost .box {
overflow: hidden;
}
.pun .postleft, .pun .postfootleft {
float: left;
}
.pun .postleft dl {
padding: 6px;
}
.pun .postleft .usercontacts, .pun .postleft .icon {
margin-top: 6px;
}
.pun .postleft .postavatar, .pun .postleft .usertitle {
display: block;
margin-bottom: 6px;
}
.pun .blockpost dt {
font-size: 1.091em;
font-weight: bold;
}
.pun .blockpost dt a:link, .pun .blockpost dt a:visited {
text-decoration: none;
}
.pun .blockpost dt a:hover, .pun .blockpost dt a:active {
text-decoration: underline;
}
#postpreview .postright {
border-left: 0 none;
}
.pun .postright {
padding: 0 6px;
}
.pun .postfootright, .pun .multidelete {
text-align: right;
}
.pun .postmsg {
overflow: hidden;
padding-bottom: 6px;
width: 98%;
word-wrap: break-word;
}
.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p, .pun .postfootleft p {
padding: 10px 6px 5px;
}
.pun .postfootright li {
display: inline;
}
.pun .postfootright li:before {
content: " | ";
}
.pun .postfootright li:first-child:before {
content: "";
}
.pun .postfootright a:link, .pun .postfootright a:visited {
text-decoration: none;
}
.pun .postfootright a:hover, .pun .postfootright a:active {
text-decoration: underline;
}
.pun .codebox {
border-style: solid;
border-width: 1px;
margin: 0.75em 1em;
padding: 0;
}
.pun .quotebox {
border-style: solid;
border-width: 1px;
margin: 0.75em 1em;
padding: 0 0.75em;
}
.pun .quotebox cite {
display: block;
padding: 0.75em 0 0;
}
.pun .quotebox blockquote {
overflow: hidden;
width: 100%;
}
.pun .codebox pre {
overflow-x: auto;
overflow-y: hidden;
width: 100%;
}
* html .pun .codebox pre {
padding-bottom: 10px;
}
* + html .pun .codebox pre {
padding-bottom: 10px;
}
.pun .codebox pre code {
display: block;
padding: 0.75em;
}
.pun .codebox pre.vscroll {
height: 32em;
overflow: auto;
}
.pun .postmsg img {
vertical-align: bottom;
}
.pun .postsignature hr {
border: medium none;
height: 1px;
margin-left: 0;
text-align: left;
width: 200px;
}
.pun .postmsg .postimg img {
margin: 7px 0.5em 7px 0;
max-width: 98%;
vertical-align: middle;
}
.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
border-style: solid;
border-width: 2px;
}
.pun .blockpost label {
border-style: solid;
border-width: 1px;
display: inline-block;
padding: 3px 6px;
vertical-align: middle;
}
.pun .blockpost label * {
margin: 0;
padding: 0;
vertical-align: middle;
}
#punhelp h2 {
margin-top: 12px;
}
#punhelp div.box {
padding: 10px;
}
#debugtime {
margin-top: -12px;
text-align: center;
}
#brdwelcome, #brdfooter dl a, div.blockmenu li, div.rbox input {
line-height: 1.4em;
}
#announce div.inbox div {
padding: 3px 0;
}
body {
background: url("Real-Univers/fondsuperplus.png.jpeg") no-repeat fixed;
color: #D4D4D4;
margin: 0 auto;
width: 960px;
}
.blocktable h2, .blockpost h2 {
border-bottom: 1px solid #0C0C0E !important;
font-weight: bold;
padding: 10px !important;
}
.blocktable th {
border-bottom: 1px solid #0C0C0E !important;
border-top: 1px solid #303235 !important;
}
.blocktable tr td {
border-bottom: 1px solid #0C0C0E !important;
border-top: 1px solid #303235 !important;
}
.pun {
color: #D4D4D4;
}
#adminconsole fieldset th {
background-color: #383838;
}
.pun td.tcmod, #postpreview, #viewprofile dd, .pun .forminfo, #brdfooter #modcontrols, #adminconsole fieldset td, .pun .blockmenu .box, #adstats dd {
}
.pun legend {
color: #60A0DC;
}
.blocktable {
background: url("Real-Univers/block.png") repeat scroll left top transparent;
}
#brdmenu ul li.isactive a {
color: #1675BE;
}
.pun .blockmenu li.isactive a, #posterror li strong {
color: #D4D4D4;
}
.pun .usercontent * {
background: none repeat scroll 0 0 transparent;
color: #D4D4D4;
}
.pun textarea {
background-color: #27292C;
border: 1px solid #121416;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 2px 8px #141414 inset;
color: white;
outline: medium none;
}
.pun input[type="text"], .pun input[type="password"], .pun select {
background-color: #27292C;
border: 1px solid #121416;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 2px 8px #141414 inset;
color: #FFFFFF;
height: 20px;
margin: 6px 0 0;
outline: medium none;
text-indent: 3px;
}
.pun select {
height: 24px;
}
.pun .multiselect, .pun .checklist {
color: #D4D4D4;
}
.pun .checklist {
border-color: #666666;
}
.pun .blockpost h2 span.conr {
color: #A19E96;
}
.pun .postmsg ins, #punhelp samp ins {
background-color: #FFFF00;
}
.pun hr {
background-color: #606060;
color: #606060;
}
.pun .box {
border-color: #565656;
}
.pun td, #brdfooter #modcontrols {
border-color: #0C0C0E;
}
.pun fieldset {
border-color: #606060;
}
#adminconsole td, #adminconsole th {
border-color: #383838;
}
.pun .quotebox, .pun .codebox, .pun .forminfo, .pun .blockpost label, .pun .deletemsg {
border-color: #606060;
}
.pun a:link, .pun a:visited {
color: #FFFFFF;
text-decoration: none;
}
.pun a:hover, .pun a:active, .pun a:focus {
color: #80D6FF;
}
.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
border-color: #60A0DC;
}
.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
border-color: #80D6FF;
}
.pun h2 a:link, .pun h2 a:visited, #brdmenu a:link, #brdmenu a:visited {
color: #D4D4D4;
}
.pun h2 a:hover, .pun h2 a:active, #brdmenu a:hover, #brdmenu a:active {
color: #D4D4D4;
}
.pun .postreport a:link, .pun .postreport a:visited, .pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited {
color: #888888;
}
.pun .postreport a:hover, .pun .postreport a:active, .pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active {
color: #AAAAAA;
}
.pun .maintenancelink a:link, .pun .maintenancelink a:visited {
color: #FF4000;
}
.pun .maintenancelink a:hover, .pun .maintenancelink a:active {
color: #FF5010;
}
.pun .icon {
border-color: #484848 #404040 #3C3C3C #444444;
}
.pun .iredirect .icon {
border-color: #383838;
}
.pun .inew .icon {
border-color: #5496D8 #4B85C0 #4377AC #4F8DCB;
}
.pun tbody tr {
height: 46px;
}
#topBar {
background: url("Real-Univers/top.png") repeat-x scroll left top transparent;
height: 45px;
left: 0;
overflow: hidden;
padding-top: 5px;
position: fixed;
top: 0;
width: 100%;
z-index: 98;
}
.rowodd, .rowEven {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.12) !important;
}
#topBar a {
color: #2F97D4;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#lastuploads {
background: url("Real-Univers/last_up.png") no-repeat scroll left top transparent;
color: white;
display: inline-block;
float: left;
font-size: 11px;
height: 34px;
line-height: 34px;
padding-left: 36px;
text-shadow: 1px 1px #1E5172;
width: 108px;
}
#randomalbums {
background: url("Real-Univers/random_album.png") no-repeat scroll left top transparent;
color: white;
display: inline-block;
float: left;
font-size: 11px;
height: 34px;
line-height: 34px;
padding-left: 36px;
text-shadow: 1px 1px #1E5172;
width: 108px;
}
#search_up {
background: url("Real-Univers/search.png") no-repeat scroll left top transparent;
border: medium none;
color: white;
display: inline-block;
float: left;
font-size: 11px;
height: 34px;
margin-left: 3px;
outline: medium none;
padding-left: 36px;
text-shadow: 1px 1px #1E5172;
width: 108px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: white;
}
.contrib {
bottom: 20px;
position: absolute;
right: 30px;
}
#usernotification {
background: url("Real-Univers/notif.png") no-repeat scroll 5px 5px transparent;
color: white;
display: inline-block;
float: right;
font-size: 11px;
height: 43px;
margin-right: 10px;
margin-top: -5px;
position: relative;
text-shadow: 1px 1px #1E5172;
width: 66px;
}
.nbrnotif {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #F03D25;
border-color: #E23923 #D83722 #C0311E;
border-image: none;
border-left: 1px solid #D83722;
border-right: 1px solid #D83722;
border-style: solid;
border-width: 1px;
display: block;
height: 15px;
line-height: 15px;
padding: 0 1px;
position: absolute;
right: 17px;
text-align: center;
top: 2px;
width: 15px;
}
#usernotification:hover {
background: url("Real-Univers/notif.png") no-repeat scroll 5px 5px rgba(0, 0, 0, 0.2);
}
#myaccount {
background: url("Real-Univers/account.png") no-repeat scroll left top transparent;
color: white;
display: inline-block;
float: right;
font-size: 11px;
height: 34px;
line-height: 34px;
padding-left: 36px;
text-shadow: 1px 1px #1E5172;
width: 108px;
}
#timeDiv {
background: url("Real-Univers/block.png") repeat scroll left top rgba(0, 0, 0, 0.6);
border: 1px solid #191A1D !important;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #424242 inset;
font-family: Verdana;
font-size: 12px;
padding: 0 10px;
position: fixed;
top: 43px;
width: 380px;
}
#searchDiv {
background: url("Real-Univers/block.png") repeat scroll left top rgba(0, 0, 0, 0.6);
border: 1px solid #191A1D !important;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #424242 inset;
font-family: Verdana;
font-size: 12px;
padding: 5px 10px;
position: fixed;
top: 43px;
width: 490px;
}
#display {
background: url("Real-Univers/block.png") repeat scroll left top transparent;
border: 1px solid #191A1D !important;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #424242 inset;
display: none;
font-family: Verdana;
font-size: 12px;
height: 150px;
position: absolute;
width: 150px;
}
.display_box {
padding: 5px 10px !important;
width: 140px;
}
#timeDiv a {
color: #2F97D4;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#timeDiv h3 {
margin: 5px 0;
padding: 0;
}
.sujet {
border-bottom: 1px solid #505356;
margin: 5px 0;
padding: 3px 0;
}
#adminmenu {
border-right: 1px solid #171719;
}
#adminconsole .block {
border-left: 1px solid #303235;
}
.blocusernotif {
background: url("Real-Univers/block.png") repeat scroll left top transparent;
border: 1px solid #191A1D !important;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #424242 inset;
display: none;
position: fixed;
top: 43px;
width: 197px;
}
.blocmyaccount {
background: url("Real-Univers/block.png") repeat scroll left top rgba(55, 55, 55, 0.6);
border: 1px solid #191A1D !important;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #424242 inset;
display: none;
height: 137px;
position: fixed;
top: 43px;
width: 287px;
}
.leftav {
float: left;
}
.rightinfo {
float: left;
margin-left: 12px;
margin-top: 13px;
width: 150px;
}
.userpseudo {
font-size: 16px;
text-shadow: 1px 1px #000000;
}
hr.blocuser {
background: url("Real-Univers/hr.png") no-repeat scroll left top transparent;
border: medium none;
height: 2px;
margin: 9px 0;
padding: 0;
width: 139px;
}
.nbmessage, .dateinscri, .editprofi {
font-size: 11px;
margin-bottom: 10px;
}
.editprofi {
background: url("Real-Univers/editprofi.png") repeat scroll left top transparent;
border: 1px solid #383A3C;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 0 8px #17191B;
color: white;
font-size: 11px;
font-weight: normal;
height: 26px;
line-height: 26px;
padding: 0 8px !important;
text-align: center;
text-shadow: 1px 1px black;
}
a div.editprofi {
color: white;
font-size: 11px;
font-weight: normal;
text-shadow: 1px 1px #000000;
}
.gris {
color: #636363;
}
.blocmyaccount .leftav img {
border: 3px solid #3F3F3F;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 8px #000000;
height: 105px;
margin-left: 13px;
margin-top: 13px;
width: 105px;
}
.notif {
height: 25px;
line-height: 21px;
padding: 2px 10px;
width: 177px;
}
#tab-2 .tcr, #tab-2 .tc4 {
width: 18% !important;
}
#submitButton {
background: url("Real-Univers/submitchat.png") no-repeat scroll left top transparent;
border: medium none;
color: white;
height: 30px;
line-height: 30px;
outline: medium none;
text-align: center;
width: 64px !important;
}
.quotebox {
background: url("Real-Univers/block.png") repeat scroll left top transparent;
border: 1px solid #191A1D !important;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #424242 inset;
}
.pun .icon {
background: url("Real-Univers/icon-nor.png") no-repeat scroll left top transparent;
float: left;
height: 12px;
margin: 0.1em 0 0 0.2em;
overflow: hidden;
width: 12px;
}
.pun .icon.icon-new {
background: url("Real-Univers/icon.png") no-repeat scroll left top transparent;
float: left;
height: 12px;
margin: 0.1em 0 0 0.2em;
overflow: hidden;
width: 12px;
}
.pluslink {
background-color: rgba(35, 37, 40, 0.82);
border: 1px solid #16181A !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67), 0 1px 0 rgba(255, 255, 255, 0.08) inset;
color: white;
cursor: pointer;
height: 21px;
line-height: 21px;
position: absolute;
right: 26px;
text-align: center;
top: 15px;
width: 21px;
z-index: 55;
}
.plusbox {
background-color: rgba(35, 37, 40, 0.99);
border: 1px solid #16181A !important;
color: white;
display: none;
height: 143px;
line-height: 21px;
position: absolute;
right: 26px;
top: 15px;
width: 150px;
z-index: 54;
}
.plusbox ul {
margin: 0 !important;
padding: 0 !important;
}
.plusbox li {
border-bottom: 1px solid #16181A;
display: block !important;
height: 35px !important;
line-height: 35px !important;
margin: 0 !important;
padding: 0 !important;
}
#usernotification, #myaccount, #lastuploads {
cursor: pointer;
}
li.ui-state-active a span {
background: none repeat scroll 0 0 rgba(12, 12, 14, 0.4);
border: 1px solid #131415;
border-radius: 5px 5px 5px 5px;
color: white !important;
display: inline-block !important;
padding: 5px 9px !important;
text-shadow: 1px 1px #000000;
}
.blocktable h2 span, .forumdesc {
text-shadow: 1px 1px #000000;
}
.forumdesc {
color: #818181;
}
#tabs h2 {
padding: 5px !important;
}
#sidebar {
float: left;
padding: 10px 0 10px 5px;
width: 15%;
}
#videotheque, #movie {
float: right;
padding: 10px 0 10px 2px;
width: 84%;
}
#videotheque img {
border: 1px solid #000000;
float: left;
margin-bottom: 10px;
margin-left: 5px;
}
#movie img {
border: 1px solid #000000;
float: left;
margin-bottom: 10px;
margin-right: 10px;
}
#movie h1 {
border-bottom: 1px solid #222222 !important;
margin: 0 !important;
padding-bottom: 4px !important;
text-shadow: 0 2px 3px #000000;
}
.infoMovie {
float: left;
}
.info {
border-bottom: 1px solid #222222 !important;
padding: 5px 0 !important;
}
#search, #search fieldset {
padding: 10px;
}
.desc {
background: none repeat scroll 0 0 rgba(12, 12, 14, 0.4);
border: 1px solid #131415 !important;
border-radius: 5px 5px 5px 5px;
color: white !important;
display: inline-block !important;
font-size: 14px;
margin: 5px 0 !important;
padding: 5px 0 !important;
text-align: center;
text-shadow: 1px 1px black;
width: 98%;
}
.synopsis {
margin-bottom: 5px !important;
}
#likes, #thanks {
min-height: 14px;
}
.boxAddLink {
background: url("Real-Univers/block.png") repeat scroll left top rgba(54, 54, 54, 0.8);
border: 1px solid #191A1D !important;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #424242 inset;
display: none;
height: 200px;
margin: 0 auto !important;
padding: 10px !important;
width: 400px;
}
input[type="submit"] {
background: url("Real-Univers/editprofi.png") repeat scroll left top transparent;
border: 1px solid #383A3C;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 0 8px #17191B;
color: white;
font-size: 11px;
font-weight: normal;
height: 26px;
line-height: 26px;
padding: 0 13px !important;
text-align: center;
text-shadow: 1px 1px black;
}
#chatboxOpen {
background: url("Real-Univers/submitchat.png") no-repeat scroll left top transparent;
border: medium none;
color: white;
height: 30px;
line-height: 30px;
outline: medium none;
text-align: center;
width: 64px !important;
}
.infobulle {
background: none repeat scroll 0 0 #242424;
border: 1px solid #363636;
box-shadow: 0 0 10px #090909;
color: #999999;
font-size: 11px;
padding: 4px 6px;
position: absolute;
text-align: center;
}
.resolu {
background: none repeat scroll 0 0 #5BB75B;
color: white;
display: inline-block;
font-size: 9px;
font-weight: normal;
padding: 2px 3px;
text-shadow: 1px 1px #1B8600;
}
.refuse {
background: none repeat scroll 0 0 #BD362F;
color: white;
display: inline-block;
font-size: 9px;
font-weight: normal;
padding: 2px 3px;
text-shadow: 1px 1px #8F2727;
}
.encours {
background: none repeat scroll 0 0 #FF9625;
color: white;
display: inline-block;
font-size: 9px;
font-weight: normal;
padding: 2px 3px;
text-shadow: 1px 1px #914500;
}
.stickytext, .infotop {
background: none repeat scroll 0 0 #49AFCD;
color: white;
display: inline-block;
font-size: 9px;
font-weight: normal;
padding: 2px 3px;
text-shadow: 1px 1px #0044CC;
}
.alire {
background-color: #BF0000;
border-radius: 3px 3px 3px 3px;
color: white;
display: inline-block;
font-size: 9px;
font-weight: normal;
padding: 2px 3px;
}
.postmsg a {
color: #03B1E3 !important;
}
.CloPenFo {
background: url("Real-Univers/clopen.png") no-repeat scroll center top transparent;
cursor: pointer;
float: right;
height: 18px;
width: 15px;
}
#punpms_view .postright {
width: 595px;
}
.tclcon p {
display: none;
}

Loic · Réponse postée le 14-08-2013 à 00:19:43

[Réglé]

• Annonce ToutSurTout

Message 1 Discussion postée le 13-08-2013 à 20:10:38

[Réglé] Aide

Message 2 Réponse postée le 13-08-2013 à 20:11:21

Re: [Réglé] Aide

Message 3 Réponse postée le 13-08-2013 à 20:13:42

Re: [Réglé] Aide

Message 4 Réponse postée le 14-08-2013 à 00:19:43

Re: [Réglé] Aide