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 { .column:first-child {
margin: 0; margin-left: 2%;
padding: 0; }
width: 100%; .column, .columns {
height: 100%; margin-left: 2%;
overflow: hidden;
} }
html, body, div, span, p { .item {
margin: 0; display: block;
padding: 0; background-color: white;
padding: 2px;
margin-bottom: 10px;
} }
body { .item_name {
font-family: "Open Sans", sans-serif; text-align: center;
font-size: 18px; font-size: 120%;
line-height: 1.5; padding: 10px;
margin: 0;
} }
#background, #background1, #background2 { .item_description {
width: 100%; padding: 5px 10px;
height: 100%; margin: 0;
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;
} }

View File

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