Projet

Général

Profil

Révision 0bd646e4

Ajouté par Victor PONGNIAN il y a plus de 10 ans

remise en forme du travail de Victor Pongnian suit à son stage
Il reste pas mal de cosmétique à revoir mais le système devrait déjà être utilisable dans l'état.

Voir les différences:

css/index_style.css
1 
	body
2 
	{
3
4 
		background:#44F;
5 
		font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
6 
		font-size:small;
7 
		margin:8px 0 16px;
8 
		text-align:center;
9 
		overflow:auto;
10
11 
	}
12
13 
	#top
14 
	{
15 
		display:block;
16 
		height:10px;
17 
		margin:10px auto 0;
18 
		width:650px;
19 
	}
20
21 
	div#index_container
22 
	{
23 
		background:#fff;
24
25 
		margin: auto;
26 
		text-align:left;
27 
		width:640px;
28 
	}
29
30 
	div#index_container h2 {
31 
		margin:1.05em;
32 
		text-shadow: 0.1em 0.1em 0.15em #44F;
33 
	}
34 
	#bottom
35 
	{
36 
		display:block;
37 
		height:10px;
38 
		margin:0 auto;
39 
		width:650px;
40 
	}
41
42 
	h1
43 
	{
44 
		background-color:#6699CC;
45 
		margin:0;
46 
		min-height:0;
47 
		padding:0;
48 
		text-decoration:none;
49 
		text-align: center;
50
51 
	}
52
53 
	h1 a
54 
	{
55
56 
		display:block;
57 
		height:100%;
58 
		min-height:40px;
59
60 
	}
61
62 
	h1 img
63 
	{
64 
		margin-top: 8px;
65 
	}
66
67 
	img
68 
	{
69 
		/*behavior:url(css/iepngfix.htc);*/
70 
		border:none;
71 
	}
72
73 
	div#containerList
74 
	{
75 
		margin:20px 20px 0;
76 
		padding:0 0 20px;
77 
	}
78
79 
	#containerList
80 
	{
81 
		font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
82
83 
	}
84
85 
	#containerList li
86 
	{
87 
		width:100%;
88 
		margin:1.05em;
89 
		font-size:14px;
90
91 
	}
92
93 
	div#containerList ul
94 
	{
95 
		font-size:100%;
96 
		list-style-type:circle;
97 
		margin:0;
98 
		padding:0;
99 
		width:100%;
100 
	}
101
102 
	div#interaction {
103 
		background-color:#fff;
104 
		margin: auto;
105 
		width:640px;
106 
		border-top: 2px dotted #44F;
107 
	}
108
109 
	div#interaction li{
110
111 
		display:inline-block;
112 
		list-style-type:none;
113 
		margin:1.08em;
114
115 
	}
116
117 
	div#interaction li a{
118
119 
	    color:#3F2DFF;
120 
	    text-decoration:none;
121 
	    font-size:16px;
122 
    }
123
124 
	div#interaction li a:hover {
125 
		color:#FF9900;
126 
		text-decoration:underline;
127 
	}
128
129
130
131 
	p a {
132 
		background-color:#fff;
133 
		border-radius: 4px;
134 
		padding:3px;
135 
		text-shadow: 0.1em 0.05em 0.15em #444;
136 
		font-size:11px;
137 
	}
1 
* {
2 
    margin:0;
3 
    padding:0;
4 
    font-family:Arial, Verdana, sans-serif;
5 
}
6 

  		




  
  7
  
    
body {


  		




  
  8
  
    
    background-color:#44F;


  		




  
  9
  
    
    text-align:center;


  		




  
  10
  
    
    width:50rem;


  		




  
  11
  
    
    margin:auto;


  		




  
  12
  
    
}


  		




  
  13
  
    

  		




  
  14
  
    
header {


  		




  
  15
  
    
    margin:1rem 0;


  		




  
  16
  
    
    box-shadow:0 0 0.5rem 0 #000;


  		




  
  17
  
    
    background-color:#69C;


  		




  
  18
  
    
}


  		




  
  19
  
    

  		




  
  20
  
    
h1 {


  		




  
  21
  
    
    text-align:center;


  		




  
  22
  
    
    padding:0.2rem;


  		




  
  23
  
    
}


  		




  
  24
  
    

  		




  
  25
  
    
img {vertical-align:middle}


  		




  
  26
  
    

  		




  
  27
  
    
h2 {


  		




  
  28
  
    
    padding:0.5em 1em;


  		




  
  29
  
    
    text-shadow: 0.1em 0.1em 0.15em #44F; 


  		




  
  30
  
    
}


  		




  
  31
  
    

  		




  
  32
  
    
#main {


  		




  
  33
  
    
    box-shadow:0 0 0.5rem 0 #000;


  		




  
  34
  
    
    text-align:left;


  		




  
  35
  
    
    background-color:#FFF;


  		




  
  36
  
    
}


  		




  
  37
  
    

  		




  
  38
  
    
#main a {text-decoration:none}


  		




  
  39
  
    

  		




  
  40
  
    
#pano-list li samp:after {


  		




  
  41
  
    
    padding-left:1em;


  		




  
  42
  
    
    content:'fichier non configuré';


  		




  
  43
  
    
    font-weight:bold;


  		




  
  44
  
    
    color:#F00;


  		




  
  45
  
    
}


  		




  
  46
  
    
#pano-list li {


  		




  
  47
  
    
    list-style-type:circle;


  		




  
  48
  
    
    list-style-position:inside;


  		




  
  49
  
    
    border:dashed #777 0;


  		




  
  50
  
    
    border-top-width:0.1em;


  		




  
  51
  
    
    padding:0.3em 1em;


  		




  
  52
  
    
}


  		




  
  53
  
    

  		




  
  54
  
    
#pano-list li:nth-child(6n),


  		




  
  55
  
    
#pano-list li:nth-child(6n+1),


  		




  
  56
  
    
#pano-list li:nth-child(6n+2) {


  		




  
  57
  
    
    background-color:#FFE;


  		




  
  58
  
    
}


  		




  
  59
  
    

  		




  
  60
  
    
#pano-list li:nth-child(6n+3),


  		




  
  61
  
    
#pano-list li:nth-child(6n+4),


  		




  
  62
  
    
#pano-list li:nth-child(6n+5) {


  		




  
  63
  
    
    background-color:#FEF;


  		




  
  64
  
    
}


  		




  
  65
  
    

  		




  
  66
  
    
#interaction {


  		




  
  67
  
    
    text-align:center;


  		




  
  68
  
    
    border:solid #777 0;


  		




  
  69
  
    
    border-top-width:0.1em;


  		




  
  70
  
    
    padding:0.5em 0;


  		




  
  71
  
    
}


  		




  
  72
  
    

  		




  
  73
  
    
#interaction a {


  		




  
  74
  
    
    padding:1em;


  		




  
  75
  
    
}


  		




  
  76
  
    

  		




  
  77
  
    
#interaction a:hover {


  		




  
  78
  
    
    color:#F90;


  		




  
  79
  
    
    text-decoration:underline;


  		




  
  80
  
    
}


  		




  
  81
  
    

  		




  
  82
  
    
footer {


  		




  
  83
  
    
  margin:1rem 0


  		




  
  84
  
    
}


  		




  
  85
  
    

  		




  
  86
  
    
.validators a {


  		




  
  87
  
    
    background-color:#fff;


  		




  
  88
  
    
    border-radius: 0.4rem;


  		




  
  89
  
    
    padding:0.3ex;


  		




  
  90
  
    
    text-shadow: 0.1em 0.05em 0.15em #444; 


  		




  
  91
  
    
}


  		












Formats disponibles :  Unified diff