Permalink
Browse files

better typography for popups

  • Loading branch information...
1 parent 8933d1c commit 7875de0807d2c2f9d8c1b50c7ca4976c514e4ea9 @jlong jlong committed Apr 1, 2011
@@ -4,4 +4,9 @@ $base-font-size: 95%
// Links
$base-link-color: #0066cc
-$alt-link-color: red
+$alt-link-color: red
+
+// Header
+$header: #ca0000 !default
+$primary-tab: rgba(white, 0.3)
+$primary-tab-current: white
@@ -1,7 +1,3 @@
-$header: #ca0000 !default
-$primary-tab: rgba(white, 0.3)
-$primary-tab-current: white
-
#header
font-size: 90%
background: $header
@@ -3,7 +3,12 @@ div.popup
background-color: white
border: 1px solid #777
padding: 10px 20px
- font-size: 90%
+
+ strong
+ font-weight: bold
+
+ em
+ font-style: italic
.busy
float: right
@@ -13,15 +18,21 @@ div.popup
background: #c5dff5
+linear-gradient(color_stops(#e5f5ff, #c5dff5))
border-bottom: 1px solid #a7cdf0
- font-size: 120%
+ font-size: 100%
margin: -10px -20px 20px -20px
padding: 6px 10px
+ p.intro
+ font-size: 90%
+
label
display: block
- font-size: 90%
+ font-size: 85%
&.inline
display: inline
+ span.hint
+ font-size: 90%
+ color: #666
input.button
font-size: 120%
@@ -38,10 +49,10 @@ div.popup
margin: -1px 0 0
.buttons
- font-size: 90%
margin-top: 1.5em
+ font-size: 85%
input.button
- font-size: 130%
+ font-size: 120%
a.cancel
color: $alt-link-color
@@ -1,6 +1,7 @@
body
font-size: $base-font-size
font-family: $base-font-family
+ line-height: 1.4
a
+default-link
@@ -138,4 +138,4 @@
.depaginate
%a{:href => "/admin/images?pp=91"} show all 36
%ul
- %li= link_to image('upload.png') + " Upload Image", "/admin/images/new"
+ %li= link_to image('upload.png') + " Upload Asset", "/admin/assets/upload/", :class=>"popup"
@@ -0,0 +1 @@
+= yield
@@ -0,0 +1,21 @@
+#upload_asset_popup.popup.textured{:style=>"width: 28em"}
+ %h3.title Upload Asset
+
+ %form
+ .head
+ %p
+ <strong>Select a file below.</strong> Thumbnails will be automatically created for
+ uploaded images.
+
+ %p
+ %label Choose File
+ %input{:type=>"file", :name=>"upload"}/
+
+ %p
+ %label Alt-Text or Title <span class="hint">(optional)</span>
+ %input.textbox.big{:type=>"text", :size=>40}/
+
+ %p.buttons
+ %input.button{:type=>"Submit", :value=>"Upload"}/
+ or
+ = link_to_function "Cancel", "$(this).closePopup()", :class=>"cancel"
@@ -1,141 +0,0 @@
-- @selected = :images
-- @title = 'Images - Radiant CMS - Publishing for Small Teams'
-
-.outset
- %table#images.index
- %thead
- %tr
- %th.name Image
- %th.actions{:style=>"width:9em"} Modify
- %tbody
- %tr.image#image_1
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/logo.png"} logo.png
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_2
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/john.jpg"} john.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_3
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/sean.jpg"} sean.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_4
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/jim.jpg"} jim.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_5
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/josh.jpg"} josh.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_6
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/keith.jpg"} keith.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_7
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/john.jpg"} john.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_8
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/will.jpg"} will.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_9
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/paul.jpg"} paul.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_10
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/george.jpg"} george.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_11
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/ringo.jpg"} ringo.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_12
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/widget.jpg"} widget.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_13
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/widget_detail.jpg"} widget_detail.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_14
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/widget_feature.jpg"} widget_feature.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_15
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/widget_in_situ.jpg"} widget_in_situ.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_16
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/widget_mark2.jpg"} widget_mark2.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_17
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/widget_comparison.jpg"} widget_comparison.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_18
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/widget_health_warning.jpg"} widget_health_warning.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_19
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/widget_top.jpg"} widget_top.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
- %tr.image#image_20
- %td.name
- %img{:title=>"", :src=>"/images/admin/image.png", :alt=>"image_icon"}/
- %a{:href=>"/admin/images/edit", :title=>"/images/widget_side.jpg"} widget_side.jpg
- %td.actions
- = link_to image('minus.png') + " Remove", "/admin/images/remove", :class=>"action"
-
-#actions
- .pagination
- %span.disabled.prev_page &laquo; Previous
- %span.current 1
- %a{:href => "/admin/images?page=2", :rel => "next"} 2
- %a.next_page{:href => "/admin/images?page=2", :rel => "next"} Next &raquo;
- .depaginate
- %a{:href => "/admin/images?pp=91"} show all 36
- %ul
- %li= link_to image('upload.png') + " Upload Image", "/admin/images/new"
@@ -5,7 +5,7 @@
%h3.title Remove Layout
.head
- %p Are you sure you want to <strong class="warning">permanently remove</strong> the following layout?
+ %p.intro Are you sure you want to <strong class="warning">permanently remove</strong> the following layout?
.viewport{:style=>"height: 100px"}
%table.index
@@ -5,7 +5,7 @@
%h3.title.warn Remove Pages
.head
- %p Are you sure you want to <strong class="warning">permanently remove</strong> the following pages?
+ %p.intro Are you sure you want to <strong class="warning">permanently remove</strong> the following pages?
.viewport{:style=>"height: 200px"}
%table.index
@@ -36,7 +36,7 @@
%img.icon{:src=>"/images/admin/page.png", :alt=>"", :title=>""}/
%span.title Third Post
- .buttons
+ %p.buttons
%input.button{:type=>"submit", :value=>"Delete Pages"}/
or
%a.cancel{:href=>"javascript: Element.closePopup('#{popup_id}')"} Cancel
@@ -5,7 +5,7 @@
%h3.title Remove Snippet
.head
- %p Are you sure you want to <strong class="warning">permanently remove</strong> the following snippet?
+ %p.intro Are you sure you want to <strong class="warning">permanently remove</strong> the following snippet?
.viewport{:style=>"height: 100px"}
%table.index

0 comments on commit 7875de0

Please sign in to comment.