Skip to content

Commit ab51df5

Browse files
giocalitrigiocalitri
committed
css compressed
1 parent 384fcfe commit ab51df5

File tree

6 files changed

+222
-185
lines changed

6 files changed

+222
-185
lines changed

‎New/dev/style.css‎

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
@CHARSET "UTF-8";
2+
3+
html, body, #container {
4+
margin: 0;
5+
padding: 0;
6+
background-color:#F5F5DC;
7+
text-align: left;
8+
width:100%;
9+
}
10+
11+
h1, h2 {
12+
font-weight:bold;
13+
margin:0;
14+
padding:0;
15+
}
16+
h1 {
17+
font-size:1.5em;
18+
text-align: center;
19+
}
20+
h2 {
21+
font-size:1.3em;
22+
}
23+
24+
div {
25+
clear:both;
26+
}
27+
28+
#game{
29+
border: 1px solid black;
30+
}
31+
32+
#hangman_img {
33+
min-height: 160px;
34+
min-width: 85px;
35+
margin-top: 1%;
36+
}
37+
#cur_img {
38+
min-height: 150px;
39+
}
40+
41+
#words {
42+
border-bottom: 1px solid black;
43+
padding: 1em;
44+
font-size:1.5em;
45+
}
46+
47+
#footer {
48+
margin: 1%;
49+
padding: 1%;
50+
}
51+
52+
#hangman_img, #words, #keyboard {
53+
text-align:center;
54+
}
55+
#setup_scores {
56+
text-align:left;
57+
}
58+
59+
#hangman_img, #setup_scores {
60+
float: left;
61+
width: 49%;
62+
}
63+
#hangman_img {
64+
clear: left;
65+
}
66+
#setup_scores {
67+
clear: right;
68+
}
69+
70+
ul {
71+
margin:0;
72+
padding:0;
73+
list-style-type: none;
74+
clear:both;
75+
}
76+
#footer ul li, ul.letters li{
77+
margin:0;
78+
}
79+
#footer ul li {
80+
padding: 0.7em 0 0.7em 2%;
81+
}
82+
83+
ul.letters {
84+
margin-left: 0.5em;
85+
}
86+
ul.letters li{
87+
padding: 0.4em;
88+
border:2px solid black;
89+
background-color:#F1F1BA;
90+
width:1.5em;
91+
text-align:center;
92+
border-radius: 0.5em;
93+
box-shadow: rgba(0,0,0,0.2) 0.5em 0.5em 0.3em;
94+
float: left;
95+
margin-right: 1em;
96+
margin-top: 0.5em;
97+
margin-bottom: 0.5em;
98+
font-weight: bold;
99+
cursor:pointer;
100+
}
101+
102+
ul.letters li.levelset {
103+
background-color:#D1D154;
104+
}
105+
106+
ul.letters li.hideletter {
107+
background-color:grey;
108+
cursor:auto;
109+
}
110+
111+
#help ul {
112+
margin-left:5%;
113+
list-style-type: disc;
114+
}
115+
116+
#setup_scores ul.letters li {
117+
width:auto;
118+
}
119+
#setup_scores ul.letters li.newgame {
120+
float:none;
121+
clear: both;
122+
}
123+
124+
dl.scores {
125+
font-weight:bold;
126+
clear:both;
127+
margin-left:1em;
128+
}
129+
dl.scores dd {
130+
margin-left:1em;
131+
}
132+
133+
span.endgame {
134+
font-weight:bold;
135+
}

‎New/dev/style_desktop.css‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
@CHARSET "UTF-8";
2+
h1 {
3+
font-size:2em;
4+
margin-top:1%;
5+
}
6+
7+
#game, #help {
8+
margin:1%;
9+
}
10+
11+
#game {
12+
float:left;
13+
width: 65%;
14+
clear:left;
15+
}
16+
#help {
17+
float:right;
18+
width: 30%;
19+
clear:right;
20+
}
21+
22+
#footer ul li {
23+
margin: 0.6em 0.2em;
24+
padding:0.2em;
25+
border:2px solid black;
26+
background-color:#F2F2BA;
27+
text-align:center;
28+
border-radius: 0.5em;
29+
box-shadow: rgba(0,0,0,0.2) 0.5em 0.5em 0.3em;
30+
}
31+
32+
#footer ul li{
33+
float: left;
34+
margin-left: 2em;
35+
}
36+
37+
#footer:after {
38+
visibility: hidden;
39+
display: block;
40+
font-size: 0;
41+
line-height: 0;
42+
content: " ";
43+
clear: both;
44+
height: 0;
45+
width: 0;
46+
}

‎New/hangman_desktop.php‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -31,10 +31,11 @@
3131
<li id="level_medium" onclick="change_level('medium');">Medium</li>
3232
<li id="level_hard" onclick="change_level('hard');">Hard</li>
3333
</ul>
34-
<ul class="scores">
35-
<li>Games Played: <span id="game_played">0</span></li>
36-
<li>Games Won: <span id="game_won">0</span></li>
37-
</ul>
34+
<dl class="scores">
35+
<dt>Games Score:</dt>
36+
<dd>Played: <span id="game_played">0</span></dd>
37+
<dd>Won: <span id="game_won">0</span></dd>
38+
</dl>
3839
</div>
3940
<div id="words">
4041
<span id="guessword">

‎New/hangman_mobile.php‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<title>Hangman</title>
1414
<link rel="stylesheet" type="text/css" href="style.php"/>
1515
<link rel="canonical" href="http://<?php echo $_SERVER['SERVER_NAME'].$path_parts['dirname'] ?>/hangman.php"/>
16-
<script type="text/javascript" src="loc_sess_storage.js"></script>
16+
<script type="text/javascript" src="loc_sess_storage_js.php"></script>
1717
</head>
1818
<body>
1919
<h1>Hangman</h1>
@@ -76,6 +76,6 @@
7676
</ul>
7777
</div>
7878
</div>
79-
<script type="text/javascript" src="hangman.js"></script>
79+
<script type="text/javascript" src="hangman_js.php"></script>
8080
</body>
8181
</html>

‎New/style.php‎

Lines changed: 27 additions & 133 deletions
Original file line numberDiff line numberDiff line change
@@ -2,138 +2,32 @@
22
header("Content-Type: text/css; charset=utf-8");
33
#header("Cache-Control: max-age=31536000, public");
44
?>
5-
@CHARSET "UTF-8";
6-
7-
html, body, #container {
8-
margin: 0;
9-
padding: 0;
10-
background-color:#F5F5DC;
11-
text-align: left;
12-
width:100%;
13-
}
14-
15-
h1, h2 {
16-
font-weight:bold;
17-
margin:0;
18-
padding:0;
19-
}
20-
h1 {
21-
font-size:1.5em;
22-
text-align: center;
23-
}
24-
h2 {
25-
font-size:1.3em;
26-
}
27-
28-
div {
29-
clear:both;
30-
}
31-
32-
#game{
33-
border: 1px solid black;
34-
}
35-
36-
#hangman_img {
37-
min-height: 160px;
38-
min-width: 85px;
39-
margin-top: 1%;
40-
}
41-
#cur_img {
42-
min-height: 150px;
43-
}
44-
45-
#words {
46-
border-bottom: 1px solid black;
47-
padding: 1em;
48-
font-size:1.5em;
49-
}
50-
51-
#footer {
52-
margin: 1%;
53-
padding: 1%;
54-
}
55-
56-
#hangman_img, #words, #keyboard {
57-
text-align:center;
58-
}
59-
#setup_scores {
60-
text-align:left;
61-
}
62-
63-
#hangman_img, #setup_scores {
64-
float: left;
65-
width: 49%;
66-
}
67-
#hangman_img {
68-
clear: left;
69-
}
70-
#setup_scores {
71-
clear: right;
72-
}
73-
74-
ul {
75-
margin:0;
76-
padding:0;
77-
list-style-type: none;
78-
clear:both;
79-
}
80-
#footer ul li, ul.letters li{
81-
margin:0;
82-
}
83-
#footer ul li {
84-
padding: 0.7em 0 0.7em 2%;
85-
}
86-
87-
ul.letters {
88-
margin-left: 0.5em;
89-
}
90-
ul.letters li{
91-
padding: 0.4em;
92-
border:2px solid black;
93-
background-color:#F1F1BA;
94-
width:1.5em;
95-
text-align:center;
96-
border-radius: 0.5em;
97-
box-shadow: rgba(0,0,0,0.2) 0.5em 0.5em 0.3em;
98-
float: left;
99-
margin-right: 1em;
100-
margin-top: 0.5em;
101-
margin-bottom: 0.5em;
102-
font-weight: bold;
103-
cursor:pointer;
104-
}
105-
106-
ul.letters li.levelset {
107-
background-color:#D1D154;
108-
}
109-
110-
ul.letters li.hideletter {
111-
background-color:grey;
112-
cursor:auto;
113-
}
114-
115-
#help ul {
116-
margin-left:5%;
117-
list-style-type: disc;
118-
}
119-
120-
#setup_scores ul.letters li {
121-
width:auto;
122-
}
123-
#setup_scores ul.letters li.newgame {
124-
float:none;
125-
clear: both;
126-
width: 7em;
127-
}
128-
129-
ul.scores {
130-
margin-left:5%;
131-
font-weight:bold;
132-
}
133-
134-
span.endgame {
135-
font-weight:bold;
136-
}
137-
5+
@charset UTF-8;
6+
html,body,#container{background-color:#F5F5DC;text-align:left;width:100%;margin:0;padding:0}
7+
h1,h2{font-weight:700;margin:0;padding:0}
8+
h1{font-size:1.5em;text-align:center}
9+
h2{font-size:1.3em}
10+
div{clear:both}
11+
#game{border:1px solid #000}
12+
#hangman_img{min-height:160px;min-width:85px;margin-top:1%;clear:left}
13+
#cur_img{min-height:150px}
14+
#words{border-bottom:1px solid #000;font-size:1.5em;padding:1em}
15+
#footer{margin:1%;padding:1%}
16+
#hangman_img,#words,#keyboard{text-align:center}
17+
#setup_scores{text-align:left;clear:right}
18+
#hangman_img,#setup_scores{float:left;width:49%}
19+
ul{list-style-type:none;clear:both;margin:0;padding:0}
20+
#footer ul li,ul.letters li{margin:0}
21+
#footer ul li{padding:.7em 0 .7em 2%}
22+
ul.letters{margin-left:.5em}
23+
ul.letters li{border:2px solid #000;background-color:#F1F1BA;width:1.5em;text-align:center;border-radius:.5em;box-shadow:rgba(0,0,0,0.2) .5em .5em .3em;float:left;margin-right:1em;margin-top:.5em;margin-bottom:.5em;font-weight:700;cursor:pointer;padding:.4em}
24+
ul.letters li.levelset{background-color:#D1D154}
25+
ul.letters li.hideletter{background-color:grey;cursor:auto}
26+
#help ul{margin-left:5%;list-style-type:disc}
27+
#setup_scores ul.letters li{width:auto}
28+
#setup_scores ul.letters li.newgame{float:none;clear:both}
29+
dl.scores{font-weight:700;clear:both;margin-left:1em}
30+
dl.scores dd{margin-left:1em}
31+
span.endgame{font-weight:700}
13832

13933

0 commit comments

Comments
 (0)