/* ---------------------------------------------------------------- */ /* --- GENERAL ----- */ /* ---------------------------------------------------------------- */ body { margin:0; padding:0; font-size:1em; font-family:Calibri, sans-serif; background-color:rgb(240,240,240); } div { margin:0; padding:0; } a { text-decoration:none; } /* ---------------------------------------------------------------- */ /* --- Barre de description ----- */ /* ---------------------------------------------------------------- */ #fixed{ position:fixed; top:0; left:1%; width:98%; height:200px; padding:0 5px; } #desc { height:160px; border-bottom: 1px solid #c7c6c0; background-color:rgb(255,255,255); } #details { width: 100%; } /* ---------------------------------------------------------------- */ /* --- Menu central ----- */ /* ---------------------------------------------------------------- */ #menu { height:40px; background-color:rgb(240,240,240); border-bottom: 1px solid #c7c6c0; } #menu ul { margin:0; padding:0; list-style-type:none; } #menu li { display:inline-block; } #menu a { display:block; font-size:1.2em; margin:3px 4px; padding:4px 18px; color:#31363e; } #menu a:hover { background-color:#cccccc; color:#202429; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #menu a.select { color:#ffffff; background-color:#5a6b7f; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #menu a.select:hover { background-color:#2b3a4b; } /* ---------------------------------------------------------------- */ /* --- Liste des machines ----- */ /* ---------------------------------------------------------------- */ #list { padding-top:210px; } #list ul { list-style-type:none; } #list li { display:inline-block; min-width:64px; padding:64px 4px 4px 4px; text-align:center; } #list li.online { background:url('../img/computer_online.png') no-repeat top center; } #list li.offline { background:url('../img/computer_offline.png') no-repeat top center; } #list a { display:block; color:#2a69a3; text-align:center; } #list a:hover { color:#1f4c75; background-color:#d5d4cf; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .name { font-variant:small-caps; }