80 lines
1.3 KiB
CSS
80 lines
1.3 KiB
CSS
/* widget containers */
|
|
.widget_container {
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0;
|
|
margin-bottom:80px;
|
|
min-height:60px;
|
|
}
|
|
.widget_container:hover {
|
|
background: #eee;
|
|
}
|
|
#big_widget_container {
|
|
width: 650px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
#little_widget_container {
|
|
width: 320px;
|
|
display: inline-block;
|
|
float: right;
|
|
}
|
|
/* little widget */
|
|
div.little_widget {
|
|
width:318px;
|
|
border:1px solid #DFDFDF;
|
|
margin-bottom:10px;
|
|
background:white;
|
|
}
|
|
div.little_widget_title_bar {
|
|
background:#7086B4;
|
|
color:white;
|
|
width:318px;
|
|
position:relative;
|
|
height:27px;
|
|
line-height:27px;
|
|
width:100%;
|
|
}
|
|
div.little_widget_title_bar span{
|
|
margin-left:10px;
|
|
}
|
|
div.little_widget_content {
|
|
width:298px;
|
|
margin:10px;
|
|
}
|
|
div.little_widget_content table {
|
|
width:100%;
|
|
}
|
|
div.little_widget_content table thead {
|
|
background:#DFDFDF;
|
|
}
|
|
/* big widget */
|
|
div.big_widget {
|
|
width:648px;
|
|
border:1px solid #DFDFDF;
|
|
margin-bottom:10px;
|
|
background:white;
|
|
}
|
|
div.big_widget_title_bar {
|
|
background:#7086B4;
|
|
color:white;
|
|
width:648px;
|
|
position:relative;
|
|
height:27px;
|
|
line-height:27px;
|
|
width:100%;
|
|
}
|
|
div.big_widget_title_bar span{
|
|
margin-left:10px;
|
|
}
|
|
div.big_widget_content {
|
|
width:628px;
|
|
margin:10px;
|
|
}
|
|
div.big_widget_content table {
|
|
width:100%;
|
|
}
|
|
div.big_widget_content table thead {
|
|
background:#DFDFDF;
|
|
} |