Redesigned the main page

Signed-off-by: Gergely POLONKAI <polesz@w00d5t0ck.info>
This commit is contained in:
Gergely POLONKAI 2012-08-16 16:55:14 +02:00
parent fab08cad6f
commit 4e38560944
4 changed files with 130 additions and 112 deletions

View File

@ -25,54 +25,6 @@ a {
text-decoration: underline; text-decoration: underline;
} }
#top-line {
position: fixed;
left: 0;
top: 0;
width: 100%;
background-color: #152967;
color: #c4d3ff;
height: 32px;
border-bottom: 1px solid #1b3586;
z-index: 200;
}
#top-line-padding {
height: 33px;
clear: both;
}
#top-line #search-box {
float: right;
padding: 5px;
}
#top-line #login-gomb {
float: left;
padding: 5px;
}
#top-line #profil-gomb {
float: left;
padding: 5px;
}
#bottom-line-padding {
height: 33px;
}
#bottom-line {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #152967;
color: #c4d3ff;
height: 32px;
border-top: 1px solid #1b3586;
z-index: 200;
}
#wrapper { #wrapper {
background-color: #000000; background-color: #000000;
width: 960px; width: 960px;
@ -94,7 +46,7 @@ a {
} }
#content-outline { #content-outline {
color: #3366ff; color: #142965;
text-align: justify; text-align: justify;
width: 960px; width: 960px;
float: left; float: left;
@ -105,62 +57,8 @@ a {
padding: 5px; padding: 5px;
} }
#news-button { #content img {
position: relative; margin: 5px;
top: 7px;
background-image: url('../images/news-button.png');
width: 20px;
height: 57px;
left: 960px;
z-index: 150;
cursor: pointer;
}
#news-close-button {
background-image: url('../images/no.png');
width: 16px;
height: 16px;
float: right;
cursor: pointer;
}
#hirek {
float: right;
color: #aaaacc;
width: 215px;
display: none;
}
#hirek h3 {
padding: 10px;
margin: 15px 0 0 0;
}
div.hir {
padding: 5px;
font-size: 80%;
margin-bottom: 15px;
}
p.hir-cim {
font-weight: bold;
margin: 0 0 5px 0;
}
p.hir-szoveg {
text-align: justify;
margin: 10px 0;
}
p.hir-szerzo {
font-style: italic;
text-align: right;
margin: 0;
}
p.hir-datum {
text-align: right;
margin: 0;
} }
h3 a { h3 a {
@ -187,11 +85,6 @@ h3 a {
cursor: pointer; cursor: pointer;
} }
#top-line .gomb {
background-color: transparent;
color: #c4d3ff;
}
.gomb a { .gomb a {
color: inherit !important; color: inherit !important;
} }

View File

@ -7,7 +7,7 @@
*/ */
#menu { #menu {
background-color: #29140d; background-color: black;
border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0;
border-color: #29140d; border-color: #29140d;
font-size: 80%; font-size: 80%;
@ -28,4 +28,4 @@
color: #ffffff; color: #ffffff;
margin-right: 5px; margin-right: 5px;
padding: 0 15px; padding: 0 15px;
} text-decoration: none;

View File

@ -0,0 +1,65 @@
/*
Document : news
Created on : 2012.08.16., 16:26:16
Author : Gergely Polonkai
Description:
CSS for styling news
*/
#news-button {
position: relative;
top: 7px;
background-image: url('../images/news-button.png');
width: 20px;
height: 57px;
left: 960px;
z-index: 150;
cursor: pointer;
}
#news-close-button {
background-image: url('../images/no.png');
width: 16px;
height: 16px;
float: right;
cursor: pointer;
}
#hirek {
float: right;
color: #aaaacc;
width: 215px;
display: none;
}
#hirek h3 {
padding: 10px;
margin: 15px 0 0 0;
}
div.hir {
padding: 5px;
font-size: 80%;
margin-bottom: 15px;
}
p.hir-cim {
font-weight: bold;
margin: 0 0 5px 0;
}
p.hir-szoveg {
text-align: justify;
margin: 10px 0;
}
p.hir-szerzo {
font-style: italic;
text-align: right;
margin: 0;
}
p.hir-datum {
text-align: right;
margin: 0;
}

View File

@ -0,0 +1,60 @@
/*
Document : statuslines
Created on : 2012.08.16., 16:28:11
Author : Gergely Polonkai
Description:
CSS for styling top and bottom status lines
*/
#top-line {
position: fixed;
left: 0;
top: 0;
width: 100%;
background-color: #0c173a;
color: #c4d3ff;
height: 32px;
border-bottom: 1px solid #1b3586;
z-index: 200;
}
#top-line-padding {
height: 33px;
clear: both;
}
#top-line #search-box {
float: right;
padding: 5px;
}
#top-line #login-gomb {
float: left;
padding: 5px;
}
#top-line #profil-gomb {
float: left;
padding: 5px;
}
#bottom-line-padding {
height: 33px;
}
#bottom-line {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #0c173a;
color: #c4d3ff;
height: 32px;
border-top: 1px solid #1b3586;
z-index: 200;
}
#top-line .gomb {
background-color: transparent;
color: #c4d3ff;
}