import initial des fichiers cvs (theme crans www)

darcs-hash:20060416193535-f46e9-8a0d9755c5bfe39ab133ba8bb8513091e3207da6.gz

wiki/static/crans-www/css/layout.css

@@ -0,0 +1,164 @@
+/*  layout.css - MoinMoin Cr@ns style
+    
+    Le fichier gere la mise en page du site (fond, dispositions...)
+
+*/
+
+
+/*<!-- BODY -->*/
+body
+{
+    background:black url(../img/mainBg.png) no-repeat top left;
+    position:relative;
+    padding:20px 60px;
+    margin:0;
+}
+
+#logo {
+    position:relative;
+    top:-40px;
+    left:-70px;
+}
+
+#globalWrapper {
+    width:100%;
+    min-width:660px;
+    max-width:1000px;
+    background:#ffb849  url(../img/divBg.png) no-repeat left top;
+    margin:5px auto;
+    padding:0;
+    position:relative; /* pour que les elements inclus se referent 
+                          a lui et pas a body */
+}
+
+#page {
+    background:transparent url(../img/divCoin.png) no-repeat bottom right;
+    padding:20px 20px 20px 20px;
+}
+
+/*<!-- Menu -->*/
+div#MenuNavigation
+{
+    color:Black;
+    font:15px "Trebuchet MS", helvetica, sans-serif ;
+    z-index:5;
+    position: absolute;     /* positionnement */
+    right: 0;
+    top: 1px;
+    padding:0;
+    margin:0;
+    width:300px;
+    border-bottom: 1px solid #232323;
+    border-left: 1px solid #232323;
+    background: url(../img/translucide.png) repeat;
+    text-align:left;
+}
+
+div#MenuNavigation ul {
+    display:block;
+    margin:0 auto;
+    padding:7px 0;
+    list-style-type:none;
+}
+
+div#MenuNavigation ul li {
+    list-style-type:none;
+    z-index:5;
+    margin:5px;
+}
+
+div#MenuNavigation ul li a, div#MenuNavigation form#searchform h5 {
+    display:inline;
+    z-index:5;
+    margin:0;
+    padding:1px;
+    border-left:1px solid transparent;
+    color:black;
+    font: 15px "Trebuchet MS", helvetica, sans-serif ;
+    text-decoration:none;
+    font-weight:bold;
+}
+div#MenuNavigation ul li a:hover {
+    border-color:black;
+}
+
+div#MenuNavigation form#searchform {
+    float:right;
+    position:absolute;
+    top:0;
+    right:7px;
+    margin:10px;
+    padding:0;
+    color:#232323;
+    width:165px;
+    display:block;
+}
+
+div#MenuNavigation form#searchform div {
+    margin-left:15px;
+}    
+
+div#MenuNavigation form#searchform input {
+    max-width:150px;
+}    
+
+/* <!-- Login --> */
+/* style pour les liens de connexion/preferences.... en haut a droite */
+#p-personal {
+    float:right;
+    position:absolute;
+    top:0;
+    right:0;
+}
+
+#p-personal, #p-personal ul {
+    padding:0;
+    margin:0;
+    height:0.8em;
+}
+
+#p-personal li {
+    list-style-type:none;
+    float:right;
+    margin:0 3px;
+}
+
+#p-personal li a {
+    display:block;
+    font-weight:normal;
+    font-size:0.8em;
+    color:#aaa;
+}
+
+
+/* <!-- badges --> */
+/* style pour les badges en bas de la page */
+
+ul.supportBadges {
+    list-style-type:none;
+    padding:0;
+    max-width:1000px;
+    margin:10px auto;
+}
+
+ul.supportBadges li {
+    float:left;
+}
+
+
+ul.supportBadges li a {
+    margin-right:5px;
+    opacity:0.5;
+}
+
+ul.supportBadges li a:hover {
+    opacity:1;;
+}
+
+ul.supportBadges li a img {
+    border:none;
+}
+
+ul#timings {
+    clear:left;
+}