MOD restructuration des styles (pas fini)

[euphorik.git] / styles / 3 / euphorik.css

diff --git a/styles/3/euphorik.css b/styles/3/euphorik.css
new file mode 100755 (executable)
index 0000000..9a45b6e
--- /dev/null
+++ b/styles/3/euphorik.css
@@ -0,0 +1,171 @@
+\r
+@import url(pageMinichat.css);\r
+@import url(pageProfileRegister.css);\r
+\r
+* {\r
+       padding: 0;\r
+       margin: 0;\r
+}\r
+\r
+body {\r
+   font-family: sans-serif;\r
+   font-size: 10pt;
+   color: #000000;\r
+   text-align: center; /* uniquement pour IE */\r
+   background-color: #837fb7;\r
+}\r
+\r
+#container {
+   position: relative;
+   background-image: url(../../img/css3/logo.png);
+   background-repeat: repeat-x;
+   background-color: #b1b0d4;\r
+   width: 626px;\r
+   height: auto;\r
+   margin-left: auto;\r
+   margin-right: auto;\r
+}
+
+#menu {
+       z-index: 10;
+       left: 503px;
+       top: 5px;
+       position: absolute;
+       font-size: 7pt;
+       text-align: left;
+}
+
+#menu div {    
+       cursor: pointer;
+}
+#menu div.courante {   
+       background-color: #e6e770
+}
+#menu div:hover,
+#menuCss div:hover {   
+       background-color: #e6e770
+}
+
+#menuCss {
+       text-align: right;
+       z-index: 10;
+       position: absolute;
+       left: 570px;
+       top: 5px;
+}
+
+#menuCss div {
+       cursor: pointer;        
+       font-size: 6pt;
+}
+
+#page {
+   position: relative;
+   padding: 130px 0px 3px 0px;
+   font-size: 8pt;
+}
+
+#logo { display: none; }\r
+
+#footer {
+       padding-top: 5px;
+       text-align: center;
+       width: 625px;
+       height: 27px;
+       background-image: url(../../img/css3/piedpage.png);
+       background-repeat: no-repeat;
+}\r
+#footer a img{\r
+       border-style: none;\r
+}\r
+\r
+#info {\r
+       width:100%;\r
+       position: fixed;\r
+       left: 0px;\r
+       top: 0px;\r
+       background-color: #d5d3ef;
+       border-bottom: 1px solid #837fb7;\r
+       z-index: 20;\r
+}
+
+#info .fermer {
+       float:right;
+       cursor: pointer;
+       height:16px;
+       width: 16px;
+       background-image: url(../../img/fermer.gif)
+}
+
+#info #icone {
+       float:left;     
+       height:16px;
+       width: 16px;
+}
+#info #icone.interrogation {
+       background-image: url(../../img/interrogation.gif)
+}
+#info #icone.information {
+       background-image: url(../../img/information.gif)
+}
+#info #icone.exclamation {
+       background-image: url(../../img/exclamation.gif)
+}
+       
+#info .boutons {
+       padding: 1px;
+       margin-bottom: 2px;
+}
+
+#info .boutons div {
+       cursor: pointer;
+       background-color: #b1b0d4;      
+       display: inline;
+       padding: 0px 5px 0px 5px;
+       margin: 0px 5px 0px 5px;
+       border: 1px solid #837fb7;
+}
+#info .boutons div:hover {
+       background-color: #d5d3ef;      
+}
+\r
+.captcha {\r
+       display:none\r
+}\r
+\r
+/* Obsolète
+#captcha {
+       margin-bottom: 5px;
+}
+#captcha input {
+       margin-left: 5px;
+}
+#captcha .captchaImg {
+       background-color: #FFFFFF;
+       vertical-align: bottom;
+}*/
+
+form input,
+form button {
+       background-color: #d5d3ef; 
+       border: #837fb7 1px solid;
+       color: #000000;
+       font-size: 9pt;
+}
+\r
+a {
+       text-decoration: underline;\r
+}\r
+a:link {\r
+       color: #1f15e8;\r
+}\r
+a:visited {\r
+   color: #1f15e8;\r
+}\r
+a:hover {\r
+   color: #645fd4;\r
+}\r
+a:active {\r
+   color: #645fd4;\r
+}\r
+\r