Skip to content

Commit eb44bbe

Browse files
raqemraqem
committed
more less
trying to change background with less and save pictures rather then using urls
1 parent f12067b commit eb44bbe

File tree

4 files changed

+36
-55
lines changed

4 files changed

+36
-55
lines changed

‎assets/TheQuest.html

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title> The Quest for The 7 </title>
5+
<link rel="stylesheet" type="text/css" href="./the7style.less">
6+
<link href="https://fonts.googleapis.com/css?family=Acme|Lato|Raleway" rel="stylesheet">
7+
8+
</head>
9+
<body>
10+
<header>
11+
<div class="landing-text">
12+
<h1> <span> Quest for The 7</span> </h1>
13+
<h2> The Orbs of Power</h2>
14+
<h2> The Heros</h2>
15+
</div>
16+
</header>
17+
18+
19+
<div id="orbs">
20+
21+
</div>
22+
23+
<div id="players">
24+
</div>
25+
26+
</body>
27+
</html>

‎assets/images/pink-orb.jpg

74.5 KB
Loading

‎assets/index.html

-48
This file was deleted.

‎assets/styles/the7style.less

+9-7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
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
3+
14
*{
25
padding: 0;
36
margin: 0;
@@ -8,8 +11,7 @@ body{
811
header{
912
height: 100vh;
1013
width: 100%;
11-
background:
12-
url("http://vignette2.wikia.nocookie.net/flylikeabird3/images/b/b1/Magic_orb_by_cruoty-xo-blog-posting-xo.jpg/revision/latest?cb=20140103143303") no-repeat center center;
14+
background: /images/pink-orb.jpg;
1315
}
1416

1517
.landing-text h2{
@@ -18,7 +20,7 @@ header{
1820

1921
}
2022
header .landing-text h1 span:hover{
21-
color: green;
23+
color: pink;
2224

2325
}
2426
.landing-text{
@@ -31,15 +33,15 @@ header .landing-text h1 span:hover{
3133

3234

3335
#orbs{
34-
background: url("http://www.myfreetextures.com/wp-content/uploads/2011/06/another-rough-old-and-worn-parchment-paper.jpg") no-repeat center center;
35-
background-color: #edebd7;
36+
background: @background;
37+
background-color: @background-color;
3638
height: 100vh;
3739
width: 100%;
3840
}
3941

4042
#players{
41-
background: url("http://www.myfreetextures.com/wp-content/uploads/2011/06/another-rough-old-and-worn-parchment-paper.jpg") no-repeat center center;
42-
background-color: #edebd7;
43+
background: @background;
44+
background-color: @background-color;
4345
height: 100vh;
4446
width: 100%;
4547
}

0 commit comments

Comments
 (0)