radiant 0.9.1 → 1.0.0.rc1

data/public/stylesheets/admin/overrides.css

@@ -1 +0,0 @@
-/* Make your custom overrides here. This file will not be updated by Radiant */

data/public/stylesheets/sass/admin/_base.sass

@@ -0,0 +1,17 @@
+// Fonts
+$base-font-family: "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif
+$base-font-size: 95%
+
+// Links
+$base-link-color: #0066cc
+$alt-link-color: red
+
+// Header
+$header: #ca0000 !default
+$primary-tab: rgba(white, 0.3)
+$primary-tab-current: white
+
+// Modules
+@import "compass"
+@import "modules/links"
+@import "modules/boxes"

data/public/stylesheets/sass/admin/main.sass

@@ -1,27 +1,27 @@
 // main.css - main stylesheet for the Radiant admin interface
 
-// Modules
-@import modules/opacity.sass
-@import modules/rounded.sass
-@import modules/shadow.sass
-@import modules/links.sass
+// Common Variables and Modules
+@import "base"
+
++global-reset
 
 // Partials
-@import partials/reset.sass
-@import partials/base.sass
-@import partials/layout.sass
-@import partials/header.sass
-@import partials/avatars.sass
-@import partials/messages.sass
-@import partials/forms.sass
-@import partials/content.sass
-@import partials/actions.sass
-@import partials/footer.sass
-@import partials/popup.sass
-@import partials/tabcontrol.sass
-@import partials/dateinput.sass
-@import partials/toolbar.sass
-@import partials/validations.sass
+@import "partials/typography"
+@import "partials/layout"
+@import "partials/header"
+@import "partials/avatars"
+@import "partials/dropdown"
+@import "partials/messages"
+@import "partials/forms"
+@import "partials/index"
+@import "partials/content"
+@import "partials/actions"
+@import "partials/footer"
+@import "partials/popup"
+@import "partials/tabcontrol"
+@import "partials/dateinput"
+@import "partials/toolbar"
+@import "partials/validations"
 
 // Deprecated
-@import partials/deprecated.sass
+@import "partials/deprecated"

data/public/stylesheets/sass/admin/modules/_boxes.sass

@@ -0,0 +1,6 @@
+=alt-box
+  background: #d8d8d8
+  +linear-gradient(color-stops(#fff, #ccc))
+  +border-radius(8px)
+  +box-shadow(rgba(0,0,0,0.15), 2px, 2px, 3px)
+  padding: 12px 10px

data/public/stylesheets/sass/admin/modules/_links.sass

@@ -1,15 +1,18 @@
 =default-link
-  color: #0066cc
+  color: $base-link-color
   text-decoration: underline
   &:hover
     text-decoration: none
 
 =alt-link
-  color: red
+  color: $alt-link-color
   text-decoration: underline
   &:hover
     text-decoration: none
 
 =plain-link
   color: #333
-  text-decoration: none
+  text-decoration: none
+  &:hover
+    text-decoration: underline
+    color: $base-link-color

data/public/stylesheets/sass/admin/partials/_actions.sass

@@ -1,36 +1,21 @@
 =button-shadow
-  +box-shadow(1px, 2px, 4px, #333)
-  
+  +box-shadow(#555, 1px, 2px, 3px)
+=no-button-shadow
+  +box-shadow(#555,0,0,0)
+
 #actions
   position: fixed
   left: 0
   right: 0
   bottom: 0
-  background: #777 url(../../images/admin/shadow_grey.png) repeat-x
+  background: #777
+  +linear-gradient(color-stops(#555, #666, #777, #777))
   ul
     padding: 14px 8px
-    li
-      display: inline
-      margin-right: 5px
-      a
-        background: #eee url(../../images/admin/buttons_background.png) repeat-x
-        color: #333
-        font-size: 80%
-        padding: 8px 12px
-        text-decoration: none
-        text-shadow: 1px 1px 1px #eee
-        +round-corners(5px)
-        +button-shadow
-        &:hover
-          background: #fff
-          color: #06c
-          text-shadow: 1px 1px 1px #fff
-        &:active
-          background: #fff url(../../images/admin/shadow.png) repeat-x
-          color: #000
-          +no-box-shadow
-        img
-          vertical-align: -20%
+  li
+    display: inline
+    margin-right: 5px
+
   .pagination
     position: relative
     overflow: hidden
@@ -40,28 +25,32 @@
     a, span.current, span.disabled
       display: block
       float: left
-      background: #fff url(../../images/admin/shadow.png) repeat-x
-      color: #999
-      font-size: 80%
       padding: 6px 12px 6px 12px
       margin-right: 1px
+      background: #ddd
+      +linear-gradient(color-stops(#c5c5c5, #f0f0f0 20%, #fff 35%, #fff))
+      color: #999
+      font-size: 80%
       text-decoration: none
-      text-shadow: 1px 1px 1px #eee
-      +round-bottom-corners(5px)
+      +border-bottom-radius(5px)
+      +border-top-radius(0)
     a
+      text-shadow: 1px 1px 1px #eee
       &:hover
-        background: #fff url(../../images/admin/buttons_background.png) repeat-x
-        color: #06c
-        text-shadow: none
+        background: #d8d8d8
+        +linear-gradient(color-stops(#fff, #fff, #ddd))
+        color: #0076a3
         +button-shadow
       &:active
-        background: #fff url(../../images/admin/shadow.png) repeat-x
         color: #000
-        +no-box-shadow
+        +no-button-shadow
     span.disabled
-      +opacity(0.3)
+      color: #666
+      background-color: #999
+      +linear-gradient(color-stops(#888, #999, #999, #999))
     span.current
       color: #000
+      background: white
       font-weight: bold
       background-image: none
       +button-shadow
@@ -74,10 +63,34 @@
     float: right
     padding: 6px 12px
     a
+      +no-button-shadow
       background: none
       font-size: 80%
-      color: #eee
+      color: #ccc
       text-shadow: none
       text-decoration: none
       &:hover
-        color: #fff
+        color: #fff
+      
+.button_form
+  display: inline
+.action_button
+  display: inline
+  background: #d8d8d8
+  +linear-gradient(color-stops(#fff, #ccc))
+  color: #333
+  font-size: 80%
+  padding: 8px 12px
+  text-decoration: none
+  text-shadow: 1px 1px 1px #eee
+  +border-radius(5px)
+  +button-shadow
+  &:hover
+    color: #0076a3
+    text-shadow: 1px 1px 1px #fff
+  &:active
+    background: #fff
+    +no-button-shadow
+    color: black
+  img
+    vertical-align: -20%

data/public/stylesheets/sass/admin/partials/_avatars.sass

@@ -2,9 +2,9 @@ img.avatar
   background: white
   border: none
   padding: 4px
-  +round-corners(3px)
-  +box-shadow(1px, 1px, 3px, rgba(0,0,0,0.25))
+  +border-radius(3px)
+  +box-shadow(rgba(0,0,0,0.25), 1px, 1px, 3px)
   &.avatar_32x32
     padding: 2px
-    +round-corners(2px)
-    +box-shadow(1px, 1px, 2px, rgba(0,0,0,0.3))
+    +border-radius(2px)
+    +box-shadow(rgba(0,0,0,0.3), 1px, 1px, 2px)

data/public/stylesheets/sass/admin/partials/_content.sass

@@ -6,180 +6,9 @@
   font-size: 95%
   line-height: 1.2em
   padding: 20px
-  .outset
-    margin: -20px
-    margin-bottom: 20px
-  h1
-    margin-top: 0.25em
-  table
-    &.index
-      font-size: 90%
-      margin-bottom: 2em
-      width: 100%
-      td
-        text-align: left
-        padding: 4px
-        border-bottom: 1px solid #f0f0f0
-        &.status
-          color: #9eb3bf
-          &.draft_status
-            color: #c00
-          &.published_status
-            color: black
-          &.hidden_status
-            color: #0c0
-        &.empty
-          color: silver
-          font-size: 85%
-          font-style: italic
-          padding: 3em
-          text-align: center
-        &.page, &.snippet, &.layout, &.stylesheet, &.javascript, &.user, &.extension, &.image, &.file
-          padding-left: 9px
-        &.user
-          padding-top: 8px
-          padding-bottom: 8px
-          img.avatar
-            margin-right: 4px
-            vertical-align: -35%
-      th
-        background-color: #9e9e9e
-        color: white
-        font-size: 90%
-        font-weight: normal
-        padding: 4px
-        padding-top: 2px
-        padding-bottom: 2px
-        text-shadow: 1px 1px 0 #666
-        &.page, &.snippet, &.layout, &.user, &.extension, &.image, &.file
-          padding-left: 9px
-      .status
-        width: 8em
-      .add_child
-        width: 100px
-        padding-left: 0
-        a
-          color: black
-          text-decoration: none
-          font-size: 80%
-          padding: 0 0 0 20px
-          background: url(../../images/admin/plus.png) 4px 0 no-repeat
-      .remove
-        width: 100px
-        padding-left: 0
-        a
-          color: black
-          text-decoration: none
-          font-size: 80%
-          padding: 0 0 0 20px
-          background: url(../../images/admin/minus.png) 4px 0 no-repeat
-        .disabled
-          color: #ccc
-          font-size: 80%
-          padding: 0 0 0 20px
-          background: url(../../images/admin/minus_disabled.png) 4px 0 no-repeat
-      .node
-        .layout
-          font-size: 115%
-          font-weight: bold
-        .user .login
-          color: #666
-          font-size: 90%
-          font-style: italic
-          font-weight: normal
-          margin-left: .5em
-        &.level_0 .page
-          font-size: 120%
-          font-weight: bold
-        &.level_1 .page
-          font-size: 115%
-          font-weight: bold
-        &.level_2 .page
-          font-size: 115%
-        &.level_3 .page
-          font-size: 105%
-        .page
-          a
-            text-decoration: none
-            .title
-              color: black
-              font-size: 100%
-              text-decoration: none
-            &:hover .title
-              color: #0066cc
-              text-decoration: underline
-          .info
-            color: #9eb3bf
-            font-style: italic
-            font-weight: normal
-        &.virtual .page a .title
-          color: #9eb3bf
-      .page
-        .w1
-          position: relative
-          .title
-            position: relative
-            top: 2px
-          img.expander
-            left: -25px
-            position: absolute
-            padding: 3px
-            padding-top: 6px
-            padding-bottom: 6px
-
-  #pages label
-    font-size: 85%
-    font-weight: normal !important
-
-table.index
-  th
-    text-align: left
-
-table.index
-  .node
-    .snippet, .user, .stylesheet, .javascript, .image, .file
-      font-size: 115%
-      font-weight: bold
-      a
-        color: black
-        text-decoration: none
-        &:visited
-          color: black
-          text-decoration: none
-          &:hover
-            color: #0066cc
-            text-decoration: underline
-        &:hover
-          color: #0066cc
-          text-decoration: underline
-    .page a:visited
-      .title
-        color: black
-        text-decoration: none
-      &:hover .title
-        color: #0066cc
-        text-decoration: underline
-    .layout a
-      color: black
-      text-decoration: none
-      &:visited
-        color: black
-        text-decoration: none
-        &:hover
-          color: #0066cc
-          text-decoration: underline
-      &:hover
-        color: #0066cc
-        text-decoration: underline
-    &.virtual .page a:visited .title
-      color: #9eb3bf
-  tr
-    &:hover, &.hover
-      background-color: #e0f0ff
-  .page .info
-    font-size: 90%
-    position: relative
-    top: 2px
+.outset
+  margin: -20px
+  margin-bottom: 20px
 
 table.fieldset
   th
@@ -189,11 +18,41 @@ table.fieldset
     margin-right: -5px
 
 body.reversed
-  #content
-    h1
-      border-bottom: 1px solid #ababab
-      background: #7e7e7e
-      font-size: 125%
-      margin: -20px -20px 20px
-      padding: 15px 20px
-      text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1)
+  h1
+    border-bottom: 1px solid #ababab
+    background: #7e7e7e
+    font-size: 125%
+    margin: -20px -20px 20px
+    padding: 15px 20px
+    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1)
+
+.fullcover
+  position: absolute
+  width: 100%
+  height: 100%
+  top: 0
+  right: 0
+  bottom: 0
+  left: 0
+
+.clipped
+  overflow: hidden
+
+.grey_out
+  background: #666
+  background: rgba(0, 0, 0, 0.7)
+
+#preview_panel
+  background: #fff
+
+.preview_tools
+  color: #000
+  position: fixed
+  top: 10px
+  right: 20px
+  +opacity(0.7)
+  +alt-box
+  &:hover
+    +opaque
+  a
+    +alt-link