Un Thème pour le forum
Re: Un Thème pour le forum
Arg va falloir harmoniser ce thème tout de même parce que ce qui est proposé, ça à toujours une couleur agressive
"N'est stupide que la stupidité Monsieur..." - Forest Gump
... sauf si tu lis pas ça
Si tu as tout ce qu'il te faut, merci de penser à basculer ton sujet en [RESOLU] en éditant ton tout premier post
... sauf si tu lis pas ça
Si tu as tout ce qu'il te faut, merci de penser à basculer ton sujet en [RESOLU] en éditant ton tout premier post
Re: Un Thème pour le forum
en parallèle de ce qui est proposé par défaut, on peut voir pour faire un colorie plus 'doux' (bien que comme toujours cela soit très subjectif).Iwa a écrit :Arg va falloir harmoniser ce thème tout de même parce que ce qui est proposé, ça à toujours une couleur agressive
A la limite fait un screen du forum, et rempli avec des couleurs qui te semblerait moins 'agressives'
Pas d'aide par MP, le forum est là pour ça.
En cas de doute sur les bonnes pratiques à adopter sur le forum, consulter la Charte et sa FAQ
Re: Un Thème pour le forum
Salut,
Il y a trop d'espace entre les différentes section et les différents topics, avec le nouveau thème.
ça nuis à la lisibilité et ça use la molette de ma souris.
Avez vous des options pour y remédier ?
Sinon c'est joli.
Il y a trop d'espace entre les différentes section et les différents topics, avec le nouveau thème.
ça nuis à la lisibilité et ça use la molette de ma souris.
Avez vous des options pour y remédier ?
Sinon c'est joli.
____________________________________________
Hop Boy
Hop Boy
Re: Un Thème pour le forum
Je note ça dans ma todo list très cher mais tant qu'à faire faudrait tenté une version "unitienne". Pour le moment je vais resté comme ça ^^.Max a écrit : A la limite fait un screen du forum, et rempli avec des couleurs qui te semblerait moins 'agressives'
Est-ce qu'on reprend la charte du site officiel d'unity? Est-ce qu'on fait la notre?
"N'est stupide que la stupidité Monsieur..." - Forest Gump
... sauf si tu lis pas ça
Si tu as tout ce qu'il te faut, merci de penser à basculer ton sujet en [RESOLU] en éditant ton tout premier post
... sauf si tu lis pas ça
Si tu as tout ce qu'il te faut, merci de penser à basculer ton sujet en [RESOLU] en éditant ton tout premier post
Re: Un Thème pour le forum
pas totalement faut. Je vais me pencher sur le truc, et voir se que cela donne visuellement.Titan a écrit :Il y a trop d'espace entre les différentes section et les différents topics.
Elle peut servir de base, rien n'impose de rester axer formellement dessus. (j'me mouille pas là hein, t'as vu)Iwa a écrit :Est-ce qu'on reprend la charte du site officiel d'unity? Est-ce qu'on fait la notre?
Pas d'aide par MP, le forum est là pour ça.
En cas de doute sur les bonnes pratiques à adopter sur le forum, consulter la Charte et sa FAQ
Re: Un Thème pour le forum
Max,
Content.css ligne 30 :
Change pour quelquechose comme ça
Content.css ligne 30 :
Code : Tout sélectionner
ul.topiclist li.row dl {
padding: 5px 0;
}
ʕ·͡ᴥ·ʔ ==> Mon Portfolio <== ʕ·͡ᴥ·ʔ
Merci de lire et de prendre en considération la Nétiquette des Forums avant de poster un sujet !
Merci de lire et de prendre en considération la Nétiquette des Forums avant de poster un sujet !
Re: Un Thème pour le forum
Merci, je vais voir ce que cela donne
Pas d'aide par MP, le forum est là pour ça.
En cas de doute sur les bonnes pratiques à adopter sur le forum, consulter la Charte et sa FAQ
Re: Un Thème pour le forum
c'était bien cela, dans Content.css. Merci Fab, cela m'a fait gagner tu tempsF@B a écrit :Change pour quelquechose comme ça
Je vais voir si cela n'engendre pas d'autres soucis lié à la mise en page, et je transmet au rapidement patron
Pas d'aide par MP, le forum est là pour ça.
En cas de doute sur les bonnes pratiques à adopter sur le forum, consulter la Charte et sa FAQ
Re: Un Thème pour le forum
Je vois que tu te mouilles pas en effet .Max a écrit :Elle peut servir de base, rien n'impose de rester axer formellement dessus. (j'me mouille pas là hein, t'as vu)
Une proposition basée sur le look unity niveau couleur : c'est mi sombre/mi clair. C'est cadeau... j'avais pas que ça à foutre mais moi et les priorités... . Hope you like it . Faudrait juste réajuster les icones mais si je peux avoir le pack complet, plutôt que les chercher à la main
Dans coulours.css mettre ça :
Code : Tout sélectionner
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html, body {
color: #222C37;
background-color: #222c37;
}
h1 {
color: #FFFFFF;
}
h2 {
color: #28313F;
}
h3 {
/*border-bottom-color: #DADADA;*/
}
hr {
border-color: #F5F5F5;
border-top-color: #F5F5F5;
}
/* Search box
--------------------------------------------- */
.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus,
.search-box .button:hover {
border-color: #DADADA;
}
.search-header input#keywords {
background-color: #042120;
color: #8494A3;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
#wrap {
}
.headerbar {
}
.navbar {
}
.navbar ul#nav-main {
background-color: #00A0A0;
border-bottom-color: #007777;
}
.forabg {
background-color: #00A0A0;
}
.forumbg {
background-color: #00A0A0;
}
.panel {
background-color: #FFFFFF;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 {
background-color: #FFFFFF;
}
table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
background-color: #FBFBFB;
}
.bg2 {
background-color: #FFFFFF;
}
table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
background-color: #EAEDF1;
}
.bg3 {
background-color: #FFFFFF;
}
.ucprowbg {
background-color: #DCDEE2;
}
.fieldsbg {
background-color: #E7E8EA;
}
/* Horizontal lists
----------------------------------------*/
ul.navlinks {
border-top-color: #FFFFFF;
}
/* Table styles
----------------------------------------*/
table.table1 thead th {
color: #FFFFFF;
}
table.table1 tbody tr {
border-color: #F5F5F5;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
color: #000;
}
table.table1 td {
color: #333333;
}
table.table1 tbody td {
border-top-color: #F5F5F5;
}
.section-viewonline table.table1 tbody td,
.section-memberlist table.table1 tbody td {
border-top-color: #F5F5F5;
}
table.table1 tbody th {
border-bottom-color: #000000;
color: #333333;
background-color: #FFFFFF;
}
table.info tbody th {
color: #000000;
}
/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #000000;
}
dl.details dd {
color: #828282;
}
.sep {
color: #1198D9;
}
/* Pagination
---------------------------------------- */
.pagination li a {
background-color: #EBEBEB;
color: #555555;
}
.pagination li.ellipsis span {
background-color: transparent;
color: #000000;
}
.pagination li.active span {
background-color: #00A0A0;
border-color: #005554;
color: #FFFFFF;
}
.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
background-color: #17CA9D;
color: #F5F5F5;
}
/*.pagination li.next a, .pagination li.previous a, .pagination li.page-jump a {
}*/
/* Pagination in viewforum for multipage topics */
.row .pagination:before {
content: "\f0c5";
font-family: FontAwesome;
}
/* Miscellaneous styles
---------------------------------------- */
#prefooter + .copyright {
background-color: #026766;
}
.copyright {
background-color: #222c37;
}
.error {
color: #BC2A4D;
}
.reported {
background-color: #FFFFFF;
}
li.reported {
background-color: #FFF1EA;
}
li.reported + li.reported {
border-top: 0 !important;
}
li.reported:hover {
background-color: #FFF !important;
}
.sticky, .announce {
/* you can add a background for stickies and announcements*/
}
div.rules {
background-color: #EBEBEB;
}
p.post-notice {
background-color: #ECD5D8;
background-image: none;
}
p.post-notice.deleted:before {
font-family: FontAwesome;
content: "\f1b8";
font-size: 14px;
color: #3CA83C;
}
p.post-notice.unapproved:before {
font-family: FontAwesome;
content: "\f059";
font-size: 14px;
color: #5D8DFF;
}
p.post-notice.reported:before, p.post-notice.error:before {
font-family: FontAwesome;
content: "\f071";
font-size: 14px;
color: #FD5E01;
}
p.post-notice.reported {
border-color: transparent;
}
/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a {color: #17CA9D;}
a:hover { text-decoration: underline; }
a.forumtitle {
color: #17CA9D;
font-weight: bold;
}
a.topictitle {
color: #139895;
}
/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a {
color: #FFFFFF;
}
.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
}
.navbar ul#nav-main > li > a {
color: #007777;
font-weight: bold;
}
.navbar ul#nav-main > li:not(.rightside) > a:hover,
.navbar ul#nav-main > li.icon-register > a:hover,
.navbar ul#nav-main > li.icon-logout > a:hover {
background-color: #007b79;
border-bottom-color: #026766;
}
/* Notification mark read link */
.dropdown-extended a.mark_read {
background-color: #FFFFFF;
}
/* Post body links */
.postlink {
/*border-bottom-color: #368AD2;
color: #368AD2;*/
}
.postlink:visited {
/*border-bottom-color: #5D8FBD;
color: #5D8FBD;*/
}
.postlink:hover {
/*background-color: #D0E4F6;
color: #0D4473;*/
}
.signature a, .signature a:hover {
background-color: transparent;
}
/* Back to top of page */
a.top {
color: #A7A7AA;
}
a.top:before {
font-family: FontAwesome;
content: "\f139";
display: inline-block;
color: #A7A7AA;
}
a.top2 {
color: #139895;
}
a.top2:before {
font-family: FontAwesome;
content: "\f139";
display: inline-block;
color: #A7A7AA;
font-size: 12px;
width: 14px;
padding: 0 1px;
}
/* Arrow links */
a.arrow-up:before { content: "\f102"; }
a.arrow-down:before { content: "\f103"; }
a.arrow-left:before { content: "\f100"; }
a.arrow-right:after { content: "\f101"; }
a.arrow-up:hover {
background-color: transparent;
}
a.arrow-left:hover {
}
a.arrow-right:hover {
}
/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums {
background-color: #F5F5F5;
}
ul.topiclist li {
color: #222C37;
}
#cp-main ul.topiclist li.header {
background-color: #005554;
color: #FFFFFF;
}
ul.topiclist dd {
}
.rtl ul.topiclist dd {
border-right-color: transparent;
border-left-color: transparent;
}
ul.topiclist li.row dt a.subforum.read:before {
content:"\f15b";
color: #D5D8D9;
}
ul.topiclist li.row dt a.subforum.unread:before {
content:"\f15b";
color: #FD5E01;
}
li.row {
border-bottom-color: #17CA9D;
}
li.row strong {
color: #000000;
}
li.row:hover {
background-color: rgb(221, 237, 255);
}
li.row:hover dd {
border-left-color: transparent;
}
.rtl li.row:hover dd {
border-right-color: transparent;
border-left-color: transparent;
}
li.header dt {
color: #FFFFFF;
}
li.header dd {
color: #222C37;
}
/* Post body styles
----------------------------------------*/
.postbody {
color: #333333;
}
/* Content container styles
----------------------------------------*/
.content {
color: #333333;
}
.content h2, .panel h2 {
border-bottom-color: transparent;
}
dl.faq dt {
color: #333333;
}
.posthilit {
background-color: #F3BFCC;
color: #BC2A4D;
}
.announce, .unreadpost {
/* Highlight the announcements & unread posts box */
}
/* Post signature */
.signature {
border-top-color: #F5F5F5;
}
/* Post noticies */
.notice {
border-top-color: #F5F5F5;
}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #EAEDF1;
border-color: #00A0A0;
}
.rtl blockquote {
}
blockquote blockquote {
/* Nested quotes */
background-color: #F5F5F5;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #FFFFFF;
}
/* Code block */
.codebox {
background-color: #EAEDF1;
border-color: #00A0A0;
}
.codebox p {
border-bottom-color: #CCCCCC;
}
.codebox code {
color: #2E8B57;
}
.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #FF8000; }
.syntaxdefault { color: #0000BB; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #007700; }
.syntaxstring { color: #DD0000; }
/* Attachments
----------------------------------------*/
.attachbox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
.pm-message .attachbox {
background-color: #F2F3F3;
}
.attachbox dd {
border-top-color: #EBEBEB;
}
.attachbox p {
color: #666666;
}
.attachbox p.stats {
color: #666666;
}
.attach-image img {
border-color: #999999;
}
/* Inline image thumbnails */
dl.file dd {
color: #666666;
}
dl.thumbnail img {
border-color: #666666;
background-color: #FFFFFF;
}
dl.thumbnail dd {
color: #666666;
}
dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}
dl.thumbnail dt a:hover img {
border-color: #368AD2;
}
/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
border-top-color: #F5F5F5;
color: #666666;
}
fieldset.polls dl.voted {
color: #000000;
}
fieldset.polls dd div {
color: #FFFFFF;
}
.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
border-right-color: transparent;
}
.pollbar1 {
background-color: #00A0A0;
border-bottom-color: #007777;
border-right-color: #007777;
}
.rtl .pollbar1 {
border-left-color: #74162C;
}
.pollbar2 {
background-color: #00A0A0;
border-bottom-color: #007777;
border-right-color: #007777;
}
.rtl .pollbar2 {
border-left-color: #8C1C38;
}
.pollbar3 {
background-color: #00A0A0;
border-bottom-color: #007777;
border-right-color: #007777;
}
.rtl .pollbar3 {
border-left-color: #AA2346;
}
.pollbar4 {
background-color: #E41653;
border-bottom-color: #BE1E4A;
border-right-color: #BE1E4A;
}
.rtl .pollbar4 {
border-left-color: #BE1E4A;
}
.pollbar5 {
background-color: #F81157;
border-bottom-color: #D11A4E;
border-right-color: #D11A4E;
}
.rtl .pollbar5 {
border-left-color: #D11A4E;
}
/* Poster profile block
----------------------------------------*/
.postprofile {
color: #666666;
border-color: #FFFFFF;
}
.pm .postprofile {
border-color: #FFFFFF;
}
.postprofile strong {
color: #000000;
}
.online {
background-image: none;
}
dd.profile-warnings {
color: #BC2A4D;
}
/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
background-color: #00A0A0;
color: #FFFFFF;
}
.search-box button.search-icon {
background-color: #00A0A0;
}
.headerbar .search-box button.search-icon {
background-color: #005554;
}
.headerbar .search-box button.search-icon:hover,
.headerbar .search-box input#keywords:focus + button.search-icon {
background-color: #FF3800;
}
.headerbar .search-box button.search-icon:hover:before,
.headerbar .search-box input#keywords:focus + button.search-icon:before {
opacity: 1;
}
.search-box a.button.search-adv-icon {
background-color: #026362;
}
.post-icon, .newpm-icon, .reply-all,
.reply-icon,
.pmreply-icon, .forwardpm-icon {
background-color: #00A0A0;
border: solid 3px #00A0A0;
}
.post-icon:hover, .newpm-icon:hover, .reply-all:hover,
.reply-icon:hover,
.pmreply-icon:hover, .forwardpm-icon:hover {
background-color: #FFFFFF !important;
border-color: #19E3B1;
color: #19E3B1;
}
form#login p > .button2 {
background-color: #FF3800;
border: 3px solid #FF3800;
color: #FFFFFF;
}
form#login p > .button2:hover {
background-color: #FFFFFF;
border: 3px solid #FF3800;
color: #FF3800;
}
.dropdown-select {
color: #FFFFFF;
}
.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
background-color: #007777;
}
.dropdown-select:after {border-color: #007777;}
.dropdown-select:hover {border-color: #9ACCC8;}
.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select {
border-color: #A6B2BA;
color: #FFFFFF;
}
.contact-icons a { border-color: #EBEBEB; }
.contact-icons a:hover { background-color: #EAEDF1; }
/* Icon images
---------------------------------------- */
.icon-acp:before, #nav-main > .icon-acp > a:before, .icon-faq > a:before, .icon-home:before, .icon-logout:before, #nav-main > .icon-logout > a:before, .icon-mcp > a:before, .icon-notification > a:first-child:before, .icon-pm > a:first-child:before, .icon-register > a:before {
color: #79BFB5;
}
.icon-bookmark:before, .icon-bump:before, .icon-contact:before, .icon-delete-cookies:before, .icon-download:before, .dropdown-contents .icon-logout:before, .icon-mark:before, .icon-members:before, .icon-pages:before, .icon-print:before, .icon-profile:before, .icon-search:before, .responsive-search a:before, .icon-search-active:before, .icon-search-new:before, .icon-search-self:before, .icon-search-unanswered:before, .icon-search-unread:before, .icon-sendemail:before, .icon-subscribe:before, .icon-team:before, .icon-ucp:before, .icon-unsubscribe:before {
color: #A7A7A7;
}
.dropdown-contents > .small-icon.clone a:before,
.dropdown-contents > .clone:before,
.dropdown-contents > .small-icon.clone:before {
color: #A7A7A7;
}
#page-footer-links li:not(.clone):before {
color: #79BFB5;
}
#nav-main > .icon-acp > a:before { content:"\f135" !important; }
#nav-main > .icon-acp:before { content: none !important; }
.icon-acp:before { content:"\f135" !important; }
.icon-bookmark:before { content:"\f02e" !important; }
.icon-bump:before { content:"\f256" !important; }
.icon-contact:before { content:"\f0e0" !important; }
.icon-delete-cookies:before { content:"\f1f8" !important; }
.icon-download { background-image: url("./images/icon_download.gif"); }
.icon-faq > a:before { content:"\f059" !important; }
.icon-logout:before { content:"\f011" !important; }
#nav-main > .icon-logout > a:before { content:"\f084" !important; }
#nav-main > .icon-logout:before { content: none !important; }
.icon-mark:before { content:"\f058" !important; }
.icon-mcp > a:before { content:"\f06e" !important; }
.icon-members:before { content:"\f007" !important; }
.icon-notification { background-image: none; }
.icon-notification > a:first-child:before { content:"\f0a2" !important; }
.icon-pages { background-image: url("./images/icon_pages.gif"); }
.icon-pm > a:first-child:before { content:"\f003" !important; }
.icon-print:before { content:"\f02f" !important; }
.icon-profile:before { content:"\f007" !important; }
.icon-register > a:before { content:"\f234" !important; }
.icon-search:before, .responsive-search a:before { content:"\f002" !important; }
.icon-search-active:before { content:"\f27a" !important; }
.icon-search-new:before { content:"\f24d" !important; }
.icon-search-self:before { content:"\f016" !important; }
.icon-search-unanswered:before { content:"\f15c" !important; }
.icon-search-unread:before { content:"\f15b" !important; }
.icon-sendemail:before { content:"\f0e0" !important; }
.icon-subscribe:before { content:"\f046" !important; }
.icon-team:before { content:"\f0c0" !important; }
.icon-ucp:before { content:"\f013" !important; }
.icon-unsubscribe:before { content:"\f057" !important; }
/* Profile & navigation icons */
.contact-icon { background-image: url("./images/icons_contact.svg"); }
.icon-button:before { /*background-image: url("./images/icons_button.png");*/ }
.dropdown-select:after { content:"\f078"; }
/* Forum icons & Topic icons */
.global_read { background-image: url("./images/announce_read.svg"); }
.global_read_mine { background-image: url("./images/announce_read_mine.svg"); }
.global_read_locked { background-image: url("./images/announce_read_locked.svg"); }
.global_read_locked_mine { background-image: url("./images/announce_read_locked_mine.svg"); }
.global_unread { background-image: url("./images/announce_unread.svg"); }
.global_unread_mine { background-image: url("./images/announce_unread_mine.svg"); }
.global_unread_locked { background-image: url("./images/announce_unread_locked.svg"); }
.global_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.svg"); }
.announce_read { background-image: url("./images/announce_read.svg"); }
.announce_read_mine { background-image: url("./images/announce_read_mine.svg"); }
.announce_read_locked { background-image: url("./images/announce_read_locked.svg"); }
.announce_read_locked_mine { background-image: url("./images/announce_read_locked_mine.svg"); }
.announce_unread { background-image: url("./images/announce_unread.svg"); }
.announce_unread_mine { background-image: url("./images/announce_unread_mine.svg"); }
.announce_unread_locked { background-image: url("./images/announce_unread_locked.svg"); }
.announce_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.svg"); }
.forum_link { background-image: url("./images/forum_link.svg"); }
.forum_read { background-image: url("./images/forum_read.svg"); }
.forum_read_locked { background-image: url("./images/forum_read_locked.svg"); }
.forum_read_subforum { background-image: url("./images/forum_read_subforum.svg"); }
.forum_unread { background-image: url("./images/forum_unread.svg"); }
.forum_unread_locked { background-image: url("./images/forum_unread_locked.svg"); }
.forum_unread_subforum { background-image: url("./images/forum_unread_subforum.svg"); }
.sticky_read { background-image: url("./images/sticky_read.svg"); }
.sticky_read_mine { background-image: url("./images/sticky_read_mine.svg"); }
.sticky_read_locked { background-image: url("./images/sticky_read_locked.svg"); }
.sticky_read_locked_mine { background-image: url("./images/sticky_read_locked_mine.svg"); }
.sticky_unread { background-image: url("./images/sticky_unread.svg"); }
.sticky_unread_mine { background-image: url("./images/sticky_unread_mine.svg"); }
.sticky_unread_locked { background-image: url("./images/sticky_unread_locked.svg"); }
.sticky_unread_locked_mine { background-image: url("./images/sticky_unread_locked_mine.svg"); }
.topic_moved { background-image: url("./images/topic_moved.svg"); }
.topic_read { background-image: url("./images/topic_read.svg"); }
.topic_read_mine { background-image: url("./images/topic_read_mine.svg"); }
.topic_read_hot { background-image: url("./images/topic_read_hot.svg"); }
.topic_read_hot_mine { background-image: url("./images/topic_read_hot_mine.svg"); }
.topic_read_locked { background-image: url("./images/topic_read_locked.svg"); }
.topic_read_locked_mine { background-image: url("./images/topic_read_locked_mine.svg"); }
.topic_unread { background-image: url("./images/topic_unread.svg"); }
.topic_unread_mine { background-image: url("./images/topic_unread_mine.svg"); }
.topic_unread_hot { background-image: url("./images/topic_unread_hot.svg"); }
.topic_unread_hot_mine { background-image: url("./images/topic_unread_hot_mine.svg"); }
.topic_unread_locked { background-image: url("./images/topic_unread_locked.svg"); }
.topic_unread_locked_mine { background-image: url("./images/topic_unread_locked_mine.svg"); }
.pm_read { background-image: url("./images/topic_read.svg"); }
.pm_unread { background-image: url("./images/topic_unread.svg"); }
/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
.panel-container h3, .panel-container hr, #cp-menu hr {
border-color: #EBEBEB;
}
.panel-container .panel li.row {
border-bottom-color: #F5F5F5;
border-top-color: transparent;
}
ul.cplist {
}
.panel-container .panel li.header dd, .panel-container .panel li.header dt,
.panel-container .panel li.header dd a, .panel-container .panel li.header dt a {
color: #FFFFFF;
}
.panel-container table.table1 thead th {
color: #FFFFFF;
border-bottom-color: transparent;
background-color: #005554;
}
#cp-main .pm-message {
border-color: #DBDEE2;
background-color: #FFFFFF;
}
/* CP tabbed menu
----------------------------------------*/
#tabs .tab > a {
background-color: #00A0A0;
color: #FFFFFF;
}
#tabs .tab > a:hover {
opacity: .7;
}
#tabs .activetab > a,
#tabs .activetab > a:hover {
background-color: #FFFFFF;
color: #333333;
opacity: 1;
}
#tabs .activetab > a:hover {
color: #000000;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs .tab > a {
background-color: #323A45;
color: #FFFFFF;
}
#minitabs .activetab > a,
#minitabs .activetab > a:hover {
background-color: #F9F9F9;
color: #333333;
}
/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
border-color: #FFFFFF;
}
.responsive-tab .responsive-tab-link:hover:before {
border-color: #FFFFFF;
}
#tabs .activetab > .responsive-tab-link:before,
#tabs .activetab > .responsive-tab-link:hover:before {
border-color: #333333;
}
/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
#navigation a {
color: #FFFFFF;
background: #005554;
}
.rtl #navigation a {
background: #323A45;
}
#navigation a:hover {
opacity: 0.7;
}
#navigation #active-subsection a {
background: #F5F5F5;
color: #333333;
}
#navigation #active-subsection a:hover {
color: #333333;
opacity: 1;
}
/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
color: #333333;
}
.panel-container .panel {
background-color: #F9F9F9;
}
#file-list-container.panel {
background-color: transparent;
}
#cp-main .pm {
background-color: #F5F5F5;
}
#cp-main .panel {
background-color: #F5F5F5;
}
/* Friends list */
.cp-mini {
background-color: #FFFFFF;
}
dl.mini dt {
color: #425067;
}
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #000000 !important;
}
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF6600;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #A9B8C2;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #5D8FBD;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #000000;
}
/* Avatar gallery */
#gallery label {
background: #FFFFFF;
border-color: #CCC;
}
#gallery label:hover {
background-color: #EEE;
}
/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
border-color: #DADADA;
background-color: #FAFAFA;
}
label {
/*color: #425067;*/
}
option.disabled-option {
color: graytext;
}
/* Definition list layout for forms
---------------------------------------- */
dd label {
color: #333;
}
fieldset.fields1 {
background-color: transparent;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
/* Quick-login on index page */
fieldset.quick-login input.inputbox {
background-color: #F2F3F3;
}
/* Posting page styles
----------------------------------------*/
#message-box textarea {
color: #333333;
}
#message-box textarea.drag-n-drop {
outline-color: rgba(102, 102, 102, 0.5);
}
#message-box textarea.drag-n-drop-highlight {
outline-color: rgba(17, 163, 234, 0.5);
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #F5F5F5;
border-color: #DADADA;
color: #333333;
}
.inputbox:-moz-placeholder {
color: #333333;
}
.search-header input#keywords::-moz-placeholder {
color: #8494A3;
opacity: 1 !important;
}
.inputbox::-webkit-input-placeholder {
color: #333333;
}
.search-header input#keywords::-webkit-input-placeholder {
color: #8494A3;
}
.inputbox:hover {
border-color: #DADADA;
background-color: #FFFFFF;
}
.inputbox:focus {
border-color: #DADADA;
background-color: #FFFFFF;
}
.inputbox:focus:-moz-placeholder {
color: transparent;
}
.inputbox:focus::-webkit-input-placeholder {
color: transparent;
}
/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3 {
background-color: #00A0A0;
border: 3px solid #00A0A0;
color: #FFFFFF;
}
a.button2, input.button2 {
background-color: #00A0A0;
color: #FFFFFF;
border-color: #00A0A0;
}
.button2#refresh_vc {
background-color: #FF3800;
border: transparent;
}
a.button1, input.button1 {
/*border-color: #666666;*/
}
input.button3 {
background-image: none;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
border-color: #DADADA;
}
/* <a> button in the style of the form buttons */
a.button1, a.button2 {
color: #FFFFFF;
}
/* Hover states */
/*a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, */input.button3:hover {
color: #FFFFFF;
opacity: .7;
}
a.button1:hover, input.button1:hover {
background-color: #FFFFFF;
border: 3px solid #19E3B1;
color: #19E3B1;
}
a.button2:hover, input.button2:hover {
background-color: #FFFFFF;
border: 3px solid #FF3800;
color: #FF3800;
}
/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
/*color: #FFFFFF;*/
}
input.search {
/*background-image: url("./images/icon_textbox_search.gif");*/
}
input.disabled {
color: #666666;
}
/* jQuery popups
---------------------------------------- */
.phpbb_alert {
background-color: #FFFFFF;
}
.phpbb_alert .alert_close {
}
.phpbb_alert .alert_close:before {
font-family: FontAwesome;
content: "\f057";
font-size: 20px;
color: #A7A7A7;
display: inline-block;
}
.phpbb_alert .alert_close:hover:before {
color: #FF3800;
}
#darken {
background-color: #000000;
}
#loading_indicator {
background-color: #000000;
background-image: url("./images/loading.gif");
}
.dropdown-extended ul li {
border-top-color: #E5E5E5;
}
.dropdown-extended ul li:hover {
background-color: #EAEDF1;
}
.dropdown-extended .header, .dropdown-extended .footer {
color: #FFFFFF;
}
.dropdown-extended .footer {
border-top-style: solid;
border-top-width: 1px;
background-color: #FF3800;
}
.dropdown-extended .header {
background: #026362;
color: #FFFFFF !important;
}
.dropdown-extended .header a,
.dropdown-extended .footer a {
color: #FFFFFF;
}
.dropdown .pointer {
border-color: #E3E3E3 transparent;
}
.icon-notification .dropdown .pointer {
border-color: #026362 transparent;
}
.dropdown .pointer-inner {
border-color: #FFF transparent;
}
.dropdown-extended .pointer-inner {
border-color: #026362 transparent;
}
ul.linklist li.responsive-menu a.responsive-menu-link:before {
color: #FF3800;
}
/*ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
color: #FE9B0E;
}*/
ul#nav-main.linklist li.responsive-menu a.responsive-menu-link {
background-color: #19e3b1;
border-bottom-color: #17CA9D;
}
ul.linklist li.responsive-menu a.responsive-menu-link:before {
color: #FFFFFF;
opacity: .7;
}
ul.linklist li.responsive-menu a.responsive-menu-link:hover:before,
ul.linklist li.responsive-menu.dropdown-visible a.responsive-menu-link:before {
opacity: 1;
}
.dropdown .dropdown-contents {
background: #fff;
border-color: #b9b9b9;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}
.dropdown-up .dropdown-contents {
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}
.dropdown li, .dropdown li li {
border-color: #DCDCDC;
}
.dropdown li.separator {
border-color: #DCDCDC;
}
/* Notifications
---------------------------------------- */
.notification_list p.notification-time {
color: #323A45;
}
li.notification-reported strong, li.notification-disapproved strong {
color: #D31141;
}
Dans quatro.css (ligne 168)(remplacer):
Code : Tout sélectionner
.stat-block h3 {
margin: 0;
padding: 0 20px;
border-bottom-width: 0;
background-color: #00A0A0;
height: 50px;
color: #FFFFFF;
text-transform: none;
font-size: 1.077em;
line-height: 50px;
font-weight: normal;
Code : Tout sélectionner
.quote-icon:hover:before,
.edit-icon:hover:before,
.warn-icon:hover:before,
.delete-icon:hover:before,
.report-icon:hover:before,
.info-icon:hover:before,
.button.responsive-menu-link:hover:before {
color: #19E3B1;
}
Code : Tout sélectionner
.imageset.icon_topic_newest:before {
font-family: FontAwesome;
content:"\f15b";
font-size: 10px;
color: #19E3B1;
}
"N'est stupide que la stupidité Monsieur..." - Forest Gump
... sauf si tu lis pas ça
Si tu as tout ce qu'il te faut, merci de penser à basculer ton sujet en [RESOLU] en éditant ton tout premier post
... sauf si tu lis pas ça
Si tu as tout ce qu'il te faut, merci de penser à basculer ton sujet en [RESOLU] en éditant ton tout premier post
Re: Un Thème pour le forum
tu n'as pas chaumé dit doncIwa a écrit :Une proposition basée sur le look unity niveau couleur : c'est mi sombre/mi clair. C'est cadeau... j'avais pas que ça à foutre mais moi et les priorités... . Hope you like it . Faudrait juste réajuster les icones mais si je peux avoir le pack complet, plutôt que les chercher à la main
Bon, j'ai appliqué tes propositions de modif, ce qui donne ceci en test:
Pas d'aide par MP, le forum est là pour ça.
En cas de doute sur les bonnes pratiques à adopter sur le forum, consulter la Charte et sa FAQ