106 lines
1.5 KiB
CSS
106 lines
1.5 KiB
CSS
|
|
|
|
html, body {
|
|
color: gold;
|
|
height: 100%;
|
|
min-height: 100%;
|
|
}
|
|
|
|
.threecol_parent{
|
|
//position: absolute;
|
|
display: table;
|
|
//width: 1000px;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.threecol_row{
|
|
display: table-row;
|
|
}
|
|
|
|
.threecol_col{
|
|
display: table-cell;
|
|
position: relative;
|
|
}
|
|
|
|
.clear {
|
|
clear:both;
|
|
}
|
|
|
|
.link-color a{
|
|
color: black;
|
|
}
|
|
|
|
.fadeout {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.fadein {
|
|
opacity: 0.8;
|
|
-webkit-filter: brightness(80%);
|
|
}
|
|
|
|
.selected {
|
|
opacity: 1.0;
|
|
-webkit-filter: sepia(20%);
|
|
-webkit-filter: brightness(160%);
|
|
-webkit-filter: contrast(120%);
|
|
}
|
|
|
|
#frame_main {
|
|
//width: 1000px;
|
|
//position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
//-webkit-box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 1);
|
|
//box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 1);
|
|
//border-radius: 5px;
|
|
}
|
|
|
|
#frame_header {
|
|
height: 26px;
|
|
}
|
|
|
|
#frame_right_border {
|
|
width: 26px;
|
|
}
|
|
|
|
#frame_left_border {
|
|
width: 26px;
|
|
}
|
|
|
|
#frame_content {
|
|
width: 100%;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#frame_footer{
|
|
width: 100%;
|
|
position: relative;
|
|
height: 26px;
|
|
}
|
|
|
|
#char_container{
|
|
height: 250px;
|
|
/* position: absolute;
|
|
bottom: 0;*/
|
|
}
|
|
|
|
#frame_character{
|
|
float: left;
|
|
|
|
}
|
|
|
|
#frame_menu{
|
|
float: left;
|
|
width: 30%;
|
|
}
|
|
|
|
.btn_blue{
|
|
background: url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=buttons&id=nav_off.png) no-repeat;
|
|
background-size: cover;
|
|
|
|
|
|
} |