forked from verdnatura/hedera-web
178 lines
1.8 KiB
CSS
Executable File
178 lines
1.8 KiB
CSS
Executable File
body
|
|
{
|
|
position: absolute;
|
|
margin: 0px;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-color: #EEE;
|
|
}
|
|
|
|
/* Header */
|
|
|
|
#top
|
|
{
|
|
position: relative;
|
|
background-color: #333;
|
|
width: 100%;
|
|
z-index: 1;
|
|
height: 50px;
|
|
}
|
|
#header
|
|
{
|
|
position: relative;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
#logo
|
|
{
|
|
float: left;
|
|
margin: 8px;
|
|
padding-top: 8px;
|
|
}
|
|
#loader
|
|
{
|
|
float: left;
|
|
padding-top: 10px;
|
|
visibility: hidden;
|
|
}
|
|
#welcome
|
|
{
|
|
float: right;
|
|
padding: 0px 15px;
|
|
padding-top: 22px;
|
|
}
|
|
#exit
|
|
{
|
|
float: right;
|
|
background-color: #E80;
|
|
width: 50px;
|
|
height: 50px;
|
|
text-align: center;
|
|
}
|
|
#exit:hover
|
|
{
|
|
background-color: #F91;
|
|
}
|
|
#exit span
|
|
{
|
|
position: relative;
|
|
}
|
|
#welcome,
|
|
#welcome *,
|
|
#exit span
|
|
{
|
|
top: 24px;
|
|
font-size: 15px;
|
|
color: white;
|
|
}
|
|
#header,
|
|
#content
|
|
{
|
|
margin: auto;
|
|
max-width: 1100px;
|
|
min-width: 300px;
|
|
}
|
|
|
|
/* Body */
|
|
|
|
#body
|
|
{
|
|
position: absolute;
|
|
top: 50px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
}
|
|
|
|
#content
|
|
{
|
|
position: relative;
|
|
height: 100%;
|
|
background-color: white;
|
|
}
|
|
|
|
/* Top bar */
|
|
|
|
#menu-bar
|
|
{
|
|
height: 36px;
|
|
border-bottom: 1px solid #AC6;
|
|
overflow: hidden;
|
|
}
|
|
#menu-bar,
|
|
ul.submenu
|
|
{
|
|
background-color: #CE8;
|
|
}
|
|
|
|
/* Menu */
|
|
|
|
#menu
|
|
{
|
|
margin: 0;
|
|
padding-left: 20px;
|
|
list-style-type: none;
|
|
}
|
|
#menu > li
|
|
{
|
|
display: block;
|
|
float: left;
|
|
}
|
|
#menu > li > a
|
|
{
|
|
padding: 0 10px;
|
|
line-height: 36px;
|
|
}
|
|
#menu a
|
|
{
|
|
float: left;
|
|
font-size: 14px;
|
|
}
|
|
#menu a:hover
|
|
{
|
|
background-color: #AC6;
|
|
}
|
|
ul.submenu
|
|
{
|
|
display: none;
|
|
position: fixed;
|
|
border: 1px solid #AC6;
|
|
border-radius: 2px;
|
|
z-index: 2;
|
|
list-style-type: none;
|
|
padding-left: 0px;
|
|
width: 140px;
|
|
}
|
|
ul.submenu a
|
|
{
|
|
width: 60%;
|
|
padding: 10px 20%;
|
|
}
|
|
|
|
/* Links */
|
|
|
|
#links
|
|
{
|
|
float: right;
|
|
padding-right: 8px;
|
|
padding-top: 4px;
|
|
opacity: 0.8;
|
|
}
|
|
#links > a
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
/* Module */
|
|
|
|
#module
|
|
{
|
|
position: absolute;
|
|
top: 37px;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
left: 0px;
|
|
overflow: auto;
|
|
}
|
|
|