fesplugas-typus 0.9.0

data/generators/typus/templates/public/stylesheets/admin/screen.css

@@ -0,0 +1,709 @@
+/* @group Defaults */
+
+html {
+  background: #000;
+  height: 100%;
+  margin-bottom: 1px;
+}
+
+body {
+  color: #000;
+  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
+  font-size: 75%;
+}
+
+label {
+  display: block;
+  font-weight: bold;
+  margin-bottom: 5px;
+}
+
+strong {
+  font-weight: bold;
+}
+
+dt {
+  float: left;
+  font-weight: bold;
+  width: 200px;
+}
+
+dd {
+  margin: 0 0 0 220px;
+}
+
+/* @end */
+
+/* @group Links */
+
+a, 
+a:visited,
+a:link {
+  color: #000;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #333;
+  text-decoration: underline;
+}
+
+a.on {
+  color: #333;
+  font-weight: bold;
+  text-decoration: underline;
+}
+
+/* @end */
+
+/* @group Wrappers */
+
+#header_wrapper {
+  background: #000;
+  margin: 0 auto;
+  padding: 0 10px;
+  width: 940px;
+}
+
+#wrapper {
+  background: #FFF;
+}
+
+#content_wrapper {
+  background: #FFF;
+  min-height: 400px;
+  margin: 0 auto;
+  padding: 0 10px;
+  width: 940px;
+}
+
+/* @end */
+
+/* @group Header */
+
+#header {
+  background: #000;
+  color: #FFF;
+  margin: 0 auto;
+  padding: 1em 0;
+}
+
+  #header h1 {	
+    font-size: 2em;
+  }
+
+    #header h1 small {
+      font-size: 0.5em;
+    }
+
+  #header a {
+    color: #FFF;
+  }
+
+  #header .left {
+    float: left;
+  }
+
+  #header .right {
+    float: right;
+    margin-top: 1em;
+  }
+
+    #header .right li {
+      display: inline;
+      padding-left: 1em;
+    }
+
+/* @end */
+
+/* @group Content */
+
+#content {
+  width: 700px;
+  float: left;
+  padding: 1.5em 0;
+}
+
+  #content h2 {
+    font-size: 1.5em;
+    font-weight: bold;
+    margin: 0em 0em 0.5em 0em;
+  }
+
+    #content h2 a {
+      font-weight: bold;
+    }
+
+    #content h2 small {
+      font-size: 0.75em;
+    }
+
+    #content h2 small a {
+      color: #666;
+    }
+
+  #content h3 {
+    font-size: 1.25em;
+    font-weight: bold;
+    margin: 1em 0em;
+  }
+
+  #content h4 {
+    margin: 1em 0em;
+  }
+
+  #content ol {
+    margin: 1em 2em;
+  }
+
+  #content ul {
+    margin: 0em 1.5em;
+  }
+
+    #content li {
+      list-style: square;
+      line-height: 20px;
+    }
+
+    #content ul li {
+      list-style: square;
+    }
+
+  #content p {
+    margin: 1em 0em;
+  }
+
+    #content p a {
+      text-decoration: underline;
+    }
+
+    #content p a:hover {
+      color: #408BB6;
+    }
+
+  #content pre {
+    background: #000;
+    color: #FFF;
+    font-size: 1.25em;
+    margin: 1em 0em;
+    overflow: auto;
+    padding: 1em;
+  }
+
+  #content blockquote {
+    border-left: 1px solid #999;
+    font-size: 1.25em;
+    font-family: georgia;
+    margin: 1em;
+    padding: 0em 1em;
+  }
+
+  #content table {
+    margin: 1em 0em;
+    background: #000;
+  }
+
+  #content h2+table {
+    margin: 0em; /* Here we overwrite a preference */
+  }
+
+/* @end */
+
+/* @group Sidebar */
+
+#sidebar {
+  float: left;
+  margin-left: 20px;
+  padding: 1.5em 0;
+  width: 220px;
+}
+
+  #sidebar h2 {
+    font-size: 1.5em;
+    font-weight: bold;
+  }
+
+  #sidebar h3 {
+    margin: 1em 0;
+  }
+
+  #sidebar p {
+    margin: 1em 0;
+  }
+
+  #sidebar p a {
+    text-decoration: underline;
+  }
+
+  #sidebar label {
+    font-size: 15px;
+  }
+
+  #sidebar form {
+    margin-bottom: 1.25em;
+  }
+
+  #sidebar ul {
+    margin: 1em 0em;
+  }
+
+  #sidebar code {
+    font-size: 1.25em;
+    color: green;
+  }
+
+  #sidebar small {
+    font-size: 0.85em;
+  }
+
+/* @end */
+
+/* @group Footer */
+
+#footer_wrapper {
+  background: #000;
+}
+
+#footer {
+  background: #000;
+  margin: 0 auto;
+  width: 940px;
+}
+
+  #footer .left {
+    float: left;
+  }
+
+  #footer .right {
+    float: right;
+  }
+
+  #footer p {
+    color: #FFF;
+    font-size: 0.9em;
+    line-height: 18px;
+    padding: 1em 0em;
+  }
+
+  #footer a {
+    color: #FFF;
+    font-weight: normal;
+    text-decoration: underline;
+  }
+
+  #footer a:hover {
+    color: #408BB6;
+  }
+
+/* @end */
+
+/* @group Content Forms */
+
+#content form {
+  margin: 1em 0em 2em 0em;
+}
+
+  #content form ul {
+    margin: 0;
+  }
+
+  #content form ul li {
+    list-style: none;
+    margin: 1em 0;
+  }
+
+    #content form ul li p {
+      margin: 0.5em 0;
+    }
+
+  #content form small {
+    font-size: 0.9em;
+    font-weight: normal;
+  }
+
+  #content input.text {
+    border: 1px solid #999;
+    font-size: 20px;
+    padding: 5px;
+    width: 688px;
+  }
+
+  input.button {
+    margin: 10px 0 0 0;
+  }
+
+  #content input.text:focus {
+    background: #FFFCE1;
+  }
+
+  #content textarea {
+    border: 1px solid #999;
+    font-family: "Courier";
+    font-size: 14px;
+    padding: 3px;
+    width: 691px;
+  }
+
+  #content textarea:focus { 
+    background: #FFFCE1;
+  }
+
+  #content select {
+    border: 1px solid #999;
+    font-size: 1.20em;
+  }
+
+/* @end */
+
+/* @group Content Tables */
+
+#content table {
+  width: 100%;
+}
+
+  #content table small {
+    font-size: 0.8em;
+  }
+
+  #content table th {
+    color: #FFF;
+    font-weight: normal;
+    padding: 4px;
+  }
+
+    #content table th a {
+      color: #FFF!important;
+    }
+
+    #content .asc { background: transparent url(/images/admin/arrow_up.gif) no-repeat right center; }
+
+    #content .desc { background: transparent url(/images/admin/arrow_down.gif) no-repeat right center; }
+
+  #content table td.right {
+    text-align: right;
+  }
+
+  #content table tr.even {
+    background: #FFF!important;
+  }
+
+    #content table tr.even:hover,
+    #content table tr.odd:hover {
+      background: #000!important;
+      color: #FFF;
+    }
+
+    #content table tr.even:hover a,
+    #content table tr.odd:hover a {
+      color: #FFF!important;
+    }
+
+  #content table tr.odd {
+    background: #F5F5F5;
+  }
+
+  #content table td {
+    border: none;
+    font-weight: normal;
+    padding: 3px 4px;
+    vertical-align: top;
+  }
+
+/* @end */
+
+/* @group Rails Errors */
+
+.fieldWithErrors input {
+  background: #FBE3E4;
+  border: 1px solid #8A1F11!important;
+}
+
+.errorExplanation {
+  background: #FBE3E4;
+  border: 2px solid #FBC2C4;
+  color: #8a1f11;
+  padding: 0 10px;
+}
+
+  .errorExplanation h3 {
+    display: none;
+  }
+
+  .errorExplanation p {
+    font-weight: bold;
+    padding: 0 5px;
+  }
+
+  .errorExplanation ul {
+    margin: 0 0 10px 25px!important;
+  }
+
+  .errorExplanation ul li {
+    list-style: square!important;
+    margin: 0!important;
+  }
+
+/* @end */
+
+/* @group Search Box */
+
+input#search {
+  border: 1px solid #999;
+  font-size: 1.2em;
+  padding: 3px;
+}
+
+/* @end */
+
+/* @group Login Page Dialog */
+
+#bottom_dialog {
+  color: #FFF;
+  font-size: 0.9em;
+  line-height: 18px;
+  margin: 0em auto;
+  padding: 0em 1.5em;
+  text-align: center;
+  width: 420px;
+}
+
+  #bottom_dialog a {
+    color: #FFF;
+    font-weight: bold;
+  }
+
+#dialog {
+  background: #FFF;
+  border: 0.5em solid #408BB6;
+  margin: 5em auto 1em auto;
+  padding: 0em 1.5em;
+  width: 35em;
+}
+
+  #dialog h1 {
+    font-size: 2em;
+    font-weight: bold;
+    margin: 0.5em 0;
+  }
+
+    #dialog h1 a {
+      font-weight: bold;
+    }
+
+    #dialog h1 a:hover {
+      color: #000;
+      text-decoration: underline;
+    }
+
+    #dialog li {
+      margin: 1em 0;
+    }
+
+  #dialog li a {
+    margin: 0.5em;
+    display: inline;
+    font-size: 11px;
+  }
+
+  #dialog input.text {
+    border: 1px solid #999;
+    font-size: 2em;
+    padding: 0.25em;
+    width: 16.75em;
+  }
+
+  #dialog input.button {
+    margin: 0.5em 0em;
+  }
+
+/* @end */
+
+/* @group Pagination */
+
+.pagination {
+  border-bottom: 1px solid #F5F5F5;
+  border-top: 1px solid #F5F5F5;
+  margin: 1.5em auto 0em auto;
+  padding: 1em;
+  text-align: center;
+}
+
+  .pagination a {
+    color: #333;
+    margin: 2px;
+    padding: 2px 3px;
+    text-decoration: none;
+  }
+
+  .pagination a:hover,
+  .pagination a:active {
+    background: #000;
+    color: #FFF;
+  }
+
+  .pagination span.current {
+    background-color: #408BB6;
+    color: #FFF;
+    font-weight: bold;
+    margin: 2px;
+    padding: 2px 3px;
+  }
+
+  .pagination span.disabled {
+    color: #DDD;
+    margin: 2px;
+    padding: 2px 3px;
+  }
+
+/* @end */
+
+/* @group Success, notice and error boxes */
+
+.error,
+.notice, 
+.success {
+  border: 1px solid #CCC;
+  font-weight: bold;
+  margin: 0em 0em 1em 0em;
+}
+
+  .error p,
+  .notice p, 
+  .success p {
+    font-weight: bold;
+    margin: 0em!important;
+    padding: 1em;
+  }
+
+.error {
+  background: #FBE3E4;
+  border-color: #FBC2C4;
+  color: #8A1F11;
+}
+
+  .error a {
+    color: #8A1F11;
+  }
+
+.notice { 
+  background: #FFF6BF;
+  border-color: #FFD324;
+  color: #514721;
+}
+
+  .notice a { 
+    color: #514721;
+  }
+
+.success {
+  background: #E6EFC2;
+  border-color: #C6D880;
+  color: #264409;
+}
+
+  .success a {
+    color: #264409;
+  }
+
+/* @end */
+
+/* @group Microformats */
+
+.box {
+  border: 1px solid #D3D3D3;
+  margin: 1em 0em;
+  padding: 10px;
+}
+
+  .box:hover {
+    border: 1px solid #999;
+  }
+
+  .box .preview {
+    float: left;
+    margin: 0 15px 0 0;
+    width: 200px;
+  }
+
+  .box .content {
+  }
+
+    .box .content h2 {
+      font-size: 16px!important;
+      margin: 0 0 10px 0!important;
+    }
+
+    .box .content h3 {
+      font-size: 14px!important;
+      margin: 0 0 10px 0!important;
+    }
+
+    .box .content blockquote p {
+      font-size: 16px!important;
+    }
+
+    .box .content p {
+      font-size: 12px!important;
+      margin: 0 0 10px 0!important;
+    }
+
+    .box .content ul {
+      margin: 0 0 10px 20px!important;
+    }
+
+  .box .metadata {
+    float: left;
+    width: 350px;
+  }
+
+    .box .metadata ul {
+      margin: 0!important;
+      padding: 0!important;
+    }
+
+    .box .metadata ul li {
+      list-style: none!important;
+    }
+
+  .box .actions {
+    float: right;
+    position: relative;
+    top: 0;
+    right: 0;
+    text-align: right;
+  }
+
+    .box .actions ul {
+      margin: 0!important;
+    }
+
+    .box .actions ul li {
+      display: inline;
+      list-style: none!important;
+    }
+
+/* @end */
+
+/* @group Clean Me */
+
+.box_relationships {
+  border-top: 1px dotted #D3D3D3;
+  padding: 1.5em 0em;
+}
+
+/* @end */
+
+/* @group Hacks */
+
+.clear {
+  clear: both;
+}
+
+.tip {
+  color: #666;
+  font-size: 10px;
+  margin: -10px 0 10px 0!important;
+}
+
+/* @end */