MOD restructuration des styles (pas fini)

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

diff --git a/styles/2/euphorik.css b/styles/2/euphorik.css
new file mode 100755 (executable)
index 0000000..66029b5
--- /dev/null
+++ b/styles/2/euphorik.css
@@ -0,0 +1,247 @@
+/* coding: utf-8 */
+
+@import url(pageMinichat.css);
+@import url(pageAdmin.css);
+@import url(pageProfileRegister.css);
+@import url(pageAbout.css);
+
+* {
+       padding: 0px;
+       margin: 0px;
+}
+
+body {
+   font-family: monospace;
+   font-size: 12px;
+   color: #EEEEEE;
+   background-color: #DFDFDF;
+   background-image: url(img/fond.png)
+}
+
+#container {
+   height: auto;
+   margin-left: 10px;
+   margin-right: 10px;
+   margin-top: 40px;
+}
+
+/***** Menu *****/
+ul#menu {
+       padding-left: 300px;
+       height: 23px;
+       font-size: 11px;
+       background-color: #000000;
+       list-style-type:none;
+}
+#menu li {
+       cursor: pointer;        
+       z-index: 20;
+       float: left;
+       padding: 2px;
+       margin-left: 2px;
+       background-color: #4f5519;
+}
+#menu li.courante {    
+       background-color: #818c27;
+}
+#menu li:hover {       
+       background-color: #818c27
+}
+
+/***** Le menu pour le choix de la CSS *****/
+#menuCss {
+       position: absolute;
+       z-index: 10;
+       left: 600px;    
+       top:40px;
+       font-size: 9px;
+}
+
+/***** Le style du contenu des pages *****/
+#page {
+   font-size: 12px;
+   background-color: #000000;
+   padding: 10px 10px 15px 10px;
+}
+#page > h1 {
+   margin-top: 10px;
+   margin-left: 0px;
+   font-size: 18px;
+   color : #a6b80e
+}
+#page > h2 {
+   margin-top: 10px;
+   margin-left: 10px;
+   font-size: 16px;
+   color : #899714;
+}
+#page > h3 {
+   margin-top: 10px;
+   margin-left: 20px;
+   font-size: 14px;
+   color : #79841a;
+   background-color : #1e2201
+}
+#page > h4 {
+   margin-top: 10px;
+   margin-left: 25px;
+   font-size: 12px;
+   color : #646d1d
+}
+#page > p {
+   margin-top: 3px;
+   margin-left: 35px;
+   color : #e9e9e9
+}
+#page > ul {
+   margin-top: 3px;
+   margin-left: 45px;
+   color: #e9e9e9
+}
+#logo {
+   z-index: 10;
+   background-image: url(img/logo_2.png);
+   width: 253px;
+   height: 37px;
+   position: absolute;
+   top: 20px;
+   left: 4px;
+}
+
+/***** Le pied de page *****/
+#footer {
+       text-align: right;
+       font-size: 9px
+}
+#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;
+       width:100%;
+       position: fixed;
+       left: 0px;
+       top: 0px;
+       background-color: #000000;
+       border-bottom: 1px solid #aeaeae;
+       z-index: 20;
+}
+div#info div.fermer {
+       float:right;
+       cursor: pointer;
+       height:16px;
+       width: 16px;
+       background-image: url(../../img/fermer.gif)
+}
+div#info #icone {
+       float:left;     
+       height:16px;
+       width: 16px;
+}
+div#info #icone.interrogation {
+       background-image: url(../../img/interrogation.gif)
+}
+div#info #icone.information {
+       background-image: url(../../img/information.gif)
+}
+div#info #icone.exclamation {
+       background-image: url(../../img/exclamation.gif)
+}
+div#info .boutons {
+       padding: 1px;
+}
+div#info .boutons div {
+       cursor: pointer;
+       background-color: #770000;      
+       display: inline;
+       padding: 0px 5px 0px 5px;
+       margin: 0px 5px 0px 5px;
+}
+div#info .boutons div:hover {
+       background-color: #bc0000;      
+}
+
+/***** Les infos bulles *****/
+#flecheBulle {
+       position: absolute;
+       z-index: 50;
+       display: none
+}
+.flecheBulleHaut {
+       background-image: url(img/fleche_bulle_haut.png);
+       width: 15px;
+       height: 8px;
+}
+.flecheBulleDroite {
+       background-image: url(img/fleche_bulle_droite.png);
+       width: 8px;
+       height: 15px;
+}
+.flecheBulleBas {
+       background-image: url(img/fleche_bulle_bas.png);
+       width: 15px;
+       height: 8px;
+}
+.flecheBulleGauche {
+       background-image: url(img/fleche_bulle_gauche.png);
+       width: 8px;
+       height: 15px;
+}
+#messageBulle {
+       position: absolute;
+       z-index: 50;
+       color: #ffffff;
+       background-color: #164200;
+       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: #164200; 
+       border: #2d8800 1px solid;
+       color: #EEEEEE;
+}
+form input,
+form select {
+       font-size: 12px;
+}
+form button {
+       font-size: 11px;
+}
+form input[readonly] {
+       background-color: #484e46
+}
+
+/***** Les liens *****/
+.lien, a {
+   text-decoration: none;
+       color: #7664ff;
+}
+.lien {
+       cursor: pointer;
+}
+a:link, a:visited {
+       color: #7664ff;
+}
+.lien:hover, .lien:active, a:hover, a:active {
+   color: #ffad0f;
+}
+