projects
/
euphorik.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
FIX optimisation de certaine requête : il faut trier après pas avant, banane !
[euphorik.git]
/
css
/
2
/
euphorik.css
diff --git
a/css/2/euphorik.css
b/css/2/euphorik.css
index
a0d3743
..
ca5992e
100755
(executable)
--- a/
css/2/euphorik.css
+++ b/
css/2/euphorik.css
@@
-1,113
+1,145
@@
-@import url(../common.css);
\r
-@import url(pageMinichat.css);
\r
-@import url(pageProfileRegister.css);
\r
+/* coding: utf-8 */
+
\r
+@import url(pageMinichat.css);
+@import url(pageAdmin.css);
\r
+@import url(pageProfileRegister.css);
+@import url(pageAbout.css);
\r
* {
\r
\r
* {
\r
- padding: 0;
\r
- margin: 0;
\r
+ padding: 0
px
;
\r
+ margin: 0
px
;
\r
}
\r
\r
body {
\r
font-family: sans-serif;
\r
}
\r
\r
body {
\r
font-family: sans-serif;
\r
- font-size: 10pt;
- color: #4b4b4b;
\r
- text-align: center; /* uniquement pour IE */
\r
- background-color: #e5e1ff;
- background-image: url(../../img/css2/fond.png);
- background-repeat: repeat-x;
\r
+ font-size: 12px;
+ color: #EEEEEE;
\r
+ background-color: #DFDFDF;
\r
+ background-image: url(../../img/css2/fond.png)
\r
}
\r
\r
}
\r
\r
-#container {
- position: relative;
\r
- width: 700px;
\r
+#container {
\r
height: auto;
\r
height: auto;
\r
- margin-left: auto;
\r
- margin-right: auto;
\r
- margin-top: 20px;
\r
-}
-
-#menu {
- position: absolute;
- z-index: 10;
- font-size: 8pt;
- left: 350px;
- text-align: left;
+ margin-left: 10px;
\r
+ margin-right: 10px;
\r
+ margin-top: 40px;
\r
}
}
-#menu div {
- cursor: pointer;
- display: inline;
+/***** 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;
padding: 2px;
margin-left: 2px;
- background-color: #
00eaa0
;
+ background-color: #
4f5519
;
}
}
-
-#menu div.courante {
- background-color: #00ea48;
+#menu li.courante {
+ background-color: #818c27;
}
}
-#menu div:hover,
-#menuCss div:hover
-{
- background-color: #00ea48
+#menu li:hover {
+ background-color: #818c27
}
}
+/***** Le menu pour le choix de la CSS *****/
#menuCss {
position: absolute;
#menuCss {
position: absolute;
- left: 600px;
- top: -5px;
z-index: 10;
z-index: 10;
+ left: 600px;
+ top:40px;
+ font-size: 9px;
}
}
-#menuCss div {
- cursor: pointer;
- display: inline;
- font-size: 8pt;
- margin-left: 4px;
- margin-right: 4px;
-}
-
+/***** Le style du contenu des pages *****/
#page {
#page {
- position: relative;
- padding: 20px 0px 15px 0px;
- font-size: 8pt;
- background-color: #eff4f8;
+ 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;
#logo {
z-index: 10;
- background-image: url(../../img/css2/logo.png);
+ background-image: url(../../img/css2/logo
_2
.png);
width: 253px;
height: 37px;
position: absolute;
width: 253px;
height: 37px;
position: absolute;
- top:
5
px;
- left:
5
px;
+ top:
20
px;
+ left:
4
px;
}
\r
}
\r
+/***** Le pied de page *****/
#footer {
text-align: right;
#footer {
text-align: right;
+ font-size: 9px
+}
+#footer a img{
+ border-style: none;
+ vertical-align: middle;
+ margin-right: 5px;
+}
+#footer span{
+ margin-right: 10px;
}
\r
}
\r
-#footer a img{
\r
- border-style: none;
\r
-}
\r
-
\r
-div#info {
\r
+
+/***** La boite d'information (s'apparente à une MessageBox) *****/
\r
+div#info {
+ text-align: center;
\r
width:100%;
\r
position: fixed;
\r
left: 0px;
\r
top: 0px;
\r
width:100%;
\r
position: fixed;
\r
left: 0px;
\r
top: 0px;
\r
- background-color: #
FFFFFF
;
+ background-color: #
000000
;
border-bottom: 1px solid #aeaeae;
\r
z-index: 20;
\r
}
border-bottom: 1px solid #aeaeae;
\r
z-index: 20;
\r
}
-
-div#info .fermer {
+div#info div.fermer {
float:right;
cursor: pointer;
height:16px;
width: 16px;
background-image: url(../../img/fermer.gif)
}
float:right;
cursor: pointer;
height:16px;
width: 16px;
background-image: url(../../img/fermer.gif)
}
-
div#info #icone {
float:left;
height:16px;
div#info #icone {
float:left;
height:16px;
@@
-122,59
+154,74
@@
div#info #icone.information {
div#info #icone.exclamation {
background-image: url(../../img/exclamation.gif)
}
div#info #icone.exclamation {
background-image: url(../../img/exclamation.gif)
}
-
div#info .boutons {
padding: 1px;
}
div#info .boutons {
padding: 1px;
}
-
div#info .boutons div {
cursor: pointer;
div#info .boutons div {
cursor: pointer;
- background-color: #
ff707
0;
+ background-color: #
77000
0;
display: inline;
padding: 0px 5px 0px 5px;
margin: 0px 5px 0px 5px;
}
div#info .boutons div:hover {
display: inline;
padding: 0px 5px 0px 5px;
margin: 0px 5px 0px 5px;
}
div#info .boutons div:hover {
- background-color: #
ffaeae
;
+ background-color: #
bc0000
;
}
}
-
\r
+
+/***** Les infos bulles *****/
+#flecheBulle {
+ position: absolute;
+ z-index: 50;
+ width: 15px;
+ height: 8px;
+ background-image: url(../../img/css2/fleche_bulle.png);
+ display: none
+}
+#messageBulle {
+ position: absolute;
+ z-index: 50;
+ color: #ffffff;
+ background-color: #164200;
+ display: none;
+ font-size: 10px;
+}
+#messageBulle p {
+ padding: 3px 6px;
+}
+
+/***** Le faux captcha *****/
\r
.captcha {
\r
display:none
\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;
-}*/
+/***** Les formulaires *****/
form input,
form input,
+form button,
+form select {
+ background-color: #164200;
+ border: #2d8800 1px solid;
+ color: #EEEEEE;
+}
+form input,
+form select {
+ font-size: 12px;
+}
form button {
form button {
- background-color: #FFFFFF;
- border: #00eaa0 1px solid;
- color: #4b4b4b;
- font-size: 9pt;
+ font-size: 11px;
}
}
-
\r
-a {
\r
- text-decoration: none;
\r
-}
\r
-a:link {
\r
- color: #4332c1;
\r
-}
\r
-a:visited {
\r
- color: #4332c1;
\r
+
+/***** Les liens *****/
\r
+.lien, a {
\r
+ text-decoration: none;
+ color: #7664ff;
\r
+}
+.lien {
+ cursor: pointer;
}
\r
}
\r
-a:
hover
{
\r
-
color: #ffad0
f;
\r
+a:
link, a:visited
{
\r
+
color: #7664f
f;
\r
}
\r
}
\r
-a:active {
\r
+
.lien:hover, .lien:active, a:hover,
a:active {
\r
color: #ffad0f;
\r
}
\r
\r
color: #ffad0f;
\r
}
\r
\r