set unique id= on each ckeditor's <body>

[wfpl-cms.git] / styl.styl
diff --git a/styl.styl b/styl.styl

index 5c8be5d..2ac584a 100644 (file)
--- a/styl.styl
+++ b/styl.styl
@@ -1,11 +1,10 @@
-@require 'code/wfpl/stylus-helpers.styl'
+@require 'inc/wfpl/stylus-helpers.styl'
  @require '.image-mtimes.styl'
  
  // dimensions
  site-width = 934px // inside the shadow
  site-padding = 30px
-sidebar-width = 220px
-content-width = (site-width - (site-padding * 3) - sidebar-width)
+content-width = (site-width - (site-padding * 2))
  font-size-normal = 15px
  font-size-small = 13px
  font-size-tiny = 11px
@@ -31,9 +30,10 @@ code.html
         border: 1px solid black
         background: #ccc
  
-* + .caption
-       margin-top: 15px
+.caption
         font-weight: bold
+       * + &
+               margin-top: 15px
  
  .field
         padding-top: 3px;
@@ -130,23 +130,20 @@ p.attrib, p.attribution
  body
         margin: 0
         padding: 0
+       background: window-bg
         color: content-fg
         font: font-size-normal Arimo, Arial, sans-serif
  
-       // Styles for the <body> tag within ckeditor
-       background: content-bg
-       width: content-width
-       margin: 0 auto
-       &.real_body_tag // revert the above for the <body> on the real site
-               background: window-bg
-               width: auto
-               margin: 0
-
  // expand the ckeditor widget so there's space for the content to be exactly
  // the size of the content outside the editor
  #cke_content
         margin-right: -15px
         margin-left: -15px
+// <body> tag within ckeditor
+#admin_pages-wysiwyg-content
+       background: content-bg
+       width: content-width
+       margin: 0 auto
  
  // outermost div for centering, shadow, etc
  #centerer
@@ -261,12 +258,14 @@ div > :last-child,
  table.evenodd
         > thead, > tbody, &
                 > tr:nth-child(2n+1)
-                       > td:nth-child(2n)
-                               background: rgba(0,0,0,0)
-                       > td:nth-child(2n+1)
-                               background: rgba(0,0,0,0.05)
+                       > td, > th
+                               background: rgba(0,0,0,0.04)
+                       &:hover
+                               > td, > th
+                                       background: rgba(0,0,0,0.07)
                 > tr:nth-child(2n+0)
-                       > td:nth-child(2n)
-                               background: rgba(0,0,0,0.05)
-                       > td:nth-child(2n+1)
-                               background: rgba(0,0,0,0.1)
+                       > td, > th
+                               background: rgba(0,0,0,0.02)
+                       &:hover
+                               > td, > th
+                                       background: rgba(0,0,0,0.09)