Subversion Repositories Transart_hsartstorage

Rev

Blame | Last modification | View Log | RSS feed

@charset "utf-8";
/* CSS Document */

body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        background-color: #EFF2EC;
}
.optionen {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: #666;
        background-color: #D3E3DC;
        margin: 2px;
        padding: 2px;
}
.optionen a:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: #FFEA97;
        background-color: #333333;
        border-top-color: #000000;
        border-right-color: #CCCCCC;
        border-bottom-color: #CCCCCC;
        border-left-color: #666666;
        
}
.optionen a:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: #FFEA97;
        background-color: #333333;
        border-top-color: #000000;
        border-right-color: #CCCCCC;
        border-bottom-color: #CCCCCC;
        border-left-color: #666666;
}
.optionen a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: #FFCC99;
        background-color: #333333;
        border-top-color: #000000;
        border-right-color: #CCCCCC;
        border-bottom-color: #CCCCCC;
        border-left-color: #666666;
}
.optionen_box {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #333333;
        background-color: #EEE;
        border: 1px solid #aaa;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 2px;
        padding: 2px;
        box-shadow:0 0 2px #AAA;
}
.stil1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #333333;
        background-color: #F9F9F9;
}
.stil1 a:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        color: #333333;
        font-weight: bolder;
        display:block;
        width:100%;
        height:100%;
}
.stil1 a:hover {
        background-color: #D2ACD0
}

.status {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-style: italic;
        color: #333333;
        background-color: #E8D5BF;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 2px;
        padding: 2px;
        box-shadow:0 0 2px #AAA;
}
.status2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-style: italic;
        color: #000;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 2px;
        padding: 2px;
        box-shadow:0 0 2px #AAA;
}
.div1 {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        background-image: url(img/1.jpg);
        background-color: #FFFFFF;
        filter:alpha(opacity=100);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 2px;
        padding: 2px;
        box-shadow:0 0 2px #AAA;
}
.tabelle1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        background-color: #F9F9F9;
        border: 1px solid #AAA;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 2px;
        padding: 2px;
        box-shadow:0 0 10px #AAA;
        
}

.master_tabelle {
        height: 90%;
        width: 100%;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        position: relative;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
        box-shadow: 0 0 4px #AAA;
}
.stil2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #004800;
        background-color: #EFF2EC;
        border: 1px solid #999;
        margin: 2px;
        padding: 2px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 2px;
        padding: 2px;
        box-shadow:0 0 2px #AAA;
}
.gross1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #283A68;
        font-weight: bold;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 2px;
        padding: 2px;
        box-shadow:0 0 2px #DBAC35;
        
}

.aktiviert {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        background-color: #C1E8E7;
}
.deaktiviert {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        background-color: #FFE1DD;
}
.gross2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #333333;
        font-weight: bold;
}
.biggest {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #666666;
}
.stil3 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        background-color: #E7F0F1;
        font-weight: bolder;
        border: 1px dashed #666666;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 2px;
        padding: 2px;
        box-shadow:0 0 2px #AAA;
}
.tabelle2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        border: 1px solid #999999;
}
.stil3_rot {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #CC0000;
        background-color: #F9F9F9;
        font-weight: bolder;
}
.stil3_gruen {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #339933;
        background-color: #F9F9F9;
        font-weight: bolder;
}
.stil4 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        color: #333333;
        background-color: #F9F9F9;
        font-weight: bolder;
}
.stil11 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: #FFEA97;
        background-color: #666666;
        font-weight: bold;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 2px;
        padding: 2px
        box-shadow:0 0 2px #AAA;
}
.stil11:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: #333333;
        background-color: #FFEA97;
}
.stil12 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: #666666;
        font-weight: normal;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 2px;
        padding: 2px;
}
.stil12 :hover {
        background-color: #F4E9A4;

}
.stil12 a:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: #333333;
        font-weight: bolder;
        display:block;
}
.stil13 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        color: #666666;
        background-color: #F7B5B3;
        font-weight: normal;
}
.stil13:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        color: #666666;
        background-color: #FFEA97;
}
.stil13 a:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        color: #333333;
}
.stil14 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #333333;
        background-color: #C1E8E7;
        border: 1px solid #666;
}
.status1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: italic;
        color: #CCC;
}
#el02 { /* Text and background colour, blue on light gray */ 
color:#00f; 
background-color:#ddd 
}
/* Overlay für DIV */ 
.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:10001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=60);
}
 
.white_content {
        display: none;
        position: absolute;
        top: 10%;
        left: 10%;
        width: 50%;
        height: 50%;
        padding: 16px;
        border: 16px solid white;
        background-color: white;
        z-index:10002;
        overflow: auto;
        font-size: 16px;
        color: #903;
}
/* Overlay für DIV */ 
.divmove01 {
        position: fixed;
        top: expression(document.documentElement.clientHeight-40 + 'px' );
        left: 0px;
        background-image: url(img/bg/orange01.png);
        border: 1px solid #666;
}
.bg01 {
        background-image: url(img/bg/orange01.png);
}
.bg02 {
        background-image: url(img/bg/red01.png);
}
.status3 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: italic;
        color: #000;
}

.limit01 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #000;
        border: 1px solid #999;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 1px;
        padding: 1px;
        box-shadow:0 0 2px #AAA;
}
.limit01 a:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #000;
        text-decoration: none;
}
.limit01 a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #FFEA97;
        background-color: #111;
}
.limit02 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #000;
        border: 1px solid #999;
        background-color: #FFEA97;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 1px;
        padding: 1px;
        box-shadow:0 0 2px #AAA;
}
.limit02 a:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #000;
        text-decoration: none;
}
.limit02 a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #CCC;
}
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }  
#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; }
.ui-state-highlight {
        height: 1.5em;
        line-height: 1.2em;
        background-color: #FF9;
        border: 1px solid #999;
}
.lager01 {
        color: #D0DAE1;
        background-color: #666;
        font-style: italic;
        font-size: 14px;
        border:1px solid #BBB;
        -webkit-box-shadow:0 0 3px #000;
        -moz-box-shadow:0 0 3px #000;
        box-shadow:0 0 3px #CCC;
        outline: none;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border-radius: 4px;
}
.lager01 a:link {
        color: #FFFFFF;
}
.lager01 a:visited {
        color: #FFFFFF;
}
.lager01 a:hover {
        color: #FFCC00;
}
.lager02 {
        color: #000;
        background-color: #618BAE;
        font-style: italic;
        font-size: 16px;
        font-weight: bold;
        border:1px solid #BBB;
        -webkit-box-shadow:0 0 3px #000;
        -moz-box-shadow:0 0 3px #000;
        box-shadow:0 0 3px #CCC;
        outline: none;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
}
.lagerstatus1 {
        color: #FFF;
        background-color: #68CA7E;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
}
.lagerstatus2 {
        color: #FFF;
        background-color: #5E9535;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
}
.lagerstatus3 {
        color: #FFF;
        background-color: #CDC665;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
}
.lagerstatus4 {
        color: #FFF;
        background-color: #DA8358;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
}
.lagerstatus5 {
        color: #FFF;
        background-color: #EA4D48;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
}
.lagerstatus6 {
        color: #FFF;
        background-color: #EA4D48;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../img/06.gif);
        margin: 4px;
        padding: 4px;
}
.lagerstatus7 {
        color: #FFF;
        background-color: #A5B8DA;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../img/06.gif);
        margin: 4px;
        padding: 4px;
}
.CSSTableGenerator {
margin:0px;padding:0px;
width:100%;     box-shadow: 10px 10px 5px #888888;
border:1px solid #000000;

-moz-border-radius-bottomleft:14px;
-webkit-border-bottom-left-radius:14px;
border-bottom-left-radius:14px;

-moz-border-radius-bottomright:14px;
-webkit-border-bottom-right-radius:14px;
border-bottom-right-radius:14px;

-moz-border-radius-topright:14px;
-webkit-border-top-right-radius:14px;
border-top-right-radius:14px;

-moz-border-radius-topleft:14px;
-webkit-border-top-left-radius:14px;
border-top-left-radius:14px;
}.CSSTableGenerator table{
width:100%;
height:100%;
margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
-moz-border-radius-bottomright:14px;
-webkit-border-bottom-right-radius:14px;
border-bottom-right-radius:14px;
}
.CSSTableGenerator table tr:first-child td:first-child {
-moz-border-radius-topleft:14px;
-webkit-border-top-left-radius:14px;
border-top-left-radius:14px;
}
.CSSTableGenerator table tr:first-child td:last-child {
-moz-border-radius-topright:14px;
-webkit-border-top-right-radius:14px;
border-top-right-radius:14px;
}.CSSTableGenerator tr:last-child td:first-child{
-moz-border-radius-bottomleft:14px;
-webkit-border-bottom-left-radius:14px;
border-bottom-left-radius:14px;
}.CSSTableGenerator tr:hover td{

}.CSSTableGenerator tr:nth-child(odd){ background-color:#AAE0FF; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGenerator td{
vertical-align:top;


border:1px solid #000000;
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:10px;
font-family:Arial;
font-weight:bold;
color:#000000;
}.CSSTableGenerator tr:last-child td{
border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
        background:-o-linear-gradient(bottom, #C6BCAB 5%, #bf5f00 100%);        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EDB345), color-stop(1, #bf5f00) );        background:-moz-linear-gradient( center top, #EDB345 5%, #bf5f00 100% );        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#EDB345", endColorstr="#bf5f00");      background: -o-linear-gradient(top,#EDB345,bf5f00);
background-color:#EDB345;
border:0px solid #000000;
text-align:center;
border-width:0px 0px 1px 1px;
font-size:14px;
font-family:Arial;
font-weight:bold;
color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
        background:-o-linear-gradient(bottom, #EDB345 5%, #bf5f00 100%);        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EDB345), color-stop(1, #bf5f00) );        background:-moz-linear-gradient( center top, #EDB345 5%, #bf5f00 100% );        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#EDB345", endColorstr="#bf5f00");      background: -o-linear-gradient(top,#EDB345,bf5f00);
background-color:#EDB345;
}
.CSSTableGenerator tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}
.div01 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #333333;
        background-color: #C1E8E7;
        border: 1px solid #666;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
}
.loader {
}
.navigation01 {
        color: #FFF;
        background-color: #4598A7;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
        border: 1px solid black;
     opacity: 0.6;
     filter: alpha(opacity=75);
}
.navigation01 a:link{
        color: #FFF;
        background-color: #4598A7;
        text-decoration: none;
        display:block;
}
.navigation01 a:visited{
        color: #FFF;
        background-color: #4598A7;
        text-decoration:none;
}
.navigation01 a:hover{
        color: #FFF;
        background-color: #222;
        text-decoration:none;
}
.searchhits {
        color: #FFF;
        background-color: #EA4D48;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;;
}
#loaderdiv {
        position: absolute;
        z-index: 10003;
        left: 100px;
        top: 100px;
}
.statistik1 {
        color: #FFF;
        background-color: #68CA7E;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
}
.statistik2 {
        color: #FFF;
        background-color: #5E9535;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
}
.statistik3 {
        color: #FFF;
        background-color: #CDC665;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
}
.statistik4 {
        color: #FFF;
        background-color: #DA8358;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
}
.statistik5 {
        color: #FFF;
        background-color: #EA4D48;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 4px;
        padding: 4px;
}
.statistik6 {
        color: #FFF;
        background-color: #EA4D48;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../img/06.gif);
        margin: 4px;
        padding: 4px;
}
.statistik7 {
        color: #FFF;
        background-color: #A5B8DA;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-image: url(../img/06.gif);
        margin: 4px;
        padding: 4px;
}
.bhtable01 {
        margin:0px;padding:0px;
        width:50%;
        box-shadow: 10px 10px 5px #888888;
        border:1px solid #000000;
        
        -moz-border-radius-bottomleft:0px;
        -webkit-border-bottom-left-radius:0px;
        border-bottom-left-radius:0px;
        
        -moz-border-radius-bottomright:0px;
        -webkit-border-bottom-right-radius:0px;
        border-bottom-right-radius:0px;
        
        -moz-border-radius-topright:0px;
        -webkit-border-top-right-radius:0px;
        border-top-right-radius:0px;
        
        -moz-border-radius-topleft:0px;
        -webkit-border-top-left-radius:0px;
        border-top-left-radius:0px;
}.bhtable01 table{
    border-collapse: collapse;
        border-spacing: 0;
        width:50%;
        height:50%;
        margin:0px;padding:0px;
}.bhtable01 tr:last-child td:last-child {
        -moz-border-radius-bottomright:0px;
        -webkit-border-bottom-right-radius:0px;
        border-bottom-right-radius:0px;
}
.bhtable01 table tr:first-child td:first-child {
        -moz-border-radius-topleft:0px;
        -webkit-border-top-left-radius:0px;
        border-top-left-radius:0px;
}
.bhtable01 table tr:first-child td:last-child {
        -moz-border-radius-topright:0px;
        -webkit-border-top-right-radius:0px;
        border-top-right-radius:0px;
}.bhtable01 tr:last-child td:first-child{
        -moz-border-radius-bottomleft:0px;
        -webkit-border-bottom-left-radius:0px;
        border-bottom-left-radius:0px;
}.bhtable01 tr:hover td{
        
}
.bhtable01 tr:nth-child(odd){ background-color:#aad4ff; }
.bhtable01 tr:nth-child(even)    { background-color:#ffffff; }.bhtable01 td{
        vertical-align:middle;
        
        
        border:1px solid #000000;
        border-width:0px 1px 1px 0px;
        text-align:left;
        padding:3px;
        font-size:12px;
        font-family:Arial;
        font-weight:normal;
        color:#000000;
}.bhtable01 tr:last-child td{
        border-width:0px 1px 0px 0px;
}.bhtable01 tr td:last-child{
        border-width:0px 0px 1px 0px;
}.bhtable01 tr:last-child td:last-child{
        border-width:0px 0px 0px 0px;
}
.bhtable01 tr:first-child td{
                background:-o-linear-gradient(bottom, #007fff 5%, #007f7f 100%);        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007fff), color-stop(1, #007f7f) );
        background:-moz-linear-gradient( center top, #007fff 5%, #007f7f 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#007fff", endColorstr="#007f7f");      background: -o-linear-gradient(top,#007fff,007f7f);

        background-color:#007fff;
        border:0px solid #000000;
        text-align:center;
        border-width:0px 0px 1px 1px;
        font-size:14px;
        font-family:Arial;
        font-weight:bold;
        color:#ffffff;
}
.bhtable01 tr:first-child:hover td{
        background:-o-linear-gradient(bottom, #007fff 5%, #007f7f 100%);        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007fff), color-stop(1, #007f7f) );
        background:-moz-linear-gradient( center top, #007fff 5%, #007f7f 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#007fff", endColorstr="#007f7f");      background: -o-linear-gradient(top,#007fff,007f7f);

        background-color:#007fff;
}
.bhtable01 tr:first-child td:first-child{
        border-width:0px 0px 1px 0px;
}
.bhtable01 tr:first-child td:last-child{
        border-width:0px 0px 1px 1px;
}
.ui {
        font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:2px;
  margin:2px;
}
.ui menue {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}