Skip to content

Commit 00ea631

Browse files
sebixsebix
committed
cleanup and responsive design, menu bar
Big cleanup of source code (removed tons of unnecessary markup like 3 nested tables with absolutely no use) page is now responsive for all screen sizes added a first draft for a menu bar with fixed position with the typical winpython colors TODO: improve menu and check browser compability (IE?)
1 parent a4126fb commit 00ea631

File tree

2 files changed

+164
-147
lines changed

2 files changed

+164
-147
lines changed

‎css/screen.css

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
html{
2+
-webkit-text-size-adjust: none;
3+
}
4+
5+
body {
6+
color: rgb(0, 0, 0);
7+
background-color: rgb(242, 242, 242);
8+
text-align: center;
9+
font-family: Helvetica, Arial, sans-serif;
10+
max-width: 75em;
11+
margin: 0 auto 1em auto;
12+
}
13+
a:active {
14+
color: #000099;
15+
}
16+
a:link {
17+
color: #000099;
18+
}
19+
a:visited {
20+
color: #990099;
21+
}
22+
23+
/*** HEADER ***/
24+
#header #mainlinks {
25+
position: fixed;
26+
top: 0;
27+
width: 100%;
28+
padding: 0;
29+
}
30+
#header #mainlinks ul {
31+
padding: 0;
32+
margin: 0;
33+
}
34+
#header #mainlinks li {
35+
display: inline-block;
36+
font-size: 0.9em;
37+
background-color: #FFF6D4;
38+
box-shadow: 0em 0em 1em #FFF6D4, 1px 1px 5px #FFF6D4;
39+
}
40+
#header #mainlinks a {
41+
font-size: 1.2em;
42+
text-decoration: none;
43+
display: block;
44+
text-decoration: none;
45+
color: #564b47;
46+
padding: 0 0.4em;
47+
margin: 0 0.1em;
48+
}
49+
#header #mainlinks a:hover {
50+
text-shadow: #FFF 0 0 0.5em;
51+
color: #336D9C;
52+
}
53+
54+
p#title_sub {
55+
font-family: Arial Narrow;
56+
font-weight: bold;
57+
color: rgb(153, 153, 153);
58+
}
59+
60+
/*** CONTENT ***/
61+
62+
#content {
63+
width: 75%;
64+
border-color: rgb(255, 247, 200);
65+
border-style: solid;
66+
border-width: 5px;
67+
margin-left: auto;
68+
margin-right: auto;
69+
padding: 1em;
70+
text-align: justify;
71+
}
72+
73+
.centered {
74+
text-align: center;
75+
}
76+
77+
/*** FOOTER ***/
78+
79+
#footer{
80+
text-align: center;
81+
font-family: Helvetica,Arial,sans-serif;
82+
font-weight: bold;
83+
color: rgb(102, 102, 102);
84+
font-size:0.7em
85+
}
86+

0 commit comments

Comments
 (0)