Skip to content

Commit da02fc9

Browse files
committed
.about changed
1 parent 4a4e7a6 commit da02fc9

File tree

2 files changed

+9
-53
lines changed

2 files changed

+9
-53
lines changed

css/index.css

Lines changed: 6 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -364,30 +364,6 @@ footer {
364364
height: auto;
365365
border-radius: 10px;
366366
}
367-
header {
368-
background-color: rgba(33, 33, 33, 0.9);
369-
color: #ffffff;
370-
display: block;
371-
font: 14px/1.3 Arial, sans-serif;
372-
height: 50px;
373-
position: relative;
374-
z-index: 5;
375-
}
376-
h2 {
377-
margin-top: 30px;
378-
text-align: center;
379-
}
380-
header h2 {
381-
font-size: 22px;
382-
margin: 0 auto;
383-
padding: 10px 0;
384-
width: 80%;
385-
text-align: center;
386-
}
387-
header a,
388-
a:visited {
389-
text-decoration: none;
390-
}
391367
@keyframes move-twink-back {
392368
from {
393369
background-position: 0 0;
@@ -452,9 +428,9 @@ a:visited {
452428
background-position: 10000px 0;
453429
}
454430
}
455-
.stars,
456-
.twinkling,
457-
.clouds {
431+
.about .stars,
432+
.about .twinkling,
433+
.about .clouds {
458434
position: absolute;
459435
top: 84px;
460436
left: 0;
@@ -464,11 +440,11 @@ a:visited {
464440
height: 100%;
465441
display: block;
466442
}
467-
.stars {
443+
.about .stars {
468444
background: #000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;
469445
z-index: 0;
470446
}
471-
.twinkling {
447+
.about .twinkling {
472448
background: transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;
473449
z-index: 1;
474450
-moz-animation: move-twink-back 200s linear infinite;
@@ -477,7 +453,7 @@ a:visited {
477453
-webkit-animation: move-twink-back 200s linear infinite;
478454
animation: move-twink-back 200s linear infinite;
479455
}
480-
.clouds {
456+
.about .clouds {
481457
background: transparent url(http://www.script-tutorials.com/demos/360/images/clouds3.png) repeat top center;
482458
z-index: 3;
483459
-moz-animation: move-clouds-back 200s linear infinite;

less/about.less

Lines changed: 3 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,6 @@
1+
.about {
2+
13

2-
header {
3-
background-color:rgba(33, 33, 33, 0.9);
4-
color:#ffffff;
5-
display:block;
6-
font: 14px/1.3 Arial,sans-serif;
7-
height:50px;
8-
position:relative;
9-
z-index:5;
10-
}
11-
h2{
12-
margin-top: 30px;
13-
text-align: center;
14-
}
15-
header h2{
16-
font-size: 22px;
17-
margin: 0 auto;
18-
padding: 10px 0;
19-
width: 80%;
20-
text-align: center;
21-
}
22-
header a, a:visited {
23-
text-decoration:none;
24-
}
254

265
@keyframes move-twink-back {
276
from {background-position:0 0;}
@@ -93,4 +72,5 @@ header a, a:visited {
9372
-o-animation:move-clouds-back 200s linear infinite;
9473
-webkit-animation:move-clouds-back 200s linear infinite;
9574
animation:move-clouds-back 200s linear infinite;
75+
}
9676
}

0 commit comments

Comments
 (0)