Un Thème pour le forum

Toute l'actualité liée à Unity.

Choix d'un thème

Le sondage a expiré le 20 Fév 2016 11:45

Metro
5
23%
BBoots
1
5%
Quarto
10
45%
WE_Universal
6
27%
 
Nombre total de votes : 22

Avatar de l’utilisateur
Iwa
Messages : 1131
Inscription : 25 Avr 2012 16:20
Contact :

Re: Un Thème pour le forum

Message par Iwa » 04 Mars 2016 11:06

Arg va falloir harmoniser ce thème tout de même parce que ce qui est proposé, ça à toujours une couleur agressive :P
"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 ;)

Avatar de l’utilisateur
Max
Messages : 8763
Inscription : 30 Juil 2011 13:57
Contact :

Re: Un Thème pour le forum

Message par Max » 04 Mars 2016 12:02

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 :P
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).
A la limite fait un screen du forum, et rempli avec des couleurs qui te semblerait moins 'agressives' ;)
Image
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

Avatar de l’utilisateur
Titan
Messages : 582
Inscription : 12 Sep 2011 13:54
Contact :

Re: Un Thème pour le forum

Message par Titan » 04 Mars 2016 12:14

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.
____________________________________________
Hop Boy

Avatar de l’utilisateur
Iwa
Messages : 1131
Inscription : 25 Avr 2012 16:20
Contact :

Re: Un Thème pour le forum

Message par Iwa » 04 Mars 2016 12:57

Max a écrit : A la limite fait un screen du forum, et rempli avec des couleurs qui te semblerait moins 'agressives' ;)
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 ^^.

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 ;)

Avatar de l’utilisateur
Max
Messages : 8763
Inscription : 30 Juil 2011 13:57
Contact :

Re: Un Thème pour le forum

Message par Max » 04 Mars 2016 14:02

Titan a écrit :Il y a trop d'espace entre les différentes section et les différents topics.
pas totalement faut. Je vais me pencher sur le truc, et voir se que cela donne visuellement.
Iwa a écrit :Est-ce qu'on reprend la charte du site officiel d'unity? Est-ce qu'on fait la notre?
Elle peut servir de base, rien n'impose de rester axer formellement dessus. (j'me mouille pas là hein, t'as vu)
Image
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

Avatar de l’utilisateur
F@B
Messages : 1844
Inscription : 01 Août 2013 10:41
Contact :

Re: Un Thème pour le forum

Message par F@B » 04 Mars 2016 14:26

Max,

Content.css ligne 30 :

Code : Tout sélectionner

ul.topiclist li.row dl {
    padding: 5px 0;
}
Change pour quelquechose comme ça
ʕ·͡ᴥ·ʔ ==> Mon Portfolio <== ʕ·͡ᴥ·ʔ

Merci de lire et de prendre en considération la Nétiquette des Forums avant de poster un sujet !

Avatar de l’utilisateur
Max
Messages : 8763
Inscription : 30 Juil 2011 13:57
Contact :

Re: Un Thème pour le forum

Message par Max » 04 Mars 2016 14:41

Merci, je vais voir ce que cela donne ;)
Image
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

Avatar de l’utilisateur
Max
Messages : 8763
Inscription : 30 Juil 2011 13:57
Contact :

Re: Un Thème pour le forum

Message par Max » 04 Mars 2016 14:56

F@B a écrit :Change pour quelquechose comme ça
c'était bien cela, dans Content.css. Merci Fab, cela m'a fait gagner tu temps ;)
Je vais voir si cela n'engendre pas d'autres soucis lié à la mise en page, et je transmet au rapidement patron :mrgreen:
Image
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

Avatar de l’utilisateur
Iwa
Messages : 1131
Inscription : 25 Avr 2012 16:20
Contact :

Re: Un Thème pour le forum

Message par Iwa » 04 Mars 2016 17:06

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)
Je vois que tu te mouilles pas en effet :P.

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... :D. 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;
Dans buttons.css (ligne 278)(remplacer):

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;
}	
Dans imageset.css (ligne 359)(remplacer)

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 ;)

Avatar de l’utilisateur
Max
Messages : 8763
Inscription : 30 Juil 2011 13:57
Contact :

Re: Un Thème pour le forum

Message par Max » 04 Mars 2016 18:07

Iwa 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... :D. 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 ;)
tu n'as pas chaumé dit donc :mrgreen:

Bon, j'ai appliqué tes propositions de modif, ce qui donne ceci en test:

Image
Image
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

Répondre

Revenir vers « News Unity 3D-France »