.obscure{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
background-color: white;
opacity: 0.6;
filter: alpha(opacity=60);
z-index: -4;
}
.center{
width: 635px;
margin-left: auto;
margin-right: auto;
}
.metroContainer{
width: auto;
position: relative;
padding: 0px;
margin-right: auto;
margin-left: auto;
}
.metroContainer:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
text-align: center;
}
.tile{
position: relative;
width: 100px;
height: 100px;
margin-right: 5px;
margin-left: 0;
margin-bottom: 5px;
color: white;
float: left;
text-align: center;
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
font-size: 29px;
text-decoration: none;
font-style: oblique;
border-top-width: thick;
border-radius: 4px;
padding-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
vertical-align: middle;
/* [disabled]white-space: nowrap; */
letter-spacing: -1px;
word-spacing: -15px;
font-variant: small-caps;
}
.largeTile{
width: 205px;
}
.largeTile .description{
position:absolute;
left:2px;
right:102px;
top:2px;
height:73px;
font-size:10px;
overflow:auto;
}
.tile .tileFront{
width: 100%;
height: 100%;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-top: 30px;
margin-right: 17px;
margin-left: 1px;
margin-bottom: 17px;
display: block;
}
.tile:hover{
cursor: pointer;
}
.img:hover{
cursor: pointer;
}
}
.title{
position: absolute;
left: 2px;
right: 2px;
bottom: 50px;
height: 50px;
margin-left: 2px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 20px;
text-align: center;
}
.DocumentChild{
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
font-size: 20px;
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
font-style: oblique;
white-space: normal;
letter-spacing: 0px;
word-spacing: -5px;
font-variant: normal;
}
.OpenedParent{
}
/* Page Sections CSS */
.sideBarLeft{
position: relative;
width: 270px;
height: 35%;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 1px;
border-color: #000000;
}
.mainBody{
position: relative;
width: auto;
float: left;
margin-left: auto;
margin-right: auto;
}
.sideBarRight{
position: relative;
width: 250px;
height: 100%;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 1px;
border-color: #000000;
cursor:pointer;
}
.toolbar{
position: relative;
width: 160px;
height: 100%;
margin-left: 0px;
float: left;
border-style: solid;
border-width: 1px;
border-color: #31E255;
text-align: center;
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
font-style: italic;
padding-bottom: 0px;
border-radius: 10px;
cursor: pointer;
padding-right: 0px;
padding-left: 0px;
margin-bottom: 0px;
}
/* Sidebar content CSS */
.sideBarHeader{
position: relative;
margin: 0px 0px 0px 0px;
width: 100%;
height: 25px;
font-family: 'Segoe UI Semibold';
font-size: 17px;
color: #323436;
padding-top: 5px;
text-align: center;
}
.sideBarContent{
position: relative;
margin: 0px 0px 0px 0px;
width: 100%;
height: 25px;
font-family: 'Segoe UI Semibold';
font-size: 13px;
color: black;
text-align: center;
padding-top: 3px;
vertical-align: center;
}
.sideBarContent:hover{
cursor: pointer;
}
.link{
font-family: 'Segoe UI Semibold';
font-size: 20px;
color: black;
text-align: center;
text-decoration: none;
}
/* Toolbar content CSS */
.toolbarMenu{
display: inline-block;
width: 150px;
height: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-right: 3px;
}
.toolbarMenu:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.toolbarContent{
display: block;
position: relative;
width: 100%;
height: 25px;
font-family: 'Segoe UI Semibold';
font-size: 13px;
text-align: center;
padding-top: 5px;
padding-bottom: 0px;
border-style: solid;
border-width: 1px;
border-color: white;
}
.toolbarContent:hover{
cursor: pointer;
}
.imagePlaceHolder{
position: absolute;
width: 100%;
height: 100%;
text-align: right;
margin: 0px 0px 0px 0px;
top: 0;
left: 0;
}
.toolbarImage{
height: 20px;
margin: 5px 5px 5px 5px;
}
.toolbarChild{
visibility: hidden;
position: absolute;
top: 0;
left: 0;
border-left: 0px;
border-right: 0px;
}
/* Define color-shemes */
.green{
background-color: #317612;
}
.green:hover{
background-color: #389e37;
}
.greenSidebar{
background-color: #317612;
}
.neutralSidebar{
background-color: #ffffff;
cursor: pointer;
}
.neutralSidebar:hover{
background-color: #389e37;
color:white;
}
.neutralSidebar:hover .link {
background-color: #389e37;
color:white;
}
.neutralToolbar{
background-color: #317612;
color:white
}
.neutralToolbar:hover{
background-color: #389e37;
}
.neutralToolbarChild{
background-color: #317612;
color: white;
}
.neutralToolbarChild:hover{
background-color: #389e37;
}