Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Split css:

- ludesik.css defines styles that ludesik.js use.
- main.css defines the style of the html page.
  • Loading branch information...
commit 0a59ae6a2b945683b6aa0d9628b4c10572bced69 1 parent 3a69696
Damien RICCIO authored
Showing with 69 additions and 69 deletions.
  1. +0 −69 css/ludesik.css
  2. +68 −0 css/main.css
  3. +1 −0  index.html
View
69 css/ludesik.css
@@ -1,72 +1,3 @@
-head, body{
- margin:0;
- padding:0;
-}
-
-#compat-container1{
- margin:auto;
- display:block;
- position:relative;
-}
-
-
-#compat-container2{
- padding: 0;
- border: 0;
- display:inline-block;
- position:relative;
-}
-
-.map-container{
- display: table;
- border-collapse: collapse;
- margin: auto;
- position: relative;
-}
-
-.map-row{
- display:table-row;
-}
-
-.map-cell{
- display:table-cell;
- width: 60px;
- height: 60px;
- background-color: #e9e9e8;
- border: 1px solid #b1b0b0;
-
-}
-
-.map-cell:hover{
- background-color: #f5bb31;
-}
-
-#menu{
- background-color: #ffd700;
- width: 300px;
- height: 100%;
- display: inline-block;
- vertical-align: top;
-}
-
-.saved-states{
- margin: 0;
- padding: 0;
-}
-
- ul.saved-states li{
- cursor: pointer;
- list-style: none;
- margin: 4px;
- padding: 4px;
- }
-
- ul.saved-states li:hover{
- background-color: rgba(255, 255, 255, 0.8);
- border-radius: 10px;
- }
-
-
.mobile-agent{
width: 60px; /* Smaller than .map-cell width to fit */
height: 60px;/* Smaller than .map-cell height to fit */
View
68 css/main.css
@@ -0,0 +1,68 @@
+head, body{
+ margin:0;
+ padding:0;
+}
+
+#compat-container1{
+ margin:auto;
+ display:block;
+ position:relative;
+}
+
+
+#compat-container2{
+ padding: 0;
+ border: 0;
+ display:inline-block;
+ position:relative;
+}
+
+.map-container{
+ display: table;
+ border-collapse: collapse;
+ margin: auto;
+ position: relative;
+}
+
+.map-row{
+ display:table-row;
+}
+
+.map-cell{
+ display:table-cell;
+ width: 60px;
+ height: 60px;
+ background-color: #e9e9e8;
+ border: 1px solid #b1b0b0;
+
+}
+
+.map-cell:hover{
+ background-color: #f5bb31;
+}
+
+#menu{
+ background-color: #ffd700;
+ width: 300px;
+ height: 100%;
+ display: inline-block;
+ vertical-align: top;
+}
+
+.saved-states{
+ margin: 0;
+ padding: 0;
+}
+
+ ul.saved-states li{
+ cursor: pointer;
+ list-style: none;
+ margin: 4px;
+ padding: 4px;
+ }
+
+ ul.saved-states li:hover{
+ background-color: rgba(255, 255, 255, 0.8);
+ border-radius: 10px;
+ }
+
View
1  index.html
@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/ludesik.css">
+ <link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/State.js" type="text/javascript"></script>
<script src="js/Ludesik.js" type="text/javascript"></script>
Please sign in to comment.
Something went wrong with that request. Please try again.