typus 0.9.18 → 0.9.19

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

@@ -1,36 +1,11 @@
 /* @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;
-}
+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 */
 
@@ -38,22 +13,9 @@ dd {
 
 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;
-}
+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 */
 
@@ -66,9 +28,7 @@ a.on {
   width: 940px;
 }
 
-#wrapper {
-  background: #FFF;
-}
+#wrapper { background: #FFF; }
 
 #content_wrapper {
   background: #FFF;
@@ -96,103 +56,37 @@ a.on {
     margin-right: 0.25em;
   }
 
-  #header a {
-    color: #FFF;
-  }
-
-  #header .left {
-    float: left;
-  }
-
-  #header .right {
-    float: right;
-    margin-top: 1em;
-  }
-
-  #header .left ul {
-    display: block;
-    float: left;
-    margin-top: 1em;
-  }
-
-    #header .left li, 
-    #header .right li {
-      display: inline;
-      padding-left: 0.5em;
-    }
+  #header a { color: #FFF; }
+  #header .left { float: left; }
+  #header .right { float: right; margin-top: 1em; }
+  #header .left ul { display: block; float: left; margin-top: 1em; }
+  #header .left li, #header .right li { display: inline; padding-left: 0.5em; }
 
 /* @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 { float: left; padding: 1.5em 0; width: 700px; }
+
+  #content h2 { font-size: 1.5em; font-weight: bold; margin: 0 0 0.5em 0; }
+  #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 0; }
+  #content h4 { margin: 1em 0; }
+  #content ol { margin: 1em 2em; }
+  #content ul { margin: 0 1.5em; }
+  #content li { list-style: square; line-height: 20px; }
+  #content ul li { list-style: square; }
+  #content p { margin: 1em 0; }
+  #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;
+    margin: 1em 0;
     overflow: auto;
     padding: 1em;
   }
@@ -202,17 +96,11 @@ a.on {
     font-size: 1.25em;
     font-family: georgia;
     margin: 1em;
-    padding: 0em 1em;
+    padding: 0 1em;
   }
 
-  #content table.typus {
-    margin: 1em 0em;
-    background: #000;
-  }
-
-  #content h2+table.typus {
-    margin: 0em; /* Here we overwrite a preference */
-  }
+  #content table.typus { background: #000; margin: 1em 0;  }
+  #content h2+table.typus { margin: 0; }
 
 /* @end */
 
@@ -225,179 +113,75 @@ a.on {
   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;
-  }
+  #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 0; }
+  #sidebar code { color: green; font-size: 1.25em; }
+  #sidebar small { font-size: 0.85em; }
 
 /* @end */
 
 /* @group Footer */
 
-#footer_wrapper {
-  background: #000;
-}
+#footer_wrapper { background: #000; }
+#footer { background: #000; margin: 0 auto; width: 940px; }
+#footer .left { float: left; }
+#footer .right { float: right; }
+#footer a { color: #FFF; font-weight: normal; text-decoration: underline; }
+#footer a:hover { color: #408BB6; }
 
-#footer {
-  background: #000;
-  margin: 0 auto;
-  width: 940px;
+#footer p {
+  color: #FFF;
+  font-size: 0.9em;
+  line-height: 18px;
+  padding: 1em 0;
 }
 
-  #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 { margin: 1em 0 2em 0; }
+#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; }
+input.button { margin: 10px 0 0 0; }
+#content input.text:focus { background: #FFFCE1; }
+#content textarea:focus { background: #FFFCE1; }
+#content select { border: 1px solid #999; font-size: 1.20em; }
+#content label.inline_label { display: inline; font-weight: normal; }
+
+#content input.text {
+  border: 1px solid #999;
+  font-size: 20px;
+  padding: 5px;
+  width: 688px;
 }
 
-  #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;
-  }
-
-  #content label.inline_label {
-		display: inline;
-		font-weight: normal;
-	}
+#content textarea {
+  border: 1px solid #999;
+  font-family: "Courier";
+  font-size: 14px;
+  padding: 3px;
+  width: 691px;
+}
 
 /* @end */
 
 /* @group Content Tables */
 
-#content table.typus {
-  width: 100%;
-}
+#content table.typus { width: 100%; }
 
-  #content table.typus small {
-    font-size: 0.8em;
-  }
-
-  #content table.typus th {
-    color: #FFF;
-    font-weight: normal;
-    padding: 4px;
-  }
-
-    #content table.typus 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.typus td.right {
-    text-align: right;
-  }
-
-  #content table.typus tr.even {
-    background: #FFF!important;
-  }
+  #content table.typus small { font-size: 0.8em; }
+  #content table.typus th { color: #FFF; font-weight: normal; padding: 4px; }
+  #content table.typus th a { color: #FFF!important; }
+  #content table.typus td.right { text-align: right; }
+  #content table.typus tr.even { background: #FFF!important; }
 
     #content table.typus tr.even:hover,
     #content table.typus tr.odd:hover {
@@ -429,10 +213,7 @@ a.on {
 
 /* @group Rails Errors */
 
-.fieldWithErrors input {
-  background: #FBE3E4;
-  border: 1px solid #8A1F11!important;
-}
+.fieldWithErrors input { background: #FBE3E4; border: 1px solid #8A1F11!important; }
 
 .errorExplanation {
   background: #FBE3E4;
@@ -441,33 +222,16 @@ a.on {
   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;
-  }
+  .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;
-}
+input#search { border: 1px solid #999; font-size: 1.2em; padding: 3px; }
 
 /* @end */
 
@@ -477,69 +241,38 @@ input#search {
   color: #FFF;
   font-size: 0.9em;
   line-height: 18px;
-  margin: 0em auto;
-  padding: 0em 1.5em;
+  margin: 0 auto;
+  padding: 0 1.5em;
   text-align: center;
   width: 420px;
 }
 
-  #bottom_dialog a {
-    color: #FFF;
-    font-weight: bold;
-  }
+#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;
+  padding: 0 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 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 { display: inline; font-size: 11px; margin: 0.5em; }
 
-  #dialog input.button {
-    margin: 0.5em 0em;
-  }
-
-  #dialog .errorExplanation ul {
-    margin: 10px 0 10px 0px!important;
-  }
+#dialog input.text {
+  border: 1px solid #999;
+  font-size: 2em;
+  padding: 0.25em;
+  width: 16.75em;
+}
 
-  #dialog .errorExplanation li {
-    font-weight: bold;
-    list-style: none!important;
-  }
+#dialog input.button { margin: 0.5em 0; }
+#dialog .errorExplanation ul { margin: 10px 0 10px 0!important; }
+#dialog .errorExplanation li { font-weight: bold; list-style: none!important; }
 
 /* @end */
 
@@ -548,37 +281,30 @@ input#search {
 .pagination {
   border-bottom: 1px solid #F5F5F5;
   border-top: 1px solid #F5F5F5;
-  margin: 1.5em auto 0em auto;
+  margin: 1.5em auto 0 auto;
   padding: 1em;
   text-align: center;
 }
 
-  .pagination a {
-    color: #333;
-    margin: 2px;
-    padding: 2px 3px;
-    text-decoration: none;
-  }
+.pagination a {
+  color: #333;
+  margin: 2px;
+  padding: 2px 3px;
+  text-decoration: none;
+}
 
-  .pagination a:hover,
-  .pagination a:active {
-    background: #000;
-    color: #FFF;
-  }
+.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.current {
+  background-color: #408BB6;
+  color: #FFF;
+  font-weight: bold;
+  margin: 2px;
+  padding: 2px 3px;
+}
 
-  .pagination span.disabled {
-    color: #DDD;
-    margin: 2px;
-    padding: 2px 3px;
-  }
+.pagination span.disabled { color: #DDD; margin: 2px; padding: 2px 3px; }
 
 /* @end */
 
@@ -586,148 +312,61 @@ input#search {
 
 .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;
-  }
+.success { border: 1px solid #CCC; font-weight: bold; margin: 0 0 1em 0; }
+.error p,
+.notice p, 
+.success p { font-weight: bold; margin: 0!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 { border: 1px solid #D3D3D3; margin: 1em 0; padding: 10px; }
+.box:hover { border: 1px solid #999; }
+.box .preview { float: left; margin: 0 15px 0 0; width: 200px; }
+.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 ul { margin: 0!important; }
+.box .actions ul li { display: inline; list-style: none!important; }
+
+.box .actions {
+  float: right;
+  position: relative;
+  top: 0;
+  right: 0;
+  text-align: right;
 }
 
-  .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;
-}
+.box_relationships { border-top: 1px dotted #D3D3D3; padding: 1.5em 0; }
 
 /* @end */
 
 /* @group Hacks */
 
-.clear {
-  clear: both;
-}
+.clear { clear: both; }
+.tip { color: #666; font-size: 10px; margin: -10px 0 10px 0!important; }
 
-.tip {
-  color: #666;
-  font-size: 10px;
-  margin: -10px 0 10px 0!important;
-}
+/* @end */
+
+/* @group Sprite */
+
+.sprite { background: url(/images/admin/ui-icons.png) no-repeat; text-indent: -1000px; }
+.trash { background-position: -177px -97px; height: 15px; width: 15px; }
 
 /* @end */