2012-02-03 00:59:40 +01:00
/** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */
/** ----------------------------------------------- Colours ------------------------------------------------ */
2012-12-04 06:10:20 +01:00
/* Keep as solid colours transparent borders wont work in ie */
/* Only for use as shadows as they wont work in older browsers */
2012-11-22 02:14:11 +01:00
/*$color-optional: #a1d2eb !default; */
2012-02-03 00:59:40 +01:00
/** ----------------------------------------------- Textures ----------------------------------------------- */
/** ----------------------------------------------- Typography. ------------------------------------------------ */
2012-02-14 15:45:56 +01:00
/** ----------------------------------------------- Grid Units (px) We have a vertical rhythm that the grid is based off both x (=horizontal) and y (=vertical). All internal padding and margins are scaled to this and accounting for paragraphs ------------------------------------------------ */
2012-02-03 00:59:40 +01:00
/** ----------------------------------------------- Application Logo (CMS Logo) Must be 24px x 24px ------------------------------------------------ */
2012-11-21 22:01:02 +01:00
/ * Mixin used to generate slightly smaller text and forms
Used in side panels and action tabs
* /
2012-02-03 00:59:40 +01:00
. ss-uploadfield . clear { clear : both ; }
2015-03-03 10:26:37 +01:00
. ss-uploadfield . description { margin-left : 0 ; }
2014-10-15 23:33:49 +02:00
. ss-uploadfield . middleColumn { min-width : 510 px ; max-width : 600 px ; width : 100 % ; margin-left : 0 ; clear : both ; padding : 0 ; background : #fff ; border : 1 px solid #b3b3b3 ; -moz- border-radius : 4 px ; -webkit- border-radius : 4 px ; border-radius : 4 px ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #efefef ) , color-stop ( 10 % , #ffffff ) , color-stop ( 90 % , #ffffff ) , color-stop ( 100 % , #efefef ) ) ; background-image : -moz- linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; background-image : -webkit- linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; background-image : linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; }
2012-02-03 00:59:40 +01:00
. ss-uploadfield . ss-uploadfield-item { margin : 0 ; padding : 15 px ; overflow : auto ; }
2012-05-22 08:19:22 +02:00
. ss-uploadfield . ss-uploadfield-item . ss-uploadfield-item-preview { height : 60 px ; line-height : 60 px ; width : 80 px ; text-align : center ; font-weight : bold ; float : left ; overflow : hidden ; }
2014-10-15 23:33:49 +02:00
. ss-uploadfield . ss-uploadfield-item . ss-uploadfield-item-preview . ss-uploadfield-dropzone { -moz- box-shadow : #808080 0 0 4 px 0 inset ; -webkit- box-shadow : #808080 0 0 4 px 0 inset ; box-shadow : #808080 0 0 4 px 0 inset ; border : 2 px dashed #808080 ; background : #d0d3d5 ; display : none ; margin-right : 15 px ; }
2013-05-27 05:22:59 +02:00
. ss-uploadfield . ss-uploadfield-item . ss-uploadfield-item-info { margin-left : 95 px ; }
2012-05-22 08:19:22 +02:00
. ss-uploadfield . ss-uploadfield-item . ss-uploadfield-item-info . ss-uploadfield-item-name { display : block ; line-height : 13 px ; height : 26 px ; margin : 0 ; text-align : left ; }
2013-05-27 05:22:59 +02:00
. ss-uploadfield . ss-uploadfield-item . ss-uploadfield-item-info . ss-uploadfield-item-name . name { max-width : 240 px ; font-weight : bold ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; -o- text-overflow : ellipsis ; display : inline ; float : left ; }
. ss-uploadfield . ss-uploadfield-item . ss-uploadfield-item-info . ss-uploadfield-item-name . size { color : #848484 ; padding : 0 0 0 5 px ; display : inline ; float : left ; }
. ss-uploadfield . ss-uploadfield-item . ss-uploadfield-item-info . ss-uploadfield-item-name . ss-uploadfield-item-status { float : right ; padding : 0 0 0 5 px ; text-align : right ; max-width : 75 % ; }
2014-10-15 23:33:49 +02:00
. ss-uploadfield . ss-uploadfield-item . ss-uploadfield-item-info . ss-uploadfield-item-name . ss-uploadfield-item-status . ui-state-error-text { color : #f00 ; font-weight : bold ; width : 150 px ; }
2012-11-22 02:14:11 +01:00
. ss-uploadfield . ss-uploadfield-item . ss-uploadfield-item-info . ss-uploadfield-item-name . ss-uploadfield-item-status . ui-state-warning-text { color : #b7a403 ; }
2014-10-15 23:33:49 +02:00
. ss-uploadfield . ss-uploadfield-item . ss-uploadfield-item-info . ss-uploadfield-item-name . ss-uploadfield-item-status . ui-state-success-text { color : #1F9433 ; }
2013-08-20 17:51:32 +02:00
. ss-uploadfield . ss-uploadfield-item . ui-state-error . ss-uploadfield-item-preview { width : auto ; height : auto ; margin-right : 15 px ; }
. ss-uploadfield . ss-uploadfield-item . ui-state-error . ss-uploadfield-item-info { margin-left : 0 ; }
. ss-uploadfield . ss-uploadfield-item . ui-state-error . ss-uploadfield-item-info . ss-uploadfield-item-name { float : left ; width : 70 % ; height : auto ; }
. ss-uploadfield . ss-uploadfield-item . ui-state-error . ss-uploadfield-item-info . ss-uploadfield-item-name . name { float : left ; width : 100 % ; margin-bottom : 5 px ; }
. ss-uploadfield . ss-uploadfield-item . ui-state-error . ss-uploadfield-item-info . ss-uploadfield-item-name . ss-uploadfield-item-status { float : left ; width : 100 % ; padding : 0 ; text-align : left ; }
. ss-uploadfield . ss-uploadfield-item . ui-state-error . ss-uploadfield-item-info . ss-uploadfield-item-actions { float : right ; width : 5 % ; min-height : 0 ; margin : 0 ; }
. ss-uploadfield . ss-uploadfield-item . ui-state-error . ss-uploadfield-item-info . ss-uploadfield-item-actions . ss-uploadfield-item-cancel { position : relative ; top : auto ; }
2013-05-27 05:22:59 +02:00
. ss-uploadfield . ss-ui-button { display : block ; float : left ; margin : 0 10 px 6 px 0 ; }
2012-02-17 00:35:10 +01:00
. ss-uploadfield . ss-ui-button . ss-uploadfield-fromcomputer { position : relative ; overflow : hidden ; }
2012-05-10 06:47:52 +02:00
. ss-uploadfield . ss-uploadfield-files { margin : 0 ; padding : 0 ; overflow : auto ; position : relative ; }
2014-10-15 23:33:49 +02:00
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item , . ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item . ui-state-error { border : 0 ; border-bottom : 1 px solid #b3b3b3 ; background : none ; color : #444 ; }
2012-02-03 00:59:40 +01:00
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item : last-child , . ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item . ui-state-error : last-child { border-bottom : 0 ; }
2013-05-27 05:22:59 +02:00
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-actions { min-height : 28 px ; overflow : hidden ; margin : 6 px 0 -6 px 0 ; position : relative ; }
2012-02-03 00:59:40 +01:00
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-progress { position : absolute ; left : 0 ; right : 42 px ; width : auto ; margin : 11 px 0 0 ; height : 15 px ; }
2014-10-15 23:33:49 +02:00
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-progress div { -moz- border-radius : 25 px ; -webkit- border-radius : 25 px ; border-radius : 25 px ; height : 13 px ; padding : 0 ; margin : 0 ; overflow : hidden ; }
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-progressbar { border : 1 px solid #808080 ; background-color : #92a6b3 ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYTZiMyIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjOTBhYWI4Ii8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiM5NmIxYmYiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzllYjRjMSIvPjxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjYTdiYWM3Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzFkNWRjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #92a6b3 ) , color-stop ( 11 % , #90aab8 ) , color-stop ( 22 % , #96b1bf ) , color-stop ( 33 % , #9eb4c1 ) , color-stop ( 44 % , #a7bac7 ) , color-stop ( 100 % , #c1d5dc ) ) ; background-image : -moz- linear-gradient ( top , #92a6b3 0 % , #90aab8 11 % , #96b1bf 22 % , #9eb4c1 33 % , #a7bac7 44 % , #c1d5dc 100 % ) ; background-image : -webkit- linear-gradient ( top , #92a6b3 0 % , #90aab8 11 % , #96b1bf 22 % , #9eb4c1 33 % , #a7bac7 44 % , #c1d5dc 100 % ) ; background-image : linear-gradient ( to bottom , #92a6b3 0 % , #90aab8 11 % , #96b1bf 22 % , #9eb4c1 33 % , #a7bac7 44 % , #c1d5dc 100 % ) ; }
2012-02-03 00:59:40 +01:00
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-progressbarvalue { border : 0 ; width : 0 % ; background : #60b3dd url ( ../images/progressbar_blue.gif ) repeat-x left center ; }
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-cancel , . ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-start { position : absolute ; top : 10 px ; right : 0 ; }
2014-10-15 23:33:49 +02:00
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-cancel button , . ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-start button { display : block ; overflow : hidden ; text-indent : -9999 px ; padding : 0 ; margin : 0 ; border : 0 ; width : 16 px ; height : 16 px ; cursor : pointer ; -moz- box-shadow : 0 px 5 px #333333 ; -webkit- box-shadow : 0 px 5 px #333333 ; box-shadow : 0 px 5 px #333333 ; position : relative ; }
2012-05-13 21:05:30 +02:00
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-cancel button span , . ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-start button span { position : absolute ; left : 0 ; top : 0 ; margin : 0 ; }
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-cancel button span . ui-button-text , . ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-start button span . ui-button-text { display : none ; }
2012-02-03 00:59:40 +01:00
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-start { right : 20 px ; }
2012-03-01 11:57:35 +01:00
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-editform { /* don't use display none, for it will break jQuery('iframe').contents().height() */ height : 0 ; overflow : hidden ; clear : both ; }
2013-12-12 14:17:57 +01:00
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-editform . loading { width : 100 % ; height : 22 px ; margin : 15 px 0 0 ; background : url ( ../admin/images/spinner.gif ) no-repeat 50 % 0 ; }
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-editform . loading iframe { /* Old IE needs this or it'll give the iframe a white background, covering the spinner */ padding-top : 0 ; margin-top : 22 px ; border : none ; }
2012-12-04 06:10:20 +01:00
. ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-editform iframe { margin-top : 8 px ; padding-top : 8 px ; border-top : 1 px solid #d0d3d5 ; width : 100 % ; }
2012-02-03 00:59:40 +01:00
. ss-uploadfield . ss-uploadfield-addfile . borderTop { border-top : 1 px solid #b3b3b3 ; }
. ss-upload . clear { clear : both ; }
2013-06-25 15:21:55 +02:00
. ss-upload . ss-uploadfield-fromcomputer input { /* since we can't really style the file input, we use this hack to make it as big as the button and hide it */ position : absolute ; top : 0 ; right : 0 ; margin : 0 ; opacity : 0 ; filter : alpha ( opacity = 0 ) ; transform : translate ( -300 px , 0 ) scale ( 4 ) ; font-size : 23 px ; direction : ltr ; cursor : pointer ; height : 30 px ; line-height : 30 px ; }
2014-03-03 22:27:45 +01:00
. ss-upload . loader { height : 94 px ; background : transparent url ( ../admin/images/spinner.gif ) no-repeat 50 % 50 % ; }
2014-08-24 19:59:26 +02:00
/** ---------------------------------------------------- "@2x" media query ---------------------------------------------------- */
2014-12-05 12:35:22 +01:00
@ media only screen and ( -webkit-min-device-pixel-ratio : 2 ) , only screen and ( min--moz-device-pixel-ratio : 2 ) , only screen and ( -o-min-device-pixel-ratio : 2 / 1 ) , only screen and ( min-device-pixel-ratio : 2 ) , only screen and ( min-resolution : 192dpi ) , only screen and ( min-resolution : 2dppx ) { . ss-uploadfield . ss-uploadfield-files . ss-uploadfield-item-editform . loading { background-image : url ( ../admin/images/spinner@2x.gif ) ; background-size : 43 px 43 px ; }
. ss-upload . loader { background-image : url ( ../admin/images/spinner@2x.gif ) ; background-size : 43 px 43 px ; } }
2015-07-08 23:10:05 +02:00
/*# sourceMappingURL=UploadField.css.map */