vendor/assets/stylesheets/active-admin-skin.css.sass in active-admin-skin-0.1.6 vs vendor/assets/stylesheets/active-admin-skin.css.sass in active-admin-skin-0.1.7
- old
+ new
@@ -1,30 +1,30 @@
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&subset=latin,latin-ext)
$skinTextColor: #1e2a33 !default
$skinTextActiveColor: #fff !default
$skinTextTable: #7f8c8d !default
-// $skinActiveColor: #e73c3c !default
-$skinActiveColor: #eda600 !default
+$skinActiveColor: #e73c3c !default
$skinHeaderBck: #1e2a33 !default
$panelHeaderBck: #2c3e50 !default
// $panelBorder: #d2d6de !default
$panelBorder: #babdc5 !default
+$bodyColor: rgba(236, 240, 241, 0.48) !default
html
- background: #ecf0f1
+ background: transparent
font-family: 'Source Sans Pro', sans-serif
- height: 100%
+ // height: 100%
min-height: 100%
body.active_admin
- background: #ecf0f1
+ background: $bodyColor !important
background: #fff
font-family: 'Source Sans Pro', sans-serif
padding-bottom: 80px
#header
- background: #ecf0f1
+ background: $bodyColor
border: none
text-shadow: none
// height: 40px
margin-top: -2px
@@ -47,11 +47,11 @@
border-radius: 0 !important
margin: -10px 0
display: block
margin-top: 0 !important
- ul.tabs > li
+ ul.tabs > li
font-size: 12px
margin: 0
min-height: 29px !important
a
// padding: 13px 20px
@@ -87,14 +87,17 @@
li#logout a
font-weight: bold
text-decoration: underline
&:hover
text-decoration: none
- li a
- &:hover
- background: none
- color: $skinTextColor
+ li
+ padding: 0 !important
+ a
+ padding: 6px
+ &:hover
+ background: none
+ color: $skinTextColor
#utility_nav
li
display: block !important
height: 29px !important
@@ -111,32 +114,30 @@
color: $skinActiveColor !important
&#logout
padding-bottom: 4px !important
.panel
- // background: #fff
// border: 1px solid #d3d8dc
- // position: relative
- // box-shadow: none
- // border-radius: 0
background: #fff
position: relative
- border-top: 3px solid $panelBorder
- border-radius: 3px
- box-shadow: 0 1px 1px rgba(0,0,0,0.1)
+ // border-top: 3px solid $panelBorder
+ border-top: 3px solid darken($bodyColor,20)
+ border-radius: 0
+ // box-shadow: 0 1px 1px rgba(0,0,0,0.1)
+ box-shadow: inset 0 0px 3px #ddd
> h3
border-bottom: 1px solid #f4f4f4
- background: rgba(240, 244, 245, 0.27)
- color: $panelHeaderBck
+ background: $panelHeaderBck
+ color: #fff
padding: 8px 15px
box-shadow: none
border-radius: 0
text-shadow: none
font-weight: bold
border-style: none none solid
-
+
#title_bar
background: $skinHeaderBck
text-shadow: none
border: none
padding: 15px 30px
@@ -230,15 +231,15 @@
color: $skinTextTable
font-size: 12px
a
color: $skinActiveColor
font-weight: bold
-
+
.pagination_information
font-size: 12px
color: $skinTextTable
-
+
.pagination
margin-top: -2px
a, span.page.current
font-family: 'Source Sans Pro', sans-serif
border: 1px solid #d3d8dc
@@ -260,15 +261,18 @@
.page.gap
display: none
.sidebar_section.panel
background: #fff
- border: 1px solid #d3d8dc
- box-shadow: none
+ // border: 1px solid #d3d8dc
+ border-top: 3px solid darken($bodyColor,20)
border-radius: 0
+ box-shadow: inset 0 0px 2px #ddd
+
form .buttons
- background: #f1f5f6
+ // background: #f1f5f6
+ background: $panelHeaderBck
margin: 25px -15px -15px
padding: 10px 15px
form fieldset
margin-bottom: 0
& > h3
@@ -280,11 +284,11 @@
box-shadow: none
border-radius: 0
text-shadow: none
font-weight: bold
.filter_form_field
- label
+ label
// color: #95a5a6
color: #000
font-weight: normal
font-size: 13px
text-transform: uppercase
@@ -314,58 +318,69 @@
p
margin: 0
padding: 0
form input[type=submit],
- a.button,
- a:link.button,
+ a.button,
+ a:link.button,
a:visited.button
box-shadow: none
border-radius: 0
background: $skinActiveColor
color: #fff
border: none
text-shadow: none
padding: 11px 15px
&:hover
background: lighten( $skinActiveColor, 10% ) !important
- form fieldset.buttons li.cancel a,
- form fieldset.actions li.cancel a,
+ form fieldset.buttons li.cancel a,
+ form fieldset.actions li.cancel a,
form.filter_form a.clear_filters_btn
- background: #ecf0f1
+ background: #fff
box-shadow: none
border-radius: 0
text-shadow: none
padding: 10px 20px
- color: #95a5a6
+ color: #000
+ border: none !important
&:hover
- background: lighten( #ecf0f1, 5% ) !important
+ background: darken( #fff, 5% ) !important
form fieldset.inputs
// display: none !important
// box-shadow: none !important
// border-radius: 0 !important
// border-radius: 0 !important;
// border: 1px solid #d3d8dc
background: #fff
position: relative
padding-top: 50px
- border-top: 3px solid $panelBorder
- border-radius: 3px
- box-shadow: 0 1px 1px rgba(0,0,0,0.1)
+ // border-top: 3px solid $panelBorder
+ // border-radius: 3px
+ // box-shadow: 0 1px 1px rgba(0,0,0,0.1)
+
+ // border: 1px solid #d3d8dc
+ border-top: 3px solid darken($bodyColor,20)
+ border-radius: 0
+ // box-shadow: 0 1px 1px rgba(0,0,0,0.1)
+ box-shadow: inset 0 0px 3px #ddd
+
> legend
// border-bottom: 1px solid #d3d8dc
border-bottom: 1px solid #f4f4f4
position: absolute
top: 0
span
+ background: $panelHeaderBck
+ color: #fff
+ padding: 8px 15px
+
// background: #f0f4f5
- background: #fff
- color: $panelHeaderBck
+ // background: #fff
+ // color: $panelHeaderBck
border: none
margin: 0
- padding: 8px 15px
box-shadow: none !important
border-radius: 0 !important
text-shadow: none
font-weight: bold
ol > li
@@ -393,25 +408,25 @@
width: #{$width}% !important
display: block
margin: 0 auto
overflow: hidden
- form input[type=text],
- form input[type=password],
- form input[type=email],
- form input[type=number],
- form input[type=url],
- form input[type=tel],
+ form input[type=text],
+ form input[type=password],
+ form input[type=email],
+ form input[type=number],
+ form input[type=url],
+ form input[type=tel],
form textarea
border-radius: 0
font-family: 'Source Sans Pro', sans-serif
form.filter_form .filter_form_field.filter_date_range input[type=text]
background-position: 100% 4px
- body.logged_in
- .flashes
+ body.logged_in
+ .flashes
.flash
position: inherit
top: 0
text-shadow: none
@@ -429,16 +444,16 @@
border: none
li
margin-bottom: 0 !important
textarea
width: 95%
-
+
body.logged_out
height: 100%
#footer
display: none
- #content_wrapper
+ #content_wrapper
margin-top: 150px
#active_admin_content
padding-bottom: 0
#login
form fieldset
@@ -461,21 +476,21 @@
background: #F2ECBF
position: absolute
top: 0
left: 0
right: 0
- padding: 15px
+ padding: 15px
border-bottom: 1px solid #DEDE8B
text-shadow: none
.sidebar_section
ul
margin-bottom: 0
.cke_toolgroup, .cke_combo_button
border-radius: 0 !important
-
+
.cke_top
background: #f0f4f5 !important
padding: 8px 15px !important
box-shadow: 0 !important
border-radius: 0 !important
@@ -489,14 +504,12 @@
.ckeditor
label
display: block
width: 20%
float: left
-
+
.cke_chrome
width: 79.7% !important
overflow: hidden
.cke_toolgroup, .cke_combo_button
border-radius: 0 !important
-
-