0x2620/cinemafoundation.in
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

update css

Browse source
This commit is contained in:
rlx 2018-01-12 14:43:24 +01:00
parent a73dd1e7a9
commit 3c4e668b63
1 changed files with 35 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
icf.css
View file

@ -8,16 +8,12 @@
} }
body { body {
background-color: rgb(208, 224, 240);
//background-color: rgb(48, 96, 144);
color: rgb(64, 64, 64); color: rgb(64, 64, 64);
//color: rgb(192, 192, 192);
margin: 0; margin: 0;
} }
a {
color: rgb(255, 128, 0);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
b { b {
font-family: Source Serif Semibold; font-family: Source Serif Semibold;
} }
@ -26,7 +22,7 @@ em, i {
} }
#head { #head {
background-color: #1f618d; background-color: rgb(48, 96, 144);
height: 80px; height: 80px;
left: 0; left: 0;
position: fixed; position: fixed;
@ -34,37 +30,41 @@ em, i {
top: 0; top: 0;
z-index: 1; z-index: 1;
} }
#icf_the {
height: 22px;
left: 9px;
position: absolute;
top: 49px;
}
#icf_icon { #icf_icon {
height: 64px; height: 64px;
left: 64px; left: 64px;
position: absolute; position: absolute;
top: 8px; top: 8px;
} }
#icf_logo { #icf_the {
height: 22px; height: 22px;
left: 136px; left: 136px;
position: absolute; position: absolute;
top: 49px; top: 49px;
} }
#icf_logo {
height: 22px;
left: 183px;
position: absolute;
top: 49px;
}
#link { #link {
display: none; display: none;
color: rgb(208, 224, 240);
font-family: Source Serif Semibold; font-family: Source Serif Semibold;
font-size: 15px; font-size: 15px;
//font-weight: bold; //font-weight: bold;
position: fixed; position: absolute;
right: 16px; right: 16px;
top: 154px; text-decoration: none;
z-index: 100; top: 56px;
z-index: 1;
}
#link:hover {
color: rgb(255, 255, 255);
} }
#timeline { #timeline {
background-color: rgb(192, 192, 192);
height: 64px; height: 64px;
left: 0; left: 0;
overflow: hidden; overflow: hidden;
@ -76,30 +76,32 @@ em, i {
#timeline > img { #timeline > img {
height: 64px; height: 64px;
position: absolute; position: absolute;
user-select: none;
-webkit-user-select: none;
} }
#menu { #menu {
background: #1f618d; background-color: rgb(48, 96, 144);
border-bottom: 1px dotted rgb(255, 128, 0);
color: rgb(192, 192, 192); color: rgb(192, 192, 192);
font-family: Source Serif Semibold; font-family: Source Serif Semibold;
font-size: 18px; font-size: 18px;
height: 24px; height: 24px;
left: 0; left: 0;
padding: 8px 12px; letter-spacing: 0.5px;
padding: 8px 12px 8px 64px;
position: fixed; position: fixed;
right: 0; right: 0;
text-shadow: 0 -0.25px rgb(192, 192, 192),
0.25px 0 rgb(192, 192, 192),
0 0.25px rgb(192, 192, 192),
-0.25px 0 rgb(192, 192, 192);
top: 144px; top: 144px;
z-index: 1; z-index: 1;
} }
#menu > a { #menu > a {
color: rgb(192, 192, 192); color: rgb(208, 224, 240);
text-decoration: none; text-decoration: none;
} }
#menu > a:hover { #menu > a:hover {
color: rgb(224, 160, 96); color: rgb(255, 255, 255);
} }
#menu > a.selected { #menu > a.selected {
color: rgb(255, 128, 0); color: rgb(255, 128, 0);
@ -113,18 +115,19 @@ em, i {
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
left: 64px; left: 64px;
padding-bottom: 32px; padding: 16px 0 32px 0;
position: absolute; position: absolute;
text-align: justify; text-align: justify;
top: 192px; top: 184px;
width: 800px; width: 800px;
} }
.section:not(.selected) { .section:not(.selected) {
display: none; display: none;
} }
.section a {
@media (max-width: 768px) { color: rgb(48, 96, 144);
.section { //text-decoration: none;
width: 600px;
} }
.section a:hover {
text-decoration: underline;
} }