MovieDatabase/stil.css

216 lines
2.9 KiB
CSS
Raw Normal View History

2016-03-23 22:59:42 +00:00
.header {
position: fixed;
width: 100%;
top: 100px;
left: 0px;
display: block;
background-color: #DDDFE6;
z-index: 1;
}
.top {
position: fixed;
width: 90%;
top: 0px;
left: 5%;
padding-top: 10px;
height: 100px;
z-index: 1;
background-color: white;
}
2016-05-22 14:58:34 +00:00
#login {
position: fixed;
left: 30%;
}
2016-03-23 22:59:42 +00:00
.logoWrap {
height: 100%;
float: left;
width: auto;
position: relative;
float: left;
}
.logoLine {
width: 90%;
height: 5%;
border: solid black 5px;
background: repeating-linear-gradient(to right, white 8%,black 15%, white 22%);
}
.logoBack {
content: "";
height: 80%;
width: 90%;
top: 10%;
border-left: solid black 5px;
border-right: solid black 5px;
z-index: 1;
}
.logo {
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 45px;
border-color: transparent transparent transparent #1199CC;
}
.fullLogo {
height: 50px;
position: relative;
margin-left: 10px;
float: left;
}
.logoText {
position: relative;
float: left;
font-size: 35px;
left: 10px;
font-family: fantasy;
color: #1199CC;
}
.headerLink {
text-decoration: none;
color: #121212;
font-family: sans-serif;
text-align: center;
font-size: 25px;
padding: 10px;
margin: 10px;
}
.headerButtonText {
color: #1199CC;
}
.headerBar {
list-style-type: none;
left: 5%;
float: left;
margin-top: 10px;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
overflow: hidden;
}
.headerItem {
display: inline;
margin: auto;
}
.logoLinl {
text-decoration: none;
}
.headerLink:active {
background-color: #1199CC;
}
.headerLink:hover {
background-color: #1199CC;
}
#activeHeaderLink {
background-color: #1199CC;
}
.content {
position: relative;
top: 150px;
clear: both;
width: 80%;
margin: auto;
height: auto;
}
.news {
width: 300px;
height: 400px;
border: solid #1199CC 2px;
display: inline-block;
2016-05-22 14:58:34 +00:00
float: left;
margin: 5px;
2016-03-23 22:59:42 +00:00
}
2016-05-22 14:58:34 +00:00
.news img {
width: 80px;
height: 80px;
margin: 5px;
display: block;
float: left;
}
.news p {
width: 95%;
height: 300px;
overflow-y: scroll;
}
.contactForm {
width: 50%;
margin: auto;
padding: 20px;
background-color: #3377AA;
}
.contactForm input {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 30px;
}
2016-05-22 14:58:34 +00:00
.contactForm textarea {
2016-05-22 15:27:27 +00:00
width: 80%
2016-05-22 14:58:34 +00:00
margin-top: 15px;
margin-bottom: 15px;
margin-left: 30px;
}
.contactForm label {
margin-left: 30px;
}
.confirmButton {
width: 100px;
margin-left: 30px;
margin-bottom: 30px;
}
2016-03-23 22:59:42 +00:00
table {
width: 100%;
text-align: center;
}
table .tableHeader {
background-color: #3377AA;
}
table .specialRow {
background-color: #1199CC;
2016-03-23 22:59:42 +00:00
}
img {
float: left;
display: inline;
margin: 5px;
}
p {
font-family: sans-serif;
display: inline-block;
margin: 5px;
}
2016-04-03 22:58:51 +00:00
time {
font-family: sans-serif;
color: gray;
font-size: 10px;
display: block;
}