@charset "UTF-8";
/* COLORS ---------------------------------------------------------------------------*/

/* STANDARD */
@import url("standard.css");
@import url("standard-shades.css");
@import url("standard-shades-plus.css");
@import url("standard-transparent.css");

/* YOUR COLORS */
@import url("your-colors.css");

/* OTHERS */
@import url("notify.css");
@import url("social-network.css");

/*-------------------------------------------------------------------------------------


	1.	 STANDARD
		 --------
		 [.fc][.bk][*tr]
		
		 A.	DEFAULT			@import url("standard.css");				22 COLORS
		 B. SHADES			@import url("standard-shades.css");			+4 SHADES
		 C.	SHADES-PLUS		@import url("standard-shades-plus.css");	+8 SHADES
		 D.	TRANSPARENT		@import url("standard-transparent.css");	+  TRANSPARENT
	
	
	2.	 YOUR COLORS
		 -----------
		 [.mfc][.mbk][*tr]
		
		 @import url("your-colors.css");				x COLORS + 12 SHADES + TRANSPARENT
	
	
	3.	 TREND 2017
		 ----------
		 [.ct][.bt][*tr]
		
		 @import url("trend-2017.css");				10 COLORS + 12 SHADES + TRANSPARENT
	
	
	4.	 NOTIFY
		 ------
		 [.notify-][.bloc-]
		
		 @import url("notify.css");					8 COLORS
	
	
	5.	 SOCIAL NETWORK
		 --------------
		 [.ic-][.ib-]
		
		 @import url("social-network.css");			31^ COLORS + 4 SHADES
		 More > social-network.css
	
	
---------------------------------------------------------------------------------------


	1A.	 STANDARD DEFAULT
		 ----------------
		
			       ID : 1 > 22
		
			     Font : .fc +[ID]
		   Background : .bk +[ID]
		   
		   		   ex.: .fc8   >  .fc[ID=8]
				   		.bk14  >  .bk[ID=14]
						
	
	
	1B.  STANDARD SHADES
		 ---------------
		
		           ID : 1 > 22
		        SHADE : 10, 20, 30, 40
				        Dark <-> Light
		
			     Font : .fc +[ID] +[SHADE]
		   Background : .bk +[ID] +[SHADE]
		   
		   		   ex.: .fc410  >  .fc[ID=4][SHADE=10]
				   		.bk220  >  .bk[ID=2][SHADE=20]
	
	
	
	1C.	 STANDARD SHADES-PLUS
		 -----------------------------
		
		           ID : 2(*) > 22
		        SHADE : b1, b2, b3, 05, 15, 25, 35, 45
				        Dark <---------------------------------> Light
		
			     Font : .fc +[ID] +[SHADE]
		   Background : .bk +[ID] +[SHADE]
		   
		   		   ex.: .fc525  >  .fc[ID=5][SHADE=25]
				   		.bk3b1  >  .bk[ID=3][SHADE=b1]
		
	1BC. SHADES + SHADES-PLUS
		 --------------------
		
				   ID : 1(*) > 22
		        SHADE : b1, b2, b3, 05, 10, 15, 20, 25, 30, 35, 40, 45
				        Dark <---------------------------------> Light
	
	
		(*) Not SHADES-PLUS from ID 1	
		
	
	
	1D.	STANDARD TRANSPARENT
		--------------------
		
				   ID : 1 > 22
		+ TRANSPARENT : 1 > 9
		
		
		|  1  |  2  |  3  |  4  |  5  |  6  |  7  |  8  |  9  |
		-------------------------------------------------------
		| 15% | 30% | 38% | 57% | 71% | 86% | 92% | 96% | 98% |
		
		
			  Font : .fc +[ID] +tr +[TRANSPARENT] 
		Background : .bk +[ID] +tr +[TRANSPARENT]
				
				ex.: .fc1tr4  >  .fc[ID=1]tr[TRANSPARENT=4]
					 .bk4tr4  >  .fc[ID=4]tr[TRANSPARENT=4]
	
	
	
	2.	YOUR COLORS
		-----------
		
				ID : 1 > X
			 SHADE : b1, b2, b3, 05, 10, 15, 20, 25, 30, 35, 40, 45
					 Dark <---------------------------------> Light
		
			  Font : .mfc +[ID]
			  		 .mfc +[ID] +[SHADE]
		Background : .mbk +[ID]
					 .mbk +[ID] +[SHADE]
					 
				ex.: .mfc2    >  .mfc[ID=2]
					 .mbk130  >  .mbk[ID=1][SHADE=30]
		
		+ TRANSPARENT : 1 > 9
		
		|  1  |  2  |  3  |  4  |  5  |  6  |  7  |  8  |  9  |
		-------------------------------------------------------
		| 15% | 30% | 38% | 57% | 71% | 86% | 92% | 96% | 98% |
		
			  Font : .mfc +[ID] +tr +[TRANSPARENT]
		Background : .mbk +[ID] +tr +[TRANSPARENT]
		
				ex.: .mfc3tr7  >  .mfc[ID=3]tr[TRANSPARENT=7]
					 .mbk9tr2  >  .mbk[ID=9]tr[TRANSPARENT=2]
	
	
	
	3.	NOTIFY
		------
				ID : 1 > 8
			  NAME : 1) note
					 2) info
					 3) notify
					 4) important
					 5) error
					 6) postit
					 7) validate
					 8) alert
		
			  Font : .notify- +[ID]
				     .notify- +[NAME]
		Background : .bloc- +[ID]
				     .bloc- +[NAME]
					 
				ex.: .bloc-8      >  .bloc-[ID=8]
					 .bloc-alert  >  .bloc-[NAME=alert]
					 
					 (.bloc-8  ==  .bloc-alert)
	
	
	
	4.	SOCIAL NETWORK
		--------------
				ID : 1 > 31^
			  NAME : 1) share
					 2) facebook
					 3) twitter
					 4) googleplus
					 5) youtube
					 ...
		
			  Font : .ic- +[ID]
				     .ic- +[NAME]
		Background : .ib- +[ID]
				     .ib- +[NAME]
					 
			  More > social-network.css
			  

-------------------------------------------------------------------------------------*/