scripts/wiki/static/crans/css/crans.css

/*************************************************************
                                           ..               
                      ....  ............   ........         
                    .     .......   .            ....  ..   
                  .  ... ..   ..   ..    ..   ..... .  ..   
                  .. .. ....@@@.  ..  .       ........  .   
             ..  .  .. ..@.@@..@@.  .@@@@@@@   @@@@@@. .... 
        .@@@@. .@@@@. .@@@@..@@.@@..@@@..@@@..@@@@.... .... 
      @@@@... .@@@.. @@ @@  .@..@@..@@...@@@.  .@@@@@.    ..
    .@@@..  . @@@.   @@.@@..@@.@@..@@@   @@ .@@@@@@..  .....
   ...@@@.... @@@    .@@.......... ........ .....        .. 
  . ..@@@@.. .         .@@@@.   .. .......  . ............. 
 .   ..   ....           ..     .. . ... ....               
.    .       ....   ............. .. ...                    
..  ..  ...   ........ ...      ...                         
 ................................   

==============================================================
crans.css - MoinMoin Style                                                                                                     

    Theme crans (screen)
    

Copyright (c) 2006 by www.crans.org

**************************************************************/
/* IMPORTS
/!\ les imports doivent imperativement se faire avant
toute autre regle css !!!
*/
@import url('/wiki/common/toc/toc.css');
@import url('/wiki/common/boxes/boxes.css');
@import url('/wiki/common/EventCalendar/EventCalendar.css');
	  
/*<!-- BODY -->*/
body
{
    background:white;
    padding-top:40px;
    padding-right:170px;
}

/*<!-- TITRE -->*/
div#titleBarre {
    float:right;
    z-index:5;
    position: fixed;     /* positionnement */
    left: 0;
    top: 0;
    padding:0;//5px 0 0 15px;
    margin:0;
    height: 40px;//35px ;
    width:100%;
    border-bottom: thin solid #f9821d;//orange;
    background: url(../img/BarreOrange.png) repeat-x;
    text-align:left;

}

div#titleBarre * {
    color:white;
    font: 25px "Trebuchet MS", helvetica, sans-serif ;    
    text-decoration:none;
}

h1#title
{
    margin: 0;
    display:block;
    width:100%;
    height:25px;
    padding:5px 10px 10px 10px;
    background: url(../img/BarreLogo.png) no-repeat right bottom;
}

h1#title a {
    color:white;
    font: 25px "Trebuchet MS", helvetica, sans-serif ;    
    text-decoration:none;

}


/*<!-- MENU DE DROITE -->*/

div#column-one ul, div#column-one li {                    /* utilisation de liste pour le menu */
    list-style-type: none;  /* suppression des puces de liste */
    margin:0;
    padding:0;
}

div#column-one {
    /* position */
    z-index:2;
    position: fixed;
    right:0;
    top:41px;
    /* dimensions */
    padding:5px 10px 10px 10px;
    width:150px;
    height:100%;
    overflow:hidden;
    margin:0px;
    /* texte */
    font: 0.9em "Trebuchet MS", helvetica, sans-serif;
    text-align:left;
    /* couleurs */
    background:#eeeeee;
    border-left:thin solid #bbbbbb;
}

div#column-one li a {
    margin:2px;
    text-decoration:none;
    color:#888888;
}

div#column-one li a:hover {
    text-decoration:underline;
}

div#p-logo {
    display:none;
}

/* titres */
div#column-one h5 {
    margin:2px;
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
}

div.portlet:after {
    content:url(../img/Separator.png);
}

/* champ de recherche */
#searchInput {
  padding: 2px 2px 2px 18px;
  background: #fff url(../img/q.png) no-repeat 4px center;
  width:132px;
  font: 0.9em "Trebuchet MS", helvetica, sans-serif;
  border:thin gray solid;
  margin: 5px 0;

}

#timings
{ 
  display: none;
}
    
#credits, #version, #timings{
	margin: 5px 10px;
	padding: 0;
	text-align: center;
	font-size: 0.88em;
	color: #6C7680;
}

#credits li, #timings li {
	display: inline;
	padding: 0 2px;
	margin: 0 4px;
}

div#content{
    background-image: url("../img/fond.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    padding-left: 15px;
    padding-right: 10px;
}


/*<!-- EDITEUR DE TEXTE -->*/
textarea {
    width: 95%;
}

.diff {
	width:99%;
}

.diff-header {
	font-weight: bold;
}

.diff-title {
	background-color: #C0C0C0;
}

.diff-added {
	background-color: #E0FFE0;
	vertical-align: sub;
}

.diff-removed {
	background-color: #FFFFE0;
	vertical-align: sub;
}

.diff-added span {
	background-color: #80FF80;
}

.diff-removed span {
	background-color: #FFFF80;
}

#message {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 5px 0px;
	border-bottom: 1px solid #c9c9c9;
	background: #E6EAF0;
	font-size: 0.9em;
}

#message p{
	margin: 0;
	padding: 0 10px 0 20px;
	font-weight: bold;
}

#message div.buttons {
	font-weight: lighter;
	padding: 0 0 0 30px;
}

#preview {
	border: 1px solid #6C7680;
	padding: 10px 30px 20px 4.5em;
	width:100%;
	margin:10px 0 10px -3.5em;
	background: url(../img/draft.png);
}

/* Collection de hacks <20> la con pour IE */
@media screen {
  * html {
     overflow-y: hidden;
  }
  * html body {
     overflow-y: auto;
     height: 100%;
     padding: 44px 160px 0 1em;
     font-size: 100%;
  }
  * html div#column-one {
     position: absolute;
  }
  * html h1#title
  { 
    position: absolute;
    width: expression(document.body.clientWidth);
  }

  * html div.portlet
  { 
    padding-bottom: 1.5em;
  }

}