Rename styles to match semantics
This commit is contained in:
parent
d71d70b484
commit
26b7a145bc
58
public_html/css/run.css
Normal file
58
public_html/css/run.css
Normal 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;
|
||||
}
|
@ -1,54 +1,25 @@
|
||||
html, body {
|
||||
.column:first-child {
|
||||
margin-left: 2%;
|
||||
}
|
||||
.column, .columns {
|
||||
margin-left: 2%;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: block;
|
||||
background-color: white;
|
||||
padding: 2px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.item_name {
|
||||
text-align: center;
|
||||
font-size: 120%;
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
html, body, div, span, p {
|
||||
.item_description {
|
||||
padding: 5px 10px;
|
||||
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;
|
||||
}
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user