projects
/
euphorik.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
MOD amélioration du style
[euphorik.git]
/
css
/
1
/
euphorik.css
diff --git
a/css/1/euphorik.css
b/css/1/euphorik.css
index
16b6436
..
7a9fdf4
100755
(executable)
--- a/
css/1/euphorik.css
+++ b/
css/1/euphorik.css
@@
-1,52
+1,58
@@
@import url(../common.css);
\r
@import url(../common.css);
\r
-@import url(pageMinichat.css);
\r
+@import url(pageMinichat.css);
+@import url(pageAdmin.css);
\r
@import url(pageProfileRegister.css);
@import url(pageAbout.css);
\r
\r
* {
\r
@import url(pageProfileRegister.css);
@import url(pageAbout.css);
\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
font-size: 12px;
}
\r
\r
body {
\r
font-family: sans-serif;
\r
font-size: 12px;
- color: #EEEEEE;
\r
- text-align: center; /* uniquement pour IE */
\r
- background-color: #DFDFDF;
\r
- background-image: url(../../img/css1/fond.png)
\r
+ color: #841919;
+ background-color: #f6dfc2
\r
}
\r
\r
#container {
position: relative;
\r
height: auto;
\r
}
\r
\r
#container {
position: relative;
\r
height: auto;
\r
- margin-left: 10px;
\r
- margin-right: 10px;
\r
- margin-top: 40px;
\r
+ margin: 0px;
\r
}
}
-#menu {
- position: absolute;
- z-index: 10;
- top: 2px;
- left: 300px;
+ul#menu {
+ background-image: url(../../img/css1/logo_fond.png);
+ height:129px;
+ width: 100%;
font-size: 11px;
font-size: 11px;
- background-color: #000000;
- text-align: left;
-}
-#menu div {
- cursor: pointer;
- display: inline;
- padding: 2px;
- margin-left: 2px;
- background-color: #4f5519;
+ list-style-type:none;
}
}
-#menu
div.courante {
-
background-color: #818c27
;
+#menu
li:first-child {
+
margin-left: 340px
;
}
}
-#menu div:hover {
- background-color: #818c27
+#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/css1/triangle.png);
+ background-repeat: no-repeat;
+ background-position: center bottom
+}
+#menu li:hover {
+ background-color: #ffffff;
}
#menuCss {
}
#menuCss {
@@
-58,40
+64,76
@@
body {
}
#page {
}
#page {
- position: relative;
- padding: 25px 0px 15px 0px;
font-size: 12px;
font-size: 12px;
- background-color: #000000;
+ 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;
\r
+ 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;
}
#logo {
z-index: 10;
- background-image: url(../../img/css1/logo_2.png);
- width: 253px;
- height: 37px;
+ background-image: url(../../img/css1/logo.png);
+ background-repeat: no-repeat;
+ width: 304px;
+ height: 129px;
position: absolute;
position: absolute;
- top: -20px;
- left: -10px;
}
\r
#footer {
}
\r
#footer {
- text-align: right;
+ background-color: #e19671;
+ text-align: center;
}
\r
#footer a img{
\r
border-style: none;
\r
}
\r
\r
}
\r
#footer a img{
\r
border-style: none;
\r
}
\r
\r
-div#info {
\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: #000000;
- border-bottom: 1px solid #aeaeae;
\r
- z-index: 20;
\r
+ background-color: #841919;
+ border-bottom: 1px solid #FFFFFF;
\r
+ z-index: 20;
+ color: #f0df95
\r
}
}
-div#info .fermer {
+div#info
div
.fermer {
float:right;
cursor: pointer;
height:16px;
float:right;
cursor: pointer;
height:16px;
@@
-120,13
+162,13
@@
div#info .boutons {
div#info .boutons div {
cursor: pointer;
div#info .boutons div {
cursor: pointer;
- background-color: #
770000
;
+ background-color: #
c62929
;
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: #
bc0000
;
+ background-color: #
e84747
;
}
\r
.captcha {
\r
}
\r
.captcha {
\r
@@
-136,25
+178,30
@@
div#info .boutons div:hover {
form input,
form button,
form select {
form input,
form button,
form select {
- background-color: #164200;
- border: #2d8800 1px solid;
- color: #EEEEEE;
+ 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;
}
font-size: 12px;
}
+form button {
+ font-size: 11px;
+}
\r
a {
\r
\r
a {
\r
-
text-decoration: no
ne;
\r
+
text-decoration: underli
ne;
\r
}
\r
}
\r
-a:link {
\r
- color: #
7664ff
;
\r
+a:link
, a:visited
{
\r
+ color: #
c62929
;
\r
}
\r
}
\r
-a:
visited
{
\r
-
color: #7664ff
;
\r
+a:
hover, a:active
{
\r
+
color: #e84747
;
\r
}
\r
}
\r
-a:hover {
\r
- color: #ffad0f;
\r
-}
\r
-a:active {
\r
- color: #ffad0f;
\r
-}
\r
-
\r