main.css

body{padding-top: 0;}
#header,#footer{
    background:#eee; background: linear-gradient(#fff,#eee);
    padding: 1em; font-size: 300%;
    color:#a33;
    text-shadow: 1px 1px 0 #fff, 10px 10px 10px #aaa;
    border-bottom: 2px solid #ccc;
}
#footer{
    background: none;
    font-size: 100%;
    color:#a33;
    text-align: right;
    text-shadow: 1px 1px 0 #fff, 3px 3px 3px #aaa;
    border: 0px solid #ccc;
    border-top: 0px solid #ddd;
    margin-top: 5em;
}
.navbar {position: fixed; top: 0px; width: 100%; left: 0; z-index: 100;}
.navbar-inner {padding: 0 6em;box-shadow: 0 0 3em #888;}
#header2{
    background: none;
    padding: 0.5em; margin-bottom: 2em;
    margin: 4em 2% 0;
}


.description{font-weight:bold; color:#ccc; font-size: 150%; font-style: italic;}
.navbar-brand {color:#a33 !important;}
.navbar-inverse .navbar-brand {color:#c88 !important;}
#swversion {float: right; right: 0em; position: fixed; 
            top: 4em;
            padding: 0 0.5em; 
            background: #eee; color:#888;
            border-bottom-left-radius: 0.5em;
}
#content{
    margin: 2em 2% 0;
    border-left: 0px solid #ccc;
    padding: 1em;
    box-shadow: 0 0 15px #eee;
}

div#navbuttom{
    margin-top: 4em; padding: 1em 0; 
    border-top: 2px solid #ddd;}

#divmodal{
    position: fixed; height: 100%; width: 100%; top:0; left:0;
    background: #ccc; background: rgba(0,0,0,0.05);
    display: none;
}
#divmodalmessage{
    margin: 20% auto; width: 50%; background: #fff; box-shadow: 0 0 3em #000;
    padding: 2em; 
}

h1{font-size: 250%; margin: 0;}
h2{}

/* actions */
h2.action{
    background: #f8f8f8 url("/deployment/images/nuvola64x64/apps/aktion.png") 10px 10px no-repeat; 
    border-bottom: 2px solid #eee;
    color: #888; 
    padding: 20px 0 0 90px; 
    height: 2.7em; margin: 0 0 1em 0;
    font-size: 250%; 
}