Rename styles to match semantics

This commit is contained in:
Victor 2015-12-07 13:57:43 +02:00
parent d71d70b484
commit 26b7a145bc
3 changed files with 78 additions and 49 deletions

58
public_html/css/run.css Normal file
View File

@ -0,0 +1,58 @@
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
html, body, div, span, p {
margin: 0;
padding: 0;
}
body {
font-family: "Open Sans", sans-serif;
font-size: 18px;
line-height: 1.5;
}
#background, #background1, #background2 {
width: 100%;
height: 100%;
background: black;
overflow: hidden;
position: relative;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#window {
position: absolute;
bottom: 0px;
width: 100%;
min-height: 20%;
background-color: rgba(0, 0, 0, 0.5);
}
#textAuthor {
margin: 5px 0 10px 20px;
color: white;
}
#textContent {
color: #DEC88C;
margin: 0 10px;
}
.sprite {
position: absolute;
bottom: 0px;
}
#finish {
display: none;
}

View File

@ -1,54 +1,25 @@
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
.column:first-child {
margin-left: 2%;
}
.column, .columns {
margin-left: 2%;
}
html, body, div, span, p {
margin: 0;
padding: 0;
.item {
display: block;
background-color: white;
padding: 2px;
margin-bottom: 10px;
}
body {
font-family: "Open Sans", sans-serif;
font-size: 18px;
line-height: 1.5;
.item_name {
text-align: center;
font-size: 120%;
padding: 10px;
margin: 0;
}
#background, #background1, #background2 {
width: 100%;
height: 100%;
background: black;
overflow: hidden;
position: relative;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#window {
position: absolute;
bottom: 0px;
width: 100%;
min-height: 20%;
background-color: rgba(0, 0, 0, 0.5);
}
#textAuthor {
margin: 5px 0 10px 20px;
color: white;
}
#textContent {
color: #DEC88C;
margin: 0 10px;
}
.sprite {
position: absolute;
bottom: 0px;
.item_description {
padding: 5px 10px;
margin: 0;
}

View File

@ -14,7 +14,7 @@
<script src="js/Parser.js"></script>
<script src="js/Views.js"></script>
<script src="js/Main.js"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/run.css">
</head>
<body>
<div id="background">
@ -25,7 +25,7 @@
<div id="textAuthor"></div>
<div id="textContent"></div>
</div>
<p id="result"></p>
<div id="finish"><a href="/">Вернуться на главную</a></div>
</div>
</body>
</html>