Commit 3170c79 1 parent eb44bbe commit 3170c79 Copy full SHA for 3170c79
File tree 3 files changed +70
-19
lines changed
3 files changed +70
-19
lines changed Original file line number Diff line number Diff line change 2
2
< html >
3
3
< head >
4
4
< title > The Quest for The 7 </ title >
5
- < link rel ="stylesheet " type ="text/css " href ="./the7style .less ">
5
+ < link rel ="stylesheet " type ="text/css " href ="./thequest .less ">
6
6
< link href ="https://fonts.googleapis.com/css?family=Acme|Lato|Raleway " rel ="stylesheet ">
7
+ <!--STYLES-->
8
+ <!--STYLES END-->
9
+ </ head >
7
10
8
- </ head >
9
11
< body >
10
12
< header >
11
13
< div class ="landing-text ">
12
14
< h1 > < span > Quest for The 7</ span > </ h1 >
13
- < h2 > The Orbs of Power</ h2 >
14
- < h2 > The Heros</ h2 >
15
+ < h2 > < span > The Orbs of Power</ span > </ h2 >
16
+ < h2 > < span > The Heros</ span > </ h2 >
15
17
</ div >
16
18
</ header >
17
19
Original file line number Diff line number Diff line change 1
- @background : url (" http://www.myfreetextures.com/wp-content/uploads/2011/06/another-rough-old-and-worn-parchment-paper.jpg" ) no-repeat center center ;
2
- @background-color : #edebd7
1
+ // variables
2
+
3
+ @parchment : url (' http://www.myfreetextures.com/wp-content/uploads/2011/06/another-rough-old-and-worn-parchment-paper.jpg' ) no-repeat center center ;
4
+ @tan : #edebd7 ;
5
+
6
+ .bodysize { height : 100vh ;
7
+ width : 100% ;
8
+ }
3
9
4
10
* {
5
11
padding : 0 ;
6
12
margin : 0 ;
7
13
}
14
+
8
15
body {
9
16
background : black ;
17
+ .bodysize ;
10
18
}
19
+
11
20
header {
12
- height : 100vh ;
13
- width : 100% ;
14
- background : / images/ pink- orb.jpg ;
21
+ .bodysize ;
22
+ background : url(' http://cdn.playbuzz.com/cdn/f4b6d7b3-4268-43a4-8a46-85e1697e218f/b229eb7d-48d8-414c-8bf4-0782a79c2e57.jpg' ) no-repeat center center ;
15
23
}
16
24
25
+
17
26
.landing-text h2 {
18
27
font-size : 35px ;
19
28
font-family : ' Lato' , sans-serif ;
20
-
21
29
}
30
+ header .landing-text h2 span :hover {
31
+ color : blue ;
32
+ }
33
+
22
34
header .landing-text h1 span :hover {
23
35
color : pink ;
24
-
25
36
}
37
+
26
38
.landing-text {
27
39
color : #e4dee8 ;
28
40
text-align : center ;
@@ -33,15 +45,13 @@ header .landing-text h1 span:hover{
33
45
34
46
35
47
#orbs {
36
- background : @background ;
37
- background-color : @background-color ;
38
- height : 100vh ;
39
- width : 100% ;
48
+ background : @parchment ;
49
+ background-color : @tan ;
50
+ .bodysize ;
40
51
}
41
52
42
53
#players {
43
- background : @background ;
44
- background-color : @background-color ;
45
- height : 100vh ;
46
- width : 100% ;
54
+ background : @parchment ;
55
+ background-color : @tan ;
56
+ .bodysize ;
47
57
}
Original file line number Diff line number Diff line change
1
+ // variables
2
+
3
+ @purple : #7E57A8 ;
4
+ @fire-red : #B02017 ;
5
+ @orange : #E95726 ;
6
+ @scales : #110101 ;
7
+ @black : #0B0704 ;
8
+ @light : #6F6160 ;
9
+
10
+ @demon : url (' https://www.walldevil.com/wallpapers/a92/demon-fantasy-fire-wallpaper-monster-wallpapers.jpg' )
11
+
12
+ .bodysize { height : 100vh ;
13
+ width : 100% ;
14
+ }
15
+
16
+ * {
17
+ padding : 0 ;
18
+ margin : 0 ;
19
+ }
20
+
21
+ header body {
22
+ background : @black ;
23
+ }
24
+
25
+ header {
26
+ background : @demon ;
27
+ .bodysize ;
28
+ }
29
+
30
+ h1 {
31
+ color : @light ;
32
+ font-size : 56px ;
33
+ font-family : ' Acme' ;
34
+
35
+ & :hover {
36
+ color : @fire-red ;
37
+ font-size : 64px ;
38
+ }
39
+ }
You can’t perform that action at this time.
0 commit comments