profoundjs
Version:
Profound.js Framework and Server
187 lines (144 loc) • 2.13 kB
CSS
body {
font-family: helvetica;
}
#container {
height: 100vh;
background-image: linear-gradient(225deg, #0ab3e4, #102976);
}
#image {
position: relative;
margin: 0px;
padding: 0px;
height: 580px;
}
img {
margin: 0px;
padding: 0px;
border: none;
}
#heading {
visibility: hidden;
position: absolute;
top: 148px;
left: 250px;
font-style: italic;
font-size: 31px;
overflow: hidden;
}
#new {
left: 50px;
}
#modernize {
left: 365px;
}
#integrate {
left: 683px;
}
.label {
font-size: 18px;
position: absolute;
top: 337px;
width: 400px;
height: 50px;
text-align: left;
color: black;
font-weight: bold;
}
#profound {
position: absolute;
top: 563px;
left: 300px;
font-size: 11px;
font-weight: bold;
color: white;
}
/* Menus */
.menu {
position: absolute;
top: 360px;
width: 250px;
height: 165px;
text-align: left;
overflow-y: auto;
}
#devMenu {
left: 47px;
}
#modMenu {
left: 365px;
}
#intMenu {
left: 680px;
}
.menuLine {
position: relative;
font-size: 12px;
cursor: pointer;
overflow:hidden;
}
#devMenu .menuLine:hover{
background-color: #FCC184;
}
#modMenu .menuLine:hover{
background-color: #CBE5C3;
}
#intMenu .menuLine:hover{
background-color: #B2E2F0;
}
.level1 {
margin-left: 0px;
font-weight: bold;
background-color: #ffffff;
}
.level2 {
margin-left: 16px;
}
.level3 {
margin-left: 32px;
}
.menu a {
color: black;
text-decoration: none;
}
img.expander {
border-style: solid;
border-color: transparent;
border-width: 2px;
margin-top: 2px;
margin-right: 2px;
width: 12px;
height: 12px;
}
#update {
position: absolute;
top: 25px;
right: 5px;
font-size: 14px;
font-weight: normal;
z-index: 10;
}
#update a {
color: white;
letter-spacing: -0.5px;
}
#keys {
position: absolute;
top: 40px;
right: 5px;
font-size: 14px;
font-weight: normal;
z-index: 10;
}
#keys a {
color: white;
letter-spacing: -0.5px;
}
#versionDiv {
position: absolute;
color: white;
top: 5px;
right: 5px;
font-size: 16px;
font-weight: bold;
z-index: 10;
}