first release

2013-05-31 22:26:22 +02:00
parent 149232ec0c
commit 8921d108e2
70 changed files with 1080 additions and 85 deletions
@@ -10,6 +10,6 @@
 // WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
 // GO AFTER THE REQUIRES BELOW.
 //
-//= require jquery
-//= require jquery_ujs
-//= require_tree .
+//= #require jquery
+//= #require jquery_ujs
+//= #require_tree .
@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/
@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/
@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/
@@ -1,13 +1,6 @@
 /*
- * This is a manifest file that'll be compiled into application.css, which will include all the files
- * listed below.
- *
- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
- * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
- *
- * You're free to add application-wide styles to this file and they'll appear at the top of the
- * compiled file, but it's generally better to create a new file per style scope.
- *
 *= require_self
- *= require_tree .
- */
+ *= require style.css
+ *= require screen.css
+ *= require mobi.css
+ */
@@ -0,0 +1,3 @@
+// Place all the styles related to the Blogposts controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
@@ -0,0 +1,3 @@
+// Place all the styles related to the Comments controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
@@ -0,0 +1,6 @@
+/* CSS for Phones only */
+@media only screen
+and (max-width: 999px)
+{
+  
+}
@@ -0,0 +1,69 @@
+body {
+  background-color: #fff;
+  color: #333;
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size: 13px;
+  line-height: 18px;
+}
+
+p, ol, ul, td {
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size: 13px;
+  line-height: 18px;
+}
+
+pre {
+  background-color: #eee;
+  padding: 10px;
+  font-size: 11px;
+}
+
+a {
+  color: #000;
+  &:visited {
+    color: #666;
+  }
+  &:hover {
+    color: #fff;
+    background-color: #000;
+  }
+}
+
+div {
+  &.field, &.actions {
+    margin-bottom: 10px;
+  }
+}
+
+#notice {
+  color: green;
+}
+
+.field_with_errors {
+  padding: 2px;
+  background-color: red;
+  display: table;
+}
+
+#error_explanation {
+  width: 450px;
+  border: 2px solid red;
+  padding: 7px;
+  padding-bottom: 0;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+  h2 {
+    text-align: left;
+    font-weight: bold;
+    padding: 5px 5px 5px 15px;
+    font-size: 12px;
+    margin: -7px;
+    margin-bottom: 0px;
+    background-color: #c00;
+    color: #fff;
+  }
+  ul li {
+    font-size: 12px;
+    list-style: square;
+  }
+}
@@ -0,0 +1,127 @@
+/* CSS for PCs only */
+@media only screen
+and (min-width: 1000px)
+{
+
+
+
+
+  a {
+    transition: color 0.25s;
+    color: #700;
+    text-decoration: none;
+    &:hover {
+      color: #F00;
+    }
+  }
+  #notice {
+    background: #8e8;
+    text-align: center;
+    padding: 10px;
+    border-bottom: 3px dashed #8d8;
+    font-weight: bold;
+  }
+  #alert {
+    background: #ebb;
+    text-align: center;
+    padding: 10px;
+    border-bottom: 3px dashed #fdd;
+    font-weight: bold;
+  }
+  #head {
+    width: 100%;
+    height: 40px;
+    background: #ccc;
+    border-bottom: 2px solid #aaa;
+    vertical-align: middle;
+    #logo {
+      margin: 4px;
+      margin-left: 20px;
+      height: 32px;
+      width: 32px;
+      float: left;
+      background: url('/assets/logo.png');
+    }
+    #userinfo {
+      float: right;
+      padding: 0 10px;
+      margin-top: 2px;
+      img.avatar {
+        border: 1px solid #000;
+        border-radius: 16px;
+        vertical-align: middle;
+        &:hover {
+          box-shadow: 0 0 2px;
+        }
+      }
+    }
+  }
+  img.user-avatar {
+    border: 1px solid #000;
+    border-radius: 4px;
+  }
+  span.no-about {
+    color: #888;
+    font-style: italic;
+  }
+
+  #main-content {
+    width: 650px;
+    margin: 0 auto;
+    background: #eee;
+    padding: 30px;
+
+    h1 {
+      font-weight: normal;
+      font-size: 400%;
+      margin: 0;
+      color: #888;
+      text-shadow: 0 1px #999;
+    }
+  }
+
+  #posts {
+    #post {
+      margin-bottom: 50px;
+      #post-title {
+        margin-bottom: 10px;
+        h2 {
+          font-weight: normal;
+          color: #700;
+          text-transform: uppercase;
+          display: inline;
+          font-size: 250%;
+        }
+        .comment-counter {
+          float: right;
+        }
+      }
+    }
+  }
+
+  .post-info {
+    border-bottom: 2px dashed #999;
+    color: #888;
+    a {
+      color: #755;
+      &:hover{
+        color: #d55;
+      }
+    }
+  }
+
+  #post-content {
+    margin-top: 10px;
+    clear: both;
+  }
+
+  #comments {
+    margin: 50px 0 0 40px;
+    textarea {
+      width: 480px;
+      height: 106px;
+      max-width: 610px;
+    }
+  }
+
+}
@@ -0,0 +1,9 @@
+/* General CSS for all screens */
+body {
+  margin: 0;
+  padding: 0;
+  font: 14px/1.6 "Open Sans","Lucida Sans","Lucida Grande","Lucida Sans Unicode",Calibri,sans-serif;
+}
+
+// use screen.css
+// and mobi.css