CSS: Changed syntax to SASS.
authorJan Prachař <jan.prachar@intya.cz>
Thu, 26 May 2011 15:10:18 +0000 (17:10 +0200)
committerJan Prachař <jan.prachar@intya.cz>
Thu, 26 May 2011 15:10:18 +0000 (17:10 +0200)
web/css/screen-ie6.css
web/css/screen.scss

index c62a50d..c109e97 100644 (file)
@@ -1,7 +1,3 @@
-/* BASIC */
-a img {}
-
-
 /* MENU */
 #navcontainer ul {float: left; width: 960px;}
 #navcontainer ul li {display: inline;}
index 61d92fb..4e994dc 100644 (file)
@@ -1,3 +1,9 @@
+\r
+$width: 960px;\r
+$header-height: 150px;\r
+$nav-height: 40px;\r
+\r
+\r
 * {margin: 0; padding: 0; list-style:none;}\r
 html {font-size: 62.5%;        font-family: Arial, Helvetica, sans-serif; height: 100%;}\r
 body {height: 100%;}\r
@@ -9,9 +15,10 @@ p, ol, ul, table {font-size: 1.5em;}
 h1 {font-size: 2.8em; font-weight: bold; padding: 0 0 10px;}\r
 h2 {font-size: 2.4em; padding: 10px 0; font-weight: bold;}\r
 h3 {font-size: 1.8em; padding: 10px 0; font-weight: normal;}\r
-a {}\r
-a:hover {text-decoration: none;}\r
-a>img {}\r
+a {\r
+    &:hover {text-decoration: none;}\r
+    img {}\r
+}\r
 hr {border: none; border-top: 1px solid #333; margin: 0 0 15px;}\r
 th {}\r
 td {}\r
@@ -25,31 +32,33 @@ label {display: block; float: left; width: 60px;}
 \r
 \r
 /* LAYOUT */\r
-#page {position: relative; width: 960px; margin: 0 auto; min-height: 200px;}\r
-#container {padding-top: 190px;}\r
+#page {position: relative; width: $width; margin: 0 auto; min-height: $header-height + $nav-height;}\r
+#container {padding-top: $header-height + $nav-height;}\r
 #content {padding: 20px;}\r
-#header {position: absolute; top: 0px; left: 0px; width: 960px; height:150px;}\r
-#header #logo {position: absolute; top: 0px; left: 0px; display: block;}\r
-#footer {width: 960px;}\r
+#header {position: absolute; top: 0px; left: 0px; width: $width; height: $header-height;\r
+    #logo {position: absolute; top: 0px; left: 0px; display: block;}\r
+}\r
+#footer {width: $width;}\r
 \r
 \r
 /*  CONTENT */\r
-#container p, #container ol, #container ul,\r
-body#tinymce p, body#tinymce ol, body#tinymce ul {padding-bottom: 10px;}\r
-#container ol, #container ul,\r
-body#tinymce ol, body#tinymce ul {font-size: 1.5em; margin-left: 30px; line-height: 1.5em;}\r
-#container ul ul,\r
-body#tinymce ul ul {padding-bottom: 0px; margin-left: 15px;}\r
-#container li,\r
-body#tinymce li {list-style-type: circle;}\r
-#container li li,\r
-body#tinymce li li {list-style-type: square;}\r
+#container, body#tinymce {\r
+    p, ol, ul {padding-bottom: 10px;}\r
+    ol, ul {font-size: 1.5em; margin-left: 30px; line-height: 1.5em;\r
+        &>li {list-style-type: circle;}\r
+        ol, ul {padding-bottom: 0px; margin-left: 15px;\r
+            &>li {list-style-type: square;}\r
+        }\r
+    }\r
+}\r
 \r
 \r
 /* MENU */\r
-#navcontainer {padding-top: 150px; font-size: 1.5em;}\r
-#navcontainer>ul {float: left; width: 960px;}\r
-#navcontainer>ul>li {display: inline;}\r
-#navcontainer>ul>li>a {float: left; text-decoration: none;}\r
-#navcontainer>ul>li>a:hover {}\r
-#navcontainer>ul>li.current>a, #navcontainer>ul>li.ancestor>a {}\r
+#navcontainer {padding-top: $header-height; height: $nav-height; font-size: 1.5em;\r
+    &>ul {float: left; width: $width;\r
+        &>li {display: inline;\r
+            &>a {float: left; text-decoration: none;}\r
+            &.current>a, &.ancestor>a, &>a:hover {text-decoration: underline;}\r
+        }\r
+    }\r
+}
\ No newline at end of file