Skip to content

Commit 3170c79

Browse files
committed
start LESS file over
1 parent eb44bbe commit 3170c79

File tree

3 files changed

+70
-19
lines changed

3 files changed

+70
-19
lines changed

assets/TheQuest.html

+6-4
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,18 @@
22
<html>
33
<head>
44
<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">
66
<link href="https://fonts.googleapis.com/css?family=Acme|Lato|Raleway" rel="stylesheet">
7+
<!--STYLES-->
8+
<!--STYLES END-->
9+
</head>
710

8-
</head>
911
<body>
1012
<header>
1113
<div class="landing-text">
1214
<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>
1517
</div>
1618
</header>
1719

assets/styles/the7style.less

+25-15
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,40 @@
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+
}
39

410
*{
511
padding: 0;
612
margin: 0;
713
}
14+
815
body{
916
background: black;
17+
.bodysize;
1018
}
19+
1120
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;
1523
}
1624

25+
1726
.landing-text h2{
1827
font-size: 35px;
1928
font-family: 'Lato', sans-serif;
20-
2129
}
30+
header .landing-text h2 span:hover{
31+
color: blue;
32+
}
33+
2234
header .landing-text h1 span:hover{
2335
color: pink;
24-
2536
}
37+
2638
.landing-text{
2739
color: #e4dee8;
2840
text-align: center;
@@ -33,15 +45,13 @@ header .landing-text h1 span:hover{
3345

3446

3547
#orbs{
36-
background: @background;
37-
background-color: @background-color;
38-
height: 100vh;
39-
width: 100%;
48+
background: @parchment;
49+
background-color: @tan;
50+
.bodysize;
4051
}
4152

4253
#players{
43-
background: @background;
44-
background-color: @background-color;
45-
height: 100vh;
46-
width: 100%;
54+
background: @parchment;
55+
background-color: @tan;
56+
.bodysize;
4757
}

assets/styles/thequest.less

+39
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
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+
}

0 commit comments

Comments
 (0)