/* member stylesheet ------------------------------------------ Author: Jyuukun ------------------------------------------*/ html, body, ul, ol, li, p, pre, blockquote, label, adress, dd, dt, dl, h1, h2, h3, h4, h5, h6, small, hr { margin: 0; padding: 0; border: 0; } body { margin: 0 auto; background: #8d8d8d; font: 12px Trebuchet MS; color: #464646; letter-spacing: 0.5px; } input { padding: 0; border: 0; } a { outline: 0; color: #464646; } a img { border: 0; } .clear { clear: both; } .float { float: left; } /* Kami.Sama CSS */ form.admin input, form.admin select { margin: 5px 0; padding: 5px; font: 18px Arial; line-height: 28px; } form.admin select option { height: 18px; font-size: 14px; line-height: 18px; } form.admin .submit { padding: 5px; color: #fff; border: 2px solid #3E3E3E; background: #626262; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } form.admin .submit[disabled] { color: #3E3E3E; } form.admin fieldset# div#manage fieldset#{ margin: 0 0 5px; padding: 10px; border: 1px solid #000; } form.admin fieldset#a, div#manage fieldset#a { font: 14px Arial; font-weight: bold; font-variant: small-caps; } form.admin fieldset#delete p { padding: 10px; border: 3px solid #ce0606; text-align: justify; background-color: yellow; } form.admin fieldset#delete input { margin: 5px 25%; width: 50%; color: #fff; font-weight: bold; font-variant: small-caps; border: 0; background: #ce0606; } form.admin input#activate, form.admin input#desactivate, form.admin input#softdesactivate { margin: 0 25%; width: 50%; color: #fff; font-weight: bold; font-variant: small-caps; border: 0; } form.admin input#activate { color: #fff; background: #35ce06; } form.admin input#desactivate, form.admin input#softdesactivate { color: #fff; background: #ce0606; } form.admin legend { font: 18px Impact; text-transform: uppercase; } form.admin textarea { width: 680px; } form.admin #teams label { float: left; width: 150px; } form.admin li { list-style: none; } fieldset#error, fieldset#message, fieldset.message, form.admin fieldset#delete { margin: 0 0 7px; padding: 10px; font: 14px Arial; font-weight: bold; letter-spacing: 1px; border: 0; } fieldset#error legend, fieldset#message legend, fieldset.message legend, form.admin fieldset#delete legend { text-shadow: 0 0 5px #000; padding: 5px; font-variant: small-caps; letter-spacing: 2px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; } fieldset#error input, fieldset#message input, fieldset.message input, form.admin fieldset#delete input { float: left; } fieldset#error input, fieldset#message { visibility: hidden; } fieldset#error ul, fieldset#message ul, fieldset.message ul { list-style-type: square; padding: 0 0 0 20px; } fieldset#error, form.admin fieldset#delete { color: #ce0606; border-left: 10px solid #ce0606; border-right: 10px solid #ce0606; background: #ffd6d6; } fieldset#error legend, form.admin fieldset#delete legend { background: #ce0606; } fieldset#message, fieldset.message { color: #2ea808; border-left: 10px solid #35ce06; border-right: 10px solid #35ce06; background: #caf9bb; } fieldset#message legend, fieldset.message legend { background: #35ce06; } /* Script Uploadify */ .uploadifyQueueItem { font: 15px Trebuchet MS; margin: 10px auto 0; width: 500px; } .uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyProgress { background: #FFFFFF; border: 1px solid #3c3b3b; margin: 10px auto 0; width: 100%; } .uploadifyProgressBar { background: #94280e; width: 1px; height: 10px; } /* Pagination */ #pagination { margin: 10px 0 0; font: 12px Verdana; font-weight: bold; font-variant: small-caps; } #pagination a { padding: 5px; color: #9c9c9c; text-decoration: none; border: 1px solid #cdcdcd; background: #f6f6f6; } #pagination a:hover { color: #fff; border: 1px solid #317ea9; background: #61b0dc; } /* HEADER */ #header { height: 204px; background: url(../picture/header-bg.jpg) repeat-x; } #header div#onglet { margin: 0 auto; width: 747px; height: 153px; } #header div#onglet span#logo { display: block; margin: 0 0 0 -258px; width: 733px; height: 153px; background: url(../picture/header-logo.jpg) no-repeat; } #header div#onglet a { text-shadow: 0 0 3px #fff; float: left; margin: 114px 0 0 15px; padding: 11px 0 0 0; width: 103px; height: 28px; text-align: center; font: 14px Trebuchet MS; font-weight: bold; font-style: italic; color: #161515; letter-spacing: 0; text-decoration: none; background: url(../picture/onglet/default.png) no-repeat; } #header div#onglet a#active, #header div#onglet a.inscription { text-shadow: 0 0 3px #000; color: #fff; } #header div#onglet a#active { background: url(../picture/onglet/active.png) no-repeat; } #header div#onglet a.inscription { background: url(../picture/onglet/register-no.png) no-repeat; } #header div#onglet a#active.inscription { background: url(../picture/onglet/register-yes.png) no-repeat; } #header div#onglet select { float: right; margin: 123px 15px 0 0; width: 240px; height: 20px; font-weight: bold; } #header div#barre-grise { height: 51px; background: url(../picture/bar-grise-bg.png) repeat-x; } #header div#barre-orange { height: 51px; background: url(../picture/bar-orange-bg.png) repeat-x; } #header div#barre { margin: 0 auto; width: 715px; height: 38px; } #header div#barre a { text-shadow: 0 0 3px #000; float: left; text-align: center; width: 143px; height: 38px; font-weight: bold; color: #d2d2d2; line-height: 38px; text-decoration: none; background: url(../picture/nav-hover.png) no-repeat; } #header div#barre a:hover { color: #fff; background: url(../picture/nav-hover.png) no-repeat 0 -38px; } #header div#barre a#active { color: #fff; background: url(../picture/nav-hover.png) no-repeat 0 -38px; } #header div#barre span#help { position: absolute; margin: 10px 0 0 -50px; font-weight: bold; font-style: italic; color: #fff; } /* CONTENT */ #content-container { height: 364px; background: url(../picture/content-bg.png) repeat-x; } #content { margin: 0 auto; padding: 0px 8px 10px; width: 731px; height: auto !important; min-height: 354px; height: 354px; background: #a6a6a6; } /* LOGIN & REGISTER*/ #welcome-login { margin: 0 auto; width: 682px; height: 135px; background: url(../picture/login/welcome.jpg) no-repeat; } #welcome-register { margin: 0 auto; width: 682px; height: 135px; background: url(../picture/register/welcome.jpg) no-repeat; } #welcome-login p, #welcome-register p { float: right; text-align: justify; padding: 17px; width: 390px; height: 101px; font: 12px Trebuchet MS; color: #000; } #welcome-login span, #welcome-register span { text-shadow: 0 0 5px #000; display: block; font: 22px Impact; color: #fff; letter-spacing: 2px; } /* LOGIN */ #login { margin: 0 auto; padding: 9px 23px 0px; width: 286px; height: auto !important; min-height: 144px; height: 144px; font: 13px Trebuchet MS; color: #fff; background: url(../picture/login/bg.png) repeat-x; } #login a { display: block; font-style: italic; color: #fff; } #login input.text { text-shadow: 2px 0 7px #fff; margin: 0 0 10px 0; padding: 9px; width: 265px; height: 20px; font: 14px Trebuchet MS; font-weight: bold; font-style: italic; color: #a3a3a3; border: 1px solid #a2a2a2; background: url(../picture/login/input-bg.png) repeat-x; } #login input#submit { margin: 10px 80px; width: 126px; height: 34px; border: 0; background: url(../picture/login/submit-bg.png) no-repeat; } /* REGISTER */ #register { margin: 0 auto; width: 683px; } #register input.text { text-shadow: 2px 0 7px #000; margin: 7px 0 0 210px; padding: 5px 15px 5px 15px; width: 443px; height: 26px; font: 20px Trebuchet MS; font-weight: bold; color: #ddd; background: url(../picture/register/input-bg.png) no-repeat; } #register input#submit { margin: 7px 278px 0; width: 126px; height: 26px; background: url(../picture/register/submit-bg.png) no-repeat; } #register label { text-shadow: 0 0 3px #000; position: absolute; margin: 15px 0 0; padding: 0 10px; width: 180px; height: 26px; font: 14px Trebuchet MS; font-weight: bold; line-height: 26px; color: #ddd; background: #8d8d8d; } #register div.infos { margin: 0 0 0 210px; padding: 0 10px; width: 453px; height: 20px; font: 10px Trebuchet MS; line-height: 18px; color: #606060; background: url(../picture/register/infos-bg.png) repeat-x; } /* DIV CONTENT */ #password-forgot, #faq, #myadds, #invitation, #memberlist, #addaserie, #myprofil, #profil, #addachapter, #message, #cache, #addanews, #editcomments, #manage-teams, #logout, #censuredwords { padding: 4px; width: 721px; border: 1px solid #979797; background: #fff; } /* PASSWORD FORGOT */ #password-forgot div#top { padding: 5px 10px; height: 42px; text-align: justify; font: 13px Trebuchet MS; color: #929fab; background: url(../picture/password-forgot/top-bg.png) repeat-x; } #password-forgot div#center { padding: 0 10px; height: 32px; font: 13px Trebuchet MS; font-weight: bold; line-height: 32px; background: url(../picture/password-forgot/center-bg.png) repeat-x; } #password-forgot div#center input#text{ margin: 0 3px; padding: 3px; width: 300px; font: 14px Trebuchet MS; color: #535353; border: 1px solid #d1d1d1; } #password-forgot div#center input#submit{ padding: 3px; color: #a6a6a6; border: 1px solid #d1d1d1; } #password-forgot div#bottom { padding: 0 10px; height: 24px; text-align: center; line-height: 24px; color: #585858; background: url(../picture/password-forgot/bottom-bg.png) repeat-x; } /* DASHBOARD */ #dashboard { margin: 0 auto; padding: 0px 8px 10px; width: 956px; height: auto !important; min-height: 354px; height: 354px; background: #a6a6a6; } #dashboard div#upload { text-shadow: 0 0 5px #000; position: absolute; margin: -12px 0 0 0; padding: 8px 25px 15px; width: 894px; height: 227px; font: 17px Trebuchet MS; font-weight: bold; color: #ccc; border: 6px solid #3a3a3a; background: url(../picture/dashboard/upload-bg.jpg) no-repeat; } #dashboard div#upload p { margin: 7px 0; } #dashboard div#upload select, #dashboard div#upload input#number { font: 17px Verdana; font-weight: bold; color: #a2a9ac; } #dashboard div#upload select { text-shadow: 0 0 3px #000; padding: 7px 9px; width: 447px; height: 36px; border: 0; background: url(../picture/dashboard/upload-select-bg.jpg) no-repeat; } #dashboard div#upload input#number { margin: 0 0 10px; padding: 7px 0; width: 96px; height: 24px; text-align: center; background: url(../picture/dashboard/upload-input-bg.png) no-repeat; } #dashboard div#upload input#upload { margin: 0 75px 0;padding: 7px 0 32px; width: 297px; height: 72px; text-align: center; font: 24px Trebuchet MS; font-weight: bold; color: #fff; background: url(../picture/dashboard/upload-submit-bg.png) no-repeat; } #dashboard div#upload-clear { margin: 0 0 8px 0; width: 956px; height: 250px; } #dashboard-left { float: left; width: 510px; } #dashboard-left span { display: block; text-shadow: 0 0 3px #000; padding: 12px 0 0 60px; width: 450px; height: 36px; font: 16px Trebuchet MS; font-weight: bold; color: #fff; background: url(../picture/dashboard/left-header-bg.jpg) no-repeat; } #dashboard-left span font { text-shadow: 0 0 5px #000; color: #fe9613; } #dashboard-left span a { float: right; padding: 2px 20px 0 0; font: 12px Trebuchet MS; color: #fff; text-decoration: none; } #dashboard-left ul { margin: 0 0 10px; border: 1px solid #4a4a4a; } #dashboard-left li { list-style: none; padding: 10px 0 0 60px; width: 448px; height: 44px; font-weight: bold; color: #434343; background: url(../picture/dashboard/left-li-bg.png) no-repeat; } #dashboard-left li font { display: block; color: #0066d5; } #dashboard-left li a { color: #0066d5; text-decoration: none; } #dashboard-right { margin: 0 0 0 519px; width: 437px; } #dashboard-right span { display: block; padding: 11px 0 0 60px; width: 377px; height: 38px; font: 16px Trebuchet MS; font-weight: bold; color: #444; background: url(../picture/dashboard/right-header-bg.jpg) no-repeat; } #dashboard-right span font { text-shadow: 0 0 5px #fff; color: #af381d; } #dashboard-right div { text-shadow: 0 0 3px #000; text-align: center; margin: 0 0 10px; padding: 33px 0 0; width: 437px; height: 74px; font: 16px Trebuchet MS; font-weight: bold; color: #dbdbdb; background: url(../picture/dashboard/right-points-bg.jpg) no-repeat; } #dashboard-right div font { color: #eeebb7; } #dashboard-right div a { display: block; font: 12px Trebuchet MS; font-weight: bold; color: #dbdbdb; text-decoration: none; } #dashboard-right ul { margin: 0 0 10px; border: 1px solid #e7e6c9; } #dashboard-right li { list-style: none; padding: 5px 15px 3px; width: 405px; height: 44px; background: #fff url(../picture/dashboard/right-li-bg.png) no-repeat left bottom; } #dashboard-right li font { font: 13px Verdana; color: #0066cc; font-weight: bold; } #dashboard-right li a { color: #0066cc; font-weight: bold; text-decoration: none; } #dashboard-right li font#pseudo { font: 15px Verdana; font-weight: bold; } /* F.A.Q. */ #faq li { padding: 0 4px; list-style: none; background: url(../picture/faq/bg.png) no-repeat; } #faq h1 { padding: 3px 0 0 25px; height: 23px; font: 18px Impact; color: #363636; background: url(../picture/faq/q.png) no-repeat 0 3px; } #faq h2 { padding: 7px 7px 7px 25px; font: 13px Verdana; color: #626262; text-align: justify; background: url(../picture/faq/r.png) no-repeat 0 3px; } #faq h1 font, #faq h2 font { float: left; font: 25px Impact; } #faq h2 font { color: #5aceff; } /* MY CHAPTERS & MY SERIES */ #myadds div#nav { margin: 0 0 5px; padding: 4px 5px 0; width: 716px; height: 28px; text-align: center; background: url(../picture/myadds/nav-bg.png) no-repeat; } #myadds div#nav a { float: left; margin: 0 3px 0 0; width: 140px; height: 23px; line-height: 23px; font-weight: bold; color: #fff; text-decoration: none; background: url(../picture/myadds/nav-a-bg.png) no-repeat; } #myadds div.title { padding: 4px 0 0 10px; height: 30px; background: url(../picture/myadds/header-bg.png) no-repeat; } #myadds div.title h1 { font: 20px Impact; color: #9f9f9f; } #myadds div.title h2 { float: right; padding: 6px 10px 0 0; font: 12px Verdana; font-weight: bold; color: #858585; } #myadds div.title h2 font { color: #535353; } #myadds div.chapters, #myadds div.series { padding: 0 5px 5px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; } #myadds div.header { padding: 0 0 0 5px; height: 36px; font: 20px Impact; color: #939393; line-height: 36px; background: none; } #myadds li { list-style: none; padding: 0 0 0 5px; height: 27px; font: 9px Verdana; font-weight: bold; color: #858585; line-height: 25px; border-bottom: 1px solid #ebebeb; } #myadds li:hover a { color: #fff; } #myadds div.chapters li:hover { color: #fff; background: url(../picture/myadds/li-chapters-bg.png) repeat-x; } #myadds div.series li:hover { color: #fff; background: url(../picture/myadds/li-series-bg.png) repeat-x; } #myadds span { float: left; overflow: hidden; padding: 0 5px 0 0; width: 110px; height: 27px; } #myadds span.title { width: 239px; } #myadds div.footer { margin : 0 0 5px; height: 2px; background: url(../picture/myadds/footer-bg.png) no-repeat; } /* INVITATION */ #invitation div#infos { margin: 0 0 2px; padding: 10px; color: #fff; letter-spacing: 1px; background: #adadad; } #invitation div#infos h1 { margin: 0 0 5px; text-shadow: 0 0 5px #000; font: 22px Impact; } #invitation div#infos p { padding: 5px; text-align: justify; background: #777777; } #invitation div#mail { margin: 0 0 2px; padding: 10px; width: 701px; height: 105px; background: url(../picture/invitation/bg.jpg) no-repeat; } #invitation div#mail h1 { text-shadow: 0 0 5px #000; font: 22px Impact; color: #fff; letter-spacing: 1px; } #invitation div#mail p { width: 320px; text-shadow: 0 0 5px #000; color: #fff; letter-spacing: 1px; text-align: justify; } #invitation div#mail input#text { text-shadow: 0 0 3px #fff; position: absolute; margin: 71px 66px 0; padding: 3px 5px; width: 204px; height: 22px; font: 19px Impact; color: #565656; background: none; } #invitation div#inviter { padding: 5px; text-align: center; background: #adadad; } #invitation div#inviter input { text-indent: -1000em; width: 147px; height: 23px; background: url(../picture/invitation/submit-bg.png) no-repeat; } /* MEMBER LIST */ #memberlist ul { margin: 0 0 10px; } #memberlist li { list-style: none; padding: 5px; font: 10px Verdana; color: #959595; } #memberlist li a { color: #959595; text-decoration: none; } #memberlist li:hover { color: #6c6c6c; background: #f3f3f3; } #memberlist li:hover a { color: #ff9500; text-decoration: underline; } #memberlist li#title { height: 20px; font: 11px Verdana; font-weight: bold; font-variant: small-caps; line-height: 20px; color: #363636; border-bottom: 1px solid #959595; background: none; } #memberlist span { float: left; padding: 0 0 0 5px; width: 111px; overflow: hidden; } #memberlist div#pagination { margin: 5px; font: 10px Verdana; font-weight: bold; } #memberlist div#pagination a:hover { border: 1px solid #f12513; background: #f44b3c; } /* ADD A SERIE */ #addaserie div#infos1, #addaserie div.infos2 { text-shadow: 0 0 3px #fff; font: 16px Impact; color: #b2b2b2; } #addaserie div#infos1 input, #addaserie div#infos1 select, #addaserie div.infos2 input, #addaserie div.infos2 select { font: 13px Verdana; font-weight: bold; color: #6f6f6f; border-left: 1px solid #ececec; border-top: 1px solid #ececec; border-right: 0; border-bottom: 0; background: #b2b2b2; } #addaserie div#infos1 { padding: 10px 15px; height: 115px; background: url(../picture/addaserie/infos1-bg.png) repeat-x; } #addaserie div#infos1 span { float: left; margin: 0 59px 0 0; width: 171px; } #addaserie div#infos1 input, #addaserie div#infos1 select { float: left; margin: 0 59px 5px 0; padding: 7px; width: 156px; } #addaserie div#infos1 select { text-transform: capitalize; width: 170px; } #addaserie div#infos1 textarea { text-transform: capitalize; width: 170px; } #addaserie div.infos2 { padding: 0 18px; height: 62px; line-height: 58px; background: url(../picture/addaserie/infos2-bg.png) repeat-x; } #addaserie div.infos2 input, #addaserie div.infos2 select { margin: 0 10px 0 0; padding: 7px; width: 230px; } #addaserie div.infos2 select { width: 244px; } #addaserie div.infos3, #addaserie div#infos4 { text-shadow: 0 0 3px #b2b2b2; padding: 15px; height: 114px; font: 15px Impact; color: #fff; } #addaserie div.infos3 textarea, #addaserie div#infos4 textarea { float: right; padding: 8px; width: 564px; height: 96px; font: 11px Verdana; font-weight: bold; color: #6f6f6f; border: 1px solid #b8b8b8; background: url(../picture/addaserie/textarea-bg.png) no-repeat; } #addaserie div.infos3 span, #addaserie div#infos4 span { position: absolute; margin: 43px 0 0; text-align: center; width: 100px; } #addaserie div.infos3 { background: url(../picture/addaserie/infos3-bg.png) repeat-x; } #addaserie div#infos4 { background: url(../picture/addaserie/infos4-bg.png) repeat-x; } #addaserie div#subgenre, #addaserie div#editors { text-shadow: 0 0 1px #fff; padding: 10px; color: #5b5b5b; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #e5e5e5; background: #acabab; } #addaserie div#subgenre div, #addaserie div#editors div { margin: 0 0 20px; font: 13px Verdana; font-weight: bold; } #addaserie div#subgenre div span, #addaserie div#editors div span { float: right; } #addaserie div#subgenre label, #addaserie div#editors label { overflow: hidden; float: left; width: 175px; height: 20px; font: 13px Verdana; font-weight: bold; } #addaserie div#subgenre input, #addaserie div#editors input { margin-right: 5px; } #addaserie div.picture { text-shadow: 0 0 1px #000; position: relative; padding: 0 0 10px; width: auto; color: #fff; background: #fea605 url(../picture/addaserie/picture-bg.png) repeat-x; } #addaserie div.picture h1 { text-shadow: 0 0 2px #000; position: absolute; margin: 40px 0 0 40px; font: 15px Impact; } #addaserie div.picture.thumb h1 { margin: 40px 0 0 20px; } #addaserie div.picture p { margin: 0 0 10px; padding: 22px 0 0; text-align: center; font: 11px Verdana; font-weight: bold; } #addaserie div.picture div.upload_message { text-shadow: 0 0 1px #000; float: right; font: 11px Verdana; font-weight: bold; } #addaserie div.picture p.infos { padding: 22px 0 0 125px; text-align: left; } #addaserie div.picture fieldset#{ position: relative; width: auto; } #addaserie div.picture img { width: 100%; } #addaserie div.picture.thumb img { margin: 0 98px; width: auto; } #addaserie div.picture a { text-shadow: 0 0 1px #000; float: right; color: #fff; text-shadow: none; } #addaserie div.picture .uploadifyQueueItem { font: 13px Trebuchet MS; width: 400px; } #addaserie div.picture .uploadifyProgressBar { background: #b94327; } #addaserie div.picture-footer { height: 10px; background: url(../picture/addaserie/picture-footer-bg.png) repeat-x; } #addaserie div#teams-container { background: #23d3e3 url(../picture/addaserie/teams-container-bg.png) repeat-x; } #addaserie div#teams { text-shadow: 0 0 1px #000; padding: 10px; height: auto !important; min-height: 87px; height: 87px; color: #fff; background: url(../picture/addaserie/teams-bg.png) repeat-x 0px 50%; } #addaserie div#teams div { margin: 0 0 20px; font: 13px Verdana; font-weight: bold; } #addaserie div#teams div span { float: right; } #addaserie div#teams label { float: left; width: 100px; } #addaserie div#teams-footer { height: 10px; background: url(../picture/addaserie/teams-footer-bg.png) repeat-x; } #addaserie div#add { text-align: center; height: 65px; background: url(../picture/addaserie/add-bg.png) repeat-x; } #addaserie div#add input { text-indent: -1000em; margin: 1px 0 0 0; width: 197px; height: 65px; } #addaserie div#add input#ajouter { background: url(../picture/addaserie/add.png) no-repeat; } #addaserie div#add input#approuver { margin: 0 10px 0 0; background: url(../picture/addaserie/aprove.png) no-repeat; } #addaserie div#add input#refuser { margin: 0 0 0 10px; background: url(../picture/addaserie/refuse.png) no-repeat; } #addaserie div#add input#editer { background: url(../picture/addaserie/edit.png) no-repeat; } /* ADD A CHAPTER & ADD A LOT OF CHAPTERS */ #addachapter div#chapter { margin: 0 0 5px; text-align: center; height: 41px; font: 14px Trebuchet MS; font-weight: bold; line-height: 41px; color: #6c6b6b; background: url(../picture/addachapter/chapter-bg.png) no-repeat; } #addachapter div#chapter select,#addachapter div#chapter input, #addachapter div#standby input { padding: 5px; font-weight: bold; color: #6c6b6b; border: 1px solid #d4d4d4; } #addachapter div#chapter select { width: 400px; } #addachapter div#chapter input { text-align: center; width: 100px; } #addachapter div#chapter input#admin-name { width: 400px; font: 17px Trebuchet MS; font-weight: bold; } #addachapter div#choice, #addachapter div#teams, #addachapter div#link, #addachapter div#standby, #addachapter div#standby-approve, #addachapter div#autodelete { margin: 0 0 5px; padding: 0 10px; text-align: center; height: 25px; font: 11px Trebuchet MS; line-height: 25px; color: #6c6b6b; letter-spacing: 1px; border-bottom: 1px solid #e8e8e8; background: #f7f7f7; } #addachapter div#teams label, #addachapter div#choice label { margin: 0 5px 0 0; float: none; width: auto; font: 15px Trebuchet MS; font-weight: bold; } #addachapter div#standby, #addachapter div#autodelete { padding: 10px; height: auto; border-bottom: 0; border-left: 10px solid #ce0606; border-right: 10px solid #ce0606; } #addachapter div#link, #addachapter div#standby-approve, #addachapter div#autodelete { height: 33px; line-height: 33px; } #addachapter div#link input { padding: 5px; width: 300px; font: 11px Trebuchet MS; color: #6c6b6b; border: 1px solid #d4d4d4; } #addachapter div#standby-approve input { padding: 5px; width: 150px; height: 12px; font: 11px Trebuchet MS; color: #6c6b6b; border: 1px solid #d4d4d4; } #addachapter div#autodelete { color: #ce0606; border-bottom: 0; background: #ffd6d6; } #addachapter div#autodelete input { padding: 5px; font-weight: bold; color: #e32d2d; border: 1px solid #e32d2d; } #addachapter div#upload { margin: 0 0 5px; padding: 10px; text-align: center; height: auto !important; min-height: 50px; height: 50px; font: 15px Trebuchet MS; font-weight: bold; line-height: 50px; color: #6c6b6b; border-bottom: 1px solid #e8e8e8; background: #f7f7f7; } #addachapter input#add, #addachapter input#aprove, #addachapter input#edit { text-indent: -1000em; margin: 0 230px; width: 261px; height: 45px; border: 0; } #addachapter input#add { background: url(../picture/addachapter/add.png) no-repeat; } #addachapter input#aprove { margin: 0; background: url(../picture/addachapter/aprove.png) no-repeat; } #addachapter input#edit { background: url(../picture/addachapter/edit.png) no-repeat; } #addachapter div#admin { margin: 5px 0 0; padding: 10px; font: 12px Trebuchet MS; font-weight: bold; color: #6c6b6b; border-bottom: 1px solid #e8e8e8; background: #f7f7f7; } #addachapter div#admin p { margin: 10px 0 0; text-align: center; } #addachapter div#admin input.submit { margin: 0 0 0 5px; height: 45px; } /* MY PROFIL */ #myprofil div#infos { padding: 15px 7px; height: 71px; font-weight: bold; color: #f06048; background: url(../picture/myprofil/infos-bg.jpg) no-repeat; } #myprofil div#infos span, #myprofil div#infos label, #myprofil div#infos input { float: left; margin: 0 0 10px; width: 223px; } #myprofil div#infos input, #myprofil div#infos select { font-weight: bold; color: #dcdcdc; border: 1px solid #5a5a5a; background: #3e3e3e; } #myprofil div#infos label { padding: 5px; text-align: right; width: 120px; } #myprofil div#infos input { padding: 5px; width: 200px; font: 14px Trebuchet MS; } #myprofil div#infos select { padding: 2px; font: 13px Trebuchet MS; } #myprofil div#avatar { padding: 10px; height: auto !important; min-height: 102px; height: 102px; color: #dcdcdc; background: #343434 url(../picture/myprofil/avatar-bg.png) repeat-x; } #myprofil div#avatar img { float: left; margin: 0 15px 0 0; } #myprofil div#avatar .uploadifyQueueItem { font: 13px Trebuchet MS; width: 400px; } #myprofil div#avatar .uploadifyProgressBar { background: #181818; } #myprofil div#password { padding: 8px 10px 0; height: 46px; color: #dcdcdc; background: url(../picture/myprofil/password-bg.png) repeat-x; } #myprofil div#password input { padding: 3px; font: 11px Trebuchet MS; font-weight: bold; color: #dcdcdc; background: #232323; } #myprofil div#editer { padding: 5px; text-align: center; background: #adadad; } #myprofil div#editer input { text-indent: -1000em; width: 147px; height: 23px; background: url(../picture/myprofil/submit-bg.png) no-repeat; } #myprofil div#editer input#delete { background: url(../picture/myprofil/submit-delete.png) no-repeat; } /* PROFIL PAGE */ #profil div#avatar { float: left; text-align: center; width: 221px; line-height: 300px; } #profil ul { list-style: none; float: left; width: 500px; } #profil ul li { padding: 0 10px; height: 26px; font: 11px Verdana; line-height: 26px; } #profil ul li#ok { background: url(../picture/profile/bg.png) repeat-x; } #profil ul h1 { padding: 5px; font: 25px Impact; color: #9f9f9f; } #files fieldset#p { margin: 0 0 5px; font: 14px Trebuchet MS; font-weight: bold; } /* ADD A NEWS & EDIT COMMENTS */ #addanews div, #editcomments div { margin: 0 0 5px; padding: 10px; font: 22px Impact; background: #e6e6e6; } #addanews div input#title, #editcomments div input#title { display: block; padding: 5px; width: 300px; border: 1px solid #c2c2c2; } #addanews div textarea, #editcomments div textarea { display: block; padding: 5px; height: 400px; border: 1px solid #c2c2c2; } #addanews div label { float: left; width: 350px; } #addanews input.submit { margin: 0 auto; } #editcomments div textarea { height: 150px; } #editcomments a.submit { font: 18px Arial; padding: 7px 7px 6px; text-decoration: none; } /* OTHER */ #message h1 { padding: 100px 20px; text-align: center; font: 20px Impact; text-transform: uppercase; background: #e2e2e2; } #cache a { display: block; padding: 5px; margin: 0 0 5px; text-align: center; font: 18px Impact; text-transform: uppercase; text-decoration: none; background: #e2e2e2; } #cache a:hover { color: #e2e2e2; background: #464646; } #censuredwords textarea { padding: 10px; width: 699px; height: 350px; border: 1px solid #181818; background: #edecec; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #logout p { padding: 50px; text-align: center; font: 20px Impact; text-transform: uppercase; text-decoration: none; background: #e2e2e2; } #logout p a { font: 18px Impact; } /* DIV BIG CONTENT */ #content-gestion { margin: 0 auto; padding: 0px 8px 10px; width: 1012px; height: auto !important; min-height: 354px; height: 354px; background: #a6a6a6; } #manage, #manage-comments, #manage-news, #manage-members { padding: 10px; width: 990px; border: 1px solid #979797; background: #fff; } /* MANAGE CHAPTERS & SERIES & NEWS & COMMENTS & MEMBERS */ #manage ul { margin: 0 0 5px; padding: 43px 0 0; } #manage ul li { list-style: none; margin: 0 0 3px; padding: 5px; background: #eeeeee; } #manage ul li#other { padding: 20px; font: 16px Impact; text-transform: uppercase; letter-spacing: 2px; } #manage ul li#other a { display: block; text-align: center; font: 25px Impact; } #manage ul li:hover#other a { color: #eeeeee; } #manage ul li:hover { color: #eeeeee; background: #6d6c6c; } #manage ul li div.infos { float: left; padding: 0 0 0 5px; font: 12px Arial; } #manage ul li div.infos div { margin: 0 0 5px; font: 14px Arial; letter-spacing: 1px; } #manage ul li div.infos div a { font: 16px Impact; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; } #manage ul li div.infos a { text-decoration: none; } #manage ul li p { text-indent: 30px; margin: 0 0 3px; } #manage ul li p img{ vertical-align: middle; } #manage ul li div.action { float: left; width: 160px; text-align: center; } #manage ul li div.action a { display: block; margin: 0 0 2px; height: 22px; font: 12px Trebuchet MS; font-weight: bold; line-height: 22px; text-decoration: none; background: url(../picture/gestion/button.png) repeat-x; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #manage ul li:hover div.action a { text-shadow: 0 0 5px #000; color: #fff; } #manage ul li div.statut, #manage ul li div.number { float: left; padding: 0 0 0 5px; text-align: center; font: 12px Arial; width: 117px; } #manage ul li div.statut span, #manage ul li div.number span { padding: 5px; color: #eeeeee; background: #6d6c6c; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #manage ul li:hover div.statut span, #manage ul li:hover div.number span { color: #6d6c6c; background: #eeeeee; } #manage ul li#sort { background: #d4d4d4; border-bottom: 5px solid #dedede; } #manage ul li#sort a { display: block; float: left; text-align: center; font: 15px Impact; color: #595959; text-decoration: none; } /* */ /* CHAPTERS */ #manage ul#chapterswait { background: url(../picture/gestion/chapters-wait.png) no-repeat; } #manage ul#lastchapters { background: url(../picture/gestion/chapters-last.png) no-repeat; } #manage ul#chaptersstandby { background: url(../picture/gestion/chapters-standby.png) no-repeat; } #manage ul#chaptersautodelete { background: url(../picture/gestion/chapters-autodelete.png) no-repeat; } #manage ul#chapterswait li div.infos, #manage ul#chaptersstandby li div.infos, #manage ul#chaptersautodelete li div.infos, #manage ul#lastchapters li div.infos { width: 815px; } #manage ul#chapterswait li:hover div.infos a, #manage ul#chaptersstandby li:hover div.infos a, #manage ul#chaptersautodelete li:hover div.infos a, #manage ul#lastchapters li:hover div.infos a { color: #4dda81; } #manage ul#chapterswait li:hover div.action a, #manage ul#chaptersstandby li:hover div.action a, #manage ul#chaptersautodelete li:hover div.action a, #manage ul#lastchapters li:hover div.action a { background: url(../picture/gestion/chapters-button.png) repeat-x; } #manage div#pagination.chapters a:hover { border: 1px solid #4bad70; background: #63c688; } /* */ /* SERIES */ #manage form#search { text-align: center; margin: 0 0 5px; padding: 20px; background: #eeeeee; } #manage form#search input { text-transform: capitalize; padding: 5px; font: 15px Trebuchet MS; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #manage form#search input#text { border: 1px solid #6d6c6c; } #manage form#search input#submit { color: #eeeeee; background: #6d6c6c; } #manage ul#serieswait { background: url(../picture/gestion/series-wait.png) no-repeat; } #manage ul#serieslist { background: url(../picture/gestion/series-list.png) no-repeat; } #manage ul#serieswait li div.infos, #manage ul#serieslist li div.infos { width: 693px; } #manage ul#serieswait li:hover div.infos a, #manage ul#serieslist li:hover div.infos a { color: #90c4e1; } #manage ul#serieswait li:hover div.action a, #manage ul#serieslist li:hover div.action a { background: url(../picture/gestion/series-button.png) repeat-x; } #manage ul#serieswait li div.statut span { line-height: 80px; } #manage ul#serieslist li div.statut span { line-height: 110px; } #manage ul#serieslist li div.statut { width: 117px; } #manage ul#serieslist li.needupdate:hover div.action a, #manage ul#serieslist li.completed:hover div.action a { text-shadow: none; color: #464646; background: url(../picture/gestion/button.png) repeat-x; } #manage ul#serieslist li.needupdate div.statut span, #manage ul#serieslist li.completed div.statut span { color: #6d6c6c; background: #eeeeee; } #manage ul#serieslist li.needupdate, #manage ul#legend li.needupdate { color: #eeeeee; background: #e47272; } #manage ul#serieslist li.needupdate div.infos a { color: #a92d2d; } #manage ul#serieslist li.completed, #manage ul#legend li.completed { color: #464646; background: #cbf9b7; } #manage ul#serieslist li.completed div.infos a { color: #589f39; } #manage ul#serieslist li#sort a { padding: 0 22px; } #manage ul#serieslist li#sort a:hover { color: #3f7a9c; } #manage ul#legend { margin: 0; padding: 0; } #manage div#pagination.series { margin: 10px 0; } #manage div#pagination.series a:hover { border: 1px solid #3f7a9c; background: #6da7c8; } /* */ /* NEWS */ #manage ul#newsadd { background: url(../picture/gestion/news-add.png) no-repeat; } #manage ul#newslist { background: url(../picture/gestion/news-list.png) no-repeat; } #manage ul#newslist li div.infos { width: 760px; } #manage ul#newslist li:hover div.infos a { color: #a9a8d8; } #manage ul#newslist li:hover div.action a { background: url(../picture/gestion/news-button.png) repeat-x; } #manage ul#newslist li div.number { width: 50px; } #manage ul#newslist li div.number span { line-height: 90px; } #manage div#pagination.news a:hover { border: 1px solid #393862; background: #66649d; } /* */ /* COMMENTS */ #manage ul#commentsstats { background: url(../picture/gestion/comments-stats.png) no-repeat; } #manage ul#commentslist { background: url(../picture/gestion/comments-list.png) no-repeat; } #manage ul#commentslist li div.infos { padding: 0 20px 0 0; width: 710px; } #manage ul#commentslist li div.infos p { padding: 0 0 10px; text-align: justify; } #manage ul#commentslist li div.infos div a { font: 14px Impact; } #manage ul#commentslist li:hover div.infos div a { color: #c1ad86; } #manage ul#commentslist li:hover div.infos div b { color: #c1ad86; } #manage ul#commentslist li:hover div.action a { background: url(../picture/gestion/comments-button.png) repeat-x; } #manage ul#commentslist li div.number { padding: 10px 0 0; width: 90px; } #manage ul#commentslist li#sort a { width: 326px; letter-spacing: 2px; } #manage ul#commentslist li#sort a:hover { color: #97742f; } #manage ul#commentslist li.validate { text-align: center; font: 17px Impact; letter-spacing: 2px; color: #f3f3f3; background: #7e7e7e; border-bottom: 5px solid #dedede; } #manage div#pagination.comments a:hover { border: 1px solid #7e6a42; background: #af996e; } /* */ /* MEMBERS */ #manage ul#userswait { background: url(../picture/gestion/users-wait.png) no-repeat; } #manage ul#userslist { background: url(../picture/gestion/users-list.png) no-repeat; } #manage ul#userswait li div.infos, #manage ul#userslist li div.infos { width: 760px; } #manage ul#userswait li:hover div.infos a, #manage ul#userslist li:hover div.infos a { color: #ffa59d; } #manage ul#userswait li:hover div.action a , #manage ul#userslist li:hover div.action a { background: url(../picture/gestion/users-button.png) repeat-x; } #manage ul#userswait li div.number, #manage ul#userslist li div.number { width: 50px; } #manage ul#userswait li div.number span { line-height: 60px; } #manage ul#userslist li div.number span { line-height: 95px; } #manage ul#userslist li#sort a { width: 163px; } #manage ul#userslist li#sort a:hover { color: #f12513; } #manage div#pagination.members a:hover { border: 1px solid #f12513; background: #f44b3c; } /* */ /* MANAGE TEAMS */ #manage-teams form { margin: 0 0 5px; padding: 10px; text-align: center; background: #eeeeee; } #manage-teams form input.text { padding: 5px; width: 150px; color: #848484; border: 1px solid #9e9d9d; } #manage-teams form input.submit { margin: 10px 0 0; padding: 3px; width: 80%; color: #fff; font: 14px Arial; font-variant: small-caps; font-weight: bold; border-top: 2px solid #3E3E3E; border-bottom: 2px solid #3E3E3E; background: #626262; } #manage-teams ul#teamslist { padding: 47px 0 0; border-bottom: 1px solid #dcdcdc; background: url(../picture/teams/header.png) no-repeat; } #manage-teams ul#teamslist li { overflow: hidden; list-style: none; height: 31px; background: url(../picture/teams/bg.png) no-repeat; } #manage-teams ul#teamslist li:hover { color: #eeeeee; background: url(../picture/teams/bg.png) no-repeat 0 -31px; } #manage-teams ul#teamslist li:hover a { color: #eeeeee; } #manage-teams span, #manage-teams a { float: left; margin: 0 0 0 3px; text-align: center; overflow: hidden; font: 10px Verdana; font-weight: bold; line-height: 31px; } #manage-teams span.name { width: 70px; } #manage-teams span.fullname { width: 129px; } #manage-teams span.website { padding: 0 5px 0 10px; width: 248px; text-align: left; } #manage-teams span.infos { width: 170px; } #manage-teams a { width: 68px; }