2011-12-06 01:56:24 +01:00
/** Core styles for the basic GridField form field without any specific style. @package sapphire @subpackage scss @todo Add radial gradient to default delete button state @todo Create SASS mixin-function to simply swap the from/to, to to/from colours in grsdient mixins? */
2012-01-29 21:26:39 +01:00
. cms fieldset . ss-gridfield > div { margin-bottom : 35 px ; }
2012-01-09 20:38:58 +01:00
. cms table . ss-gridfield . field { box-shadow : none ; padding : 0 ; margin : 20 px 0 0 0 ; border-collapse : separate ; border-bottom : 0 none ; }
. cms table . ss-gridfield . field thead { color : #1d2224 ; background : transparent ; }
. cms table . ss-gridfield . field tbody { background : #FFF ; }
2012-01-10 00:31:09 +01:00
. cms table . ss-gridfield . field tbody td { /* Emulate a link by default */ }
. cms table . ss-gridfield . field tbody td button { border : none ; background : none ; margin : 0 0 0 2 px ; padding : 0 ; width : auto ; text-shadow : none ; }
2012-01-09 20:38:58 +01:00
. cms table . ss-gridfield . field tfoot { color : #1d2224 ; }
2012-02-01 02:06:06 +01:00
. cms table . ss-gridfield . field tfoot tr td { background : #95a5ab ; padding : .7 em ; border-bottom : 1 px solid rgba ( 0 , 0 , 0 , 0.1 ) ; }
2012-02-22 04:25:11 +01:00
. cms table . ss-gridfield . field tr . title { -moz- border-radius-topleft : 7 px ; -webkit- border-top-left-radius : 7 px ; -o- border-top-left-radius : 7 px ; -ms- border-top-left-radius : 7 px ; -khtml- border-top-left-radius : 7 px ; border-top-left-radius : 7 px ; -moz- border-radius-topright : 7 px ; -webkit- border-top-right-radius : 7 px ; -o- border-top-right-radius : 7 px ; -ms- border-top-right-radius : 7 px ; -khtml- border-top-right-radius : 7 px ; border-top-right-radius : 7 px ; }
. cms table . ss-gridfield . field tr . title th { position : relative ; background : #7f9198 ; border-top : 1 px solid rgba ( 0 , 0 , 0 , 0.1 ) ; color : #fff ; padding : 10 px ; font-size : 18 px ; min-height : 40 px ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #b1c0c5 ) , color-stop ( 100 % , #7f9198 ) ) ; background-image : -webkit- linear-gradient ( #b1c0c5 , #7f9198 ) ; background-image : -moz- linear-gradient ( #b1c0c5 , #7f9198 ) ; background-image : -o- linear-gradient ( #b1c0c5 , #7f9198 ) ; background-image : -ms- linear-gradient ( #b1c0c5 , #7f9198 ) ; background-image : linear-gradient ( #b1c0c5 , #7f9198 ) ; -moz- border-radius-topleft : 7 px ; -webkit- border-top-left-radius : 7 px ; -o- border-top-left-radius : 7 px ; -ms- border-top-left-radius : 7 px ; -khtml- border-top-left-radius : 7 px ; border-top-left-radius : 7 px ; -moz- border-radius-topright : 7 px ; -webkit- border-top-right-radius : 7 px ; -o- border-top-right-radius : 7 px ; -ms- border-top-right-radius : 7 px ; -khtml- border-top-right-radius : 7 px ; border-top-right-radius : 7 px ; text-shadow : rgba ( 0 , 0 , 0 , 0.3 ) 0 px -1 px 0 ; }
. cms table . ss-gridfield . field tr . title th . new { font-size : 14 px ; border-color : rgba ( 0 , 0 , 0 , 0.1 ) ; position : absolute ; right : 10 px ; top : 5 px ; }
. cms table . ss-gridfield . field tr . sortable-header { background : #bac8ce ; }
2012-01-09 20:38:58 +01:00
. cms table . ss-gridfield . field tr : hover { background : #FFFAD6 !important ; }
. cms table . ss-gridfield . field tr : first-child { background : transparent ; }
2012-02-01 02:06:06 +01:00
. cms table . ss-gridfield . field tr . ss-gridfield-even { background : #f0f4f7 ; }
2012-01-09 20:38:58 +01:00
. cms table . ss-gridfield . field tr . ss-gridfield-even . ss-gridfield-last { border-bottom : none ; }
2012-02-01 02:06:06 +01:00
. cms table . ss-gridfield . field tr . even { background : #f0f4f7 ; }
. cms table . ss-gridfield . field tr th { font-weight : bold ; font-size : 12 px ; color : #FFF ; padding : 5 px ; border-right : 1 px solid rgba ( 0 , 0 , 0 , 0.1 ) ; }
2012-01-09 20:38:58 +01:00
. cms table . ss-gridfield . field tr th div . fieldgroup , . cms table . ss-gridfield . field tr th div . fieldgroup-field { width : auto ; }
2012-02-06 22:39:49 +01:00
. cms table . ss-gridfield . field tr th div . fieldgroup { min-width : 200 px ; padding-right : 0 ; }
2012-02-22 04:25:11 +01:00
. cms table . ss-gridfield . field tr th . extra , . cms table . ss-gridfield . field tr th . action { padding : 0 ; cursor : default ; }
2012-01-09 20:38:58 +01:00
. cms table . ss-gridfield . field tr th . extra button . ss-ui-button , . cms table . ss-gridfield . field tr th . extra button : hover . ss-ui-button , . cms table . ss-gridfield . field tr th . action button . ss-ui-button , . cms table . ss-gridfield . field tr th . action button : hover . ss-ui-button { margin-left : .9 em ; color : #222 ; }
2012-02-22 04:25:11 +01:00
. cms table . ss-gridfield . field tr th . main { border-top : 1 px solid rgba ( 0 , 0 , 0 , 0.1 ) ; color : #fff ; background : #9cb0b9 ; border-bottom : 1 px solid rgba ( 0 , 0 , 0 , 0.1 ) ; }
2012-02-01 02:06:06 +01:00
. cms table . ss-gridfield . field tr th . main span { text-shadow : rgba ( 0 , 0 , 0 , 0.3 ) 0 px -1 px 0 ; }
. cms table . ss-gridfield . field tr th . extra { background : #bac8ce ; padding : 5 px ; border-top : rgba ( 0 , 0 , 0 , 0.3 ) ; }
2012-01-09 20:38:58 +01:00
. cms table . ss-gridfield . field tr th . extra span { width : auto ; display : inline ; position : static ; }
2012-02-06 22:39:49 +01:00
. cms table . ss-gridfield . field tr th . extra button . ss-ui-button { padding : .3 em ; line-height : 1 ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; position : relative ; border-bottom-width : 0 ; -webkit- border-radius : 2 px 2 px ; -moz- border-radius : 2 px / 2 px ; -o- border-radius : 2 px / 2 px ; -ms- border-radius : 2 px / 2 px ; -khtml- border-radius : 2 px / 2 px ; border-radius : 2 px / 2 px ; }
2012-01-09 20:38:58 +01:00
. cms table . ss-gridfield . field tr th . action { border-right : 0 ; }
. cms table . ss-gridfield . field tr th . first { -moz- border-radius-topleft : 7 px ; -webkit- border-top-left-radius : 7 px ; -o- border-top-left-radius : 7 px ; -ms- border-top-left-radius : 7 px ; -khtml- border-top-left-radius : 7 px ; border-top-left-radius : 7 px ; }
. cms table . ss-gridfield . field tr th . last { -moz- border-radius-topright : 7 px ; -webkit- border-top-right-radius : 7 px ; -o- border-top-right-radius : 7 px ; -ms- border-top-right-radius : 7 px ; -khtml- border-top-right-radius : 7 px ; border-top-right-radius : 7 px ; }
2012-02-01 02:06:06 +01:00
. cms table . ss-gridfield . field tr th button : hover { color : #ccc !important ; /* Not sure why IE think it needs this */ }
. cms table . ss-gridfield . field tr th button . ss-gridfield-sort : hover { color : #fff !important ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; }
2012-02-06 22:39:49 +01:00
. cms table . ss-gridfield . field tr th button . ss-gridfield-sort { background : transparent url ( ../images/arrows-01.png ) no-repeat right 2 px ; border : none ; width : 100 % ; text-align : left ; padding : 4 px 0 ; text-shadow : rgba ( 0 , 0 , 0 , 0.3 ) 0 px -1 px 0 ; color : #fff ; -moz- border-radius : 0 ; -webkit- border-radius : 0 ; -o- border-radius : 0 ; -ms- border-radius : 0 ; -khtml- border-radius : 0 ; border-radius : 0 ; }
2012-02-01 02:06:06 +01:00
. cms table . ss-gridfield . field tr th input . ss-gridfield-sort { padding : 2 px ; }
2012-01-09 20:38:58 +01:00
. cms table . ss-gridfield . field tr th input . ss-gridfield-sort : focus { -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; }
2012-02-01 02:06:06 +01:00
. cms table . ss-gridfield . field tr td { border-right : 1 px solid rgba ( 0 , 0 , 0 , 0.1 ) ; padding : 7 px 12 px ; color : #666666 ; }
. cms table . ss-gridfield . field tr td . bottom-all { -moz- border-radius-bottomleft : 7 px ; -webkit- border-bottom-left-radius : 7 px ; -o- border-bottom-left-radius : 7 px ; -ms- border-bottom-left-radius : 7 px ; -khtml- border-bottom-left-radius : 7 px ; border-bottom-left-radius : 7 px ; -moz- border-radius-bottomright : 7 px ; -webkit- border-bottom-right-radius : 7 px ; -o- border-bottom-right-radius : 7 px ; -ms- border-bottom-right-radius : 7 px ; -khtml- border-bottom-right-radius : 7 px ; border-bottom-right-radius : 7 px ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #b1c0c5 ) , color-stop ( 100 % , #7f9198 ) ) ; background-image : -webkit- linear-gradient ( #b1c0c5 , #7f9198 ) ; background-image : -moz- linear-gradient ( #b1c0c5 , #7f9198 ) ; background-image : -o- linear-gradient ( #b1c0c5 , #7f9198 ) ; background-image : -ms- linear-gradient ( #b1c0c5 , #7f9198 ) ; background-image : linear-gradient ( #b1c0c5 , #7f9198 ) ; }
2012-01-10 00:58:48 +01:00
. cms table . ss-gridfield . field tr . last td { border-bottom : 0 none ; }
2012-02-01 02:06:06 +01:00
. cms table . ss-gridfield . field td : first-child , . cms table . ss-gridfield . field th : first-child { border-left : 1 px solid rgba ( 0 , 0 , 0 , 0.1 ) ; }