-@import url(../common.css);\r
+/* coding: utf-8 */
+
@import url(pageMinichat.css);
-@import url(pageAdmin.css);\r
+@import url(pageAdmin.css);
@import url(pageProfileRegister.css);
@import url(pageAbout.css);
-\r
-\r
-* {\r
- padding: 0px;\r
- margin: 0px;\r
-}\r
-\r
-body {\r
- font-family: sans-serif;\r
- font-size: 12px;
- color: #841919;
- background-color: #f6dfc2\r
-}\r
-\r
+
+* {
+ padding: 0px;
+ margin: 0px;
+}
+
+body {
+ font-family: sans-serif;
+ font-size: 12px;
+ color: #841919;
+ background-color: #f6dfc2;
+}
+
#container {
- position: relative;\r
- height: auto;\r
- margin: 0px;\r
+ height: auto;
+ margin: 0px;
}
+/***** Menu *****/
ul#menu {
- /*
- left: 300px;
- top: 2px;*/
background-image: url(../../img/css1/logo_fond.png);
- /*position: absolute;*/
height:129px;
width: 100%;
font-size: 11px;
list-style-type:none;
- /*background-color: #e19671;*/
}
#menu li:first-child {
margin-left: 340px;
}
#menu li {
margin-top: 47px;
- padding-top: 5px;
font-size: 14px;
text-align: center;
cursor: pointer;
- height:25px;
+ height:30px;
z-index: 20;
float: left;
min-width: 60px;
background-color: #f6dfc2;
+ line-height: 32px;
}
#menu li.courante {
background-color: #ffffff;
background-color: #ffffff;
}
+/***** Le menu pour le choix de la CSS *****/
#menuCss {
position: absolute;
z-index: 10;
- left: 600px;
+ left: 550px;
top:0px;
font-size: 9px;
}
+/***** Le style du contenu des pages *****/
#page {
- position: relative;
- font-size: 12px;
- background-color: #000000;
- padding: 10px 10px 15px 10px;
+ font-size: 12px;
+ background-color: #f6dfc2;
+ padding: 10px 10px 15px 10px;
}
-
#page > h1 {
- margin-top: 10px;
- margin-left: 0px;
- font-size: 18px;
- color : #a6b80e
+ margin-top: 10px;
+ margin-left: 0px;
+ font-size: 18px;
}
-
#page > h2 {
- margin-top: 10px;
- margin-left: 10px;
- font-size: 16px;
- color : #899714;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 16px;
}
-
#page > h3 {
- margin-top: 10px;
- margin-left: 20px;
- font-size: 14px;
- color : #79841a;
- background-color : #1e2201
+ margin-top: 10px;
+ margin-left: 20px;
+ font-size: 14px;
+ background-color : #FFFFFF
}
-
#page > h4 {
- margin-top: 10px;
- margin-left: 25px;
- font-size: 12px;
- color : #646d1d
+ margin-top: 10px;
+ margin-left: 25px;
+ font-size: 12px;
}
-
#page > p {
- margin-top: 3px;
- margin-left: 35px;
- color : #e9e9e9
+ margin-top: 3px;
+ margin-left: 35px;
}
-
#page > ul {
- margin-top: 3px;
- margin-left: 45px;
- color: #e9e9e9
+ margin-top: 3px;
+ margin-left: 45px;
}
-
#logo {
- z-index: 10;
- background-image: url(../../img/css1/logo.png);
+ z-index: 10;
+ background-image: url(../../img/css1/logo.png);
background-repeat: no-repeat;
- width: 304px;
- height: 129px;
- position: absolute;
-}\r
+ width: 304px;
+ height: 129px;
+ position: absolute;
+}
+#logo.ekMaster {
+ background-image: url(../../img/css1/logo_ek_master.png);
+}
+/***** Le pied de page *****/
#footer {
+ background-color: #e19671;
text-align: right;
-}\r
-#footer a img{\r
- border-style: none;\r
-}\r
-\r
+ font-size: 9px;
+ padding: 2px
+}
+#footer a img{
+ border-style: none;
+ vertical-align: middle;
+ margin-right: 5px;
+}
+#footer span{
+ margin-right: 10px;
+}
+
+/***** La boite d'information (s'apparente à une MessageBox) *****/
div#info {
- text-align: center;\r
- width:100%;\r
- position: fixed;\r
- left: 0px;\r
- top: 0px;\r
+ text-align: center;
+ width:100%;
+ position: fixed;
+ left: 0px;
+ top: 0px;
background-color: #841919;
- border-bottom: 1px solid #FFFFFF;\r
+ border-bottom: 1px solid #FFFFFF;
z-index: 20;
- color: #f0df95\r
+ color: #f0df95
}
-
div#info div.fermer {
float:right;
cursor: pointer;
width: 16px;
background-image: url(../../img/fermer.gif)
}
-
div#info #icone {
float:left;
height:16px;
}
div#info #icone.exclamation {
background-image: url(../../img/exclamation.gif)
-}
-
+}
div#info .boutons {
padding: 1px;
}
-
div#info .boutons div {
cursor: pointer;
background-color: #c62929;
div#info .boutons div:hover {
background-color: #e84747;
}
-\r
-.captcha {\r
- display:none\r
+
+/***** Les infos bulles *****/
+#flecheBulle {
+ position: absolute;
+ z-index: 50;
+ display: none
+}
+.flecheBulleHaut {
+ background-image: url(../../img/css1/fleche_bulle_haut.png);
+ width: 15px;
+ height: 8px;
+}
+.flecheBulleDroite {
+ background-image: url(../../img/css1/fleche_bulle_droite.png);
+ width: 8px;
+ height: 15px;
+}
+.flecheBulleBas {
+ background-image: url(../../img/css1/fleche_bulle_bas.png);
+ width: 15px;
+ height: 8px;
+}
+.flecheBulleGauche {
+ background-image: url(../../img/css1/fleche_bulle_gauche.png);
+ width: 8px;
+ height: 15px;
+}
+#messageBulle {
+ position: absolute;
+ z-index: 50;
+ color: #ffffff;
+ background-color: #841919;
+ display: none;
+ font-size: 10px;
+}
+#messageBulle p {
+ padding: 3px 6px;
+}
+
+/***** Le faux captcha *****/
+.captcha {
+ display:none;
}
+/***** Les formulaires *****/
form input,
form button,
form select {
background-color: #f0df95;
border: #841919 1px solid;
}
-
+form input:hover, form input:focus,
+form button:hover, form button:focus,
+form select:hover, form select:focus {
+ background-color: #ffffff;
+}
form input,
form select {
font-size: 12px;
}
-
form button {
font-size: 11px;
}
-\r
-a {\r
- text-decoration: none;\r
-}\r
-a:link {\r
- color: #c62929;\r
-}\r
-a:visited {\r
- color: #e84747;\r
-}\r
-a:hover {\r
- color: #e84747;\r
-}\r
-a:active {\r
- color: #e84747;\r
-}\r
-\r
+form input[readonly] {
+ background-color: #d0c9aa
+}
+
+/***** Les liens *****/
+.lien, a {
+ text-decoration: underline;
+ color: #c62929;
+}
+.lien {
+ cursor: pointer
+}
+a:link, a:visited {
+ color: #c62929;
+}
+.lien:hover, .lien:active, a:hover, a:active {
+ color: #e84747;
+}
projects / euphorik.git / blobdiff