X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=styles%2F1%2Feuphorik.css;fp=styles%2F1%2Feuphorik.css;h=0383346aaa95bb473e95e3ece025348a21cf9348;hp=0000000000000000000000000000000000000000;hb=f39b28682e1e41cd487a2268320552b687640adf;hpb=384d85d53813f191ec34860ec9c69efad8e5366e

diff --git a/styles/1/euphorik.css b/styles/1/euphorik.css
new file mode 100755
index 0000000..0383346
--- /dev/null
+++ b/styles/1/euphorik.css
@@ -0,0 +1,256 @@
+/* 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: sans-serif;
+	font-size: 12px;
+	color: #841919;
+	background-color: #f6dfc2;
+}
+
+#container {
+	height: auto;
+	margin: 0px;
+}
+
+/***** Menu *****/
+ul#menu {
+	background-image: url(img/logo_fond.png);
+	height:129px;
+	width: 100%;
+	font-size: 11px;
+	list-style-type:none;
+}
+#menu li:first-child {
+	margin-left: 340px;
+}
+#menu li {
+	margin-top: 47px;
+	font-size: 14px;
+	text-align: center;
+	cursor: pointer;	
+	height:30px;
+	z-index: 20;
+	float: left;
+	min-width: 60px;
+	background-color: #f6dfc2;
+	line-height: 32px;
+}
+#menu li.courante {	
+	background-color: #ffffff;
+	background-image: url(img/triangle.png);
+	background-repeat: no-repeat;
+	background-position: center bottom
+}
+#menu li:hover {	
+	background-color: #ffffff;
+}
+
+/***** Le menu pour le choix de la CSS *****/
+#menuCss {
+	position: absolute;
+	z-index: 10;
+	left: 550px;	
+	top:0px;
+	font-size: 9px;
+}
+
+/***** Le style du contenu des pages *****/
+#page {
+	font-size: 12px;
+	background-color: #f6dfc2;
+	padding: 10px 10px 15px 10px;
+}
+#page > h1 {
+	margin-top: 10px;
+	margin-left: 0px;
+	font-size: 18px;
+}
+#page > h2 {
+	margin-top: 10px;
+	margin-left: 10px;
+	font-size: 16px;
+}
+#page > h3 {
+	margin-top: 10px;
+	margin-left: 20px;
+	font-size: 14px;
+	background-color : #FFFFFF
+}
+#page > h4 {
+	margin-top: 10px;
+	margin-left: 25px;
+	font-size: 12px;
+}
+#page > p {
+	margin-top: 3px;
+	margin-left: 35px;
+}
+#page > ul {
+	margin-top: 3px;
+	margin-left: 45px;
+}
+#logo {
+	z-index: 10;
+	background-image: url(img/logo.png);
+	background-repeat: no-repeat;
+	width: 304px;
+	height: 129px;
+	position: absolute;
+}
+#logo.ekMaster {
+	background-image: url(img/logo_ek_master.png);
+}
+
+/***** Le pied de page *****/
+#footer {
+	background-color: #e19671;
+	text-align: right;
+	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;
+	width:100%;
+	position: fixed;
+	left: 0px;
+	top: 0px;
+	background-color: #841919;
+	border-bottom: 1px solid #FFFFFF;
+	z-index: 20;
+	color: #f0df95
+}
+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: #c62929;	
+	display: inline;
+	padding: 0px 5px 0px 5px;
+	margin: 0px 5px 0px 5px;
+}
+div#info .boutons div:hover {
+	background-color: #e84747;	
+}
+
+/***** 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: #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;
+}
+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;
+}