diff --git a/css/BootstrapUploadField.css b/css/BootstrapUploadField.css index 2eaf310..cfd7abd 100644 --- a/css/BootstrapUploadField.css +++ b/css/BootstrapUploadField.css @@ -10,42 +10,207 @@ /*Mixin used to generate slightly smaller text and forms Used in side panels and action tabs */ -.ss-uploadfield .clear { clear: both; } -//.ss-uploadfield .middleColumn { width: 510px; padding: 0; background: #fff; border: 1px solid #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; 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: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); } -//.ss-uploadfield .middleColumn { padding: 0; background: #fff; border: 1px solid #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } -.ss-uploadfield .form-control { height: auto; } -//.ss-uploadfield .ss-uploadfield-item { margin: 0; padding: 15px; overflow: auto; } -.ss-uploadfield .ss-uploadfield-item { margin: 0; overflow: hidden; list-style-type: none; } -.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview { height: 60px; line-height: 60px; width: 80px; text-align: center; font-weight: bold; float: left; overflow: hidden; } -.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview.ss-uploadfield-dropzone { -webkit-box-shadow: gray 0 0 4px 0 inset; -moz-box-shadow: gray 0 0 4px 0 inset; box-shadow: gray 0 0 4px 0 inset; border: 2px dashed gray; background: #d0d3d5; display: none; margin-right: 15px; } -.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info { margin-left: 95px; } -.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name { display: block; line-height: 13px; height: 26px; margin: 0; text-align: left; } -.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .name { max-width: 240px; 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 5px; 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 5px; text-align: right; max-width: 75%; } -//.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-error-text { color: red; font-weight: bold; width: 150px; } -.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-error-text { color: red; font-weight: bold; } -.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text { color: #b7a403; } -.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-success-text { color: #1f9433; } -.ss-uploadfield .ss-ui-button { display: block; float: left; margin: 0 10px 6px 0; } -.ss-uploadfield .ss-ui-button.ss-uploadfield-fromcomputer { position: relative; overflow: hidden; } -.ss-uploadfield .ss-uploadfield-files { margin: 0; padding: 0; overflow: auto; position: relative; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item, .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item.ui-state-error { border: 0; border-bottom: 1px solid #b3b3b3; background: none; color: #444444; } -.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; } -//.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-actions { min-height: 28px; overflow: hidden; margin: 6px 0 -6px 0; position: relative; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-actions { min-height: 50px; overflow: hidden; position: relative; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progress { position: absolute; left: 0; right: 0; width: auto; margin: 11px 0 0; height: 15px; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progress div { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; height: 13px; padding: 0; margin: 0; overflow: hidden; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progressbar { border: 1px solid gray; background-color: #92a6b3; 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: -webkit-linear-gradient(top, #92a6b3 0%, #90aab8 11%, #96b1bf 22%, #9eb4c1 33%, #a7bac7 44%, #c1d5dc 100%); background-image: -moz-linear-gradient(top, #92a6b3 0%, #90aab8 11%, #96b1bf 22%, #9eb4c1 33%, #a7bac7 44%, #c1d5dc 100%); background-image: -o-linear-gradient(top, #92a6b3 0%, #90aab8 11%, #96b1bf 22%, #9eb4c1 33%, #a7bac7 44%, #c1d5dc 100%); background-image: linear-gradient(top, #92a6b3 0%, #90aab8 11%, #96b1bf 22%, #9eb4c1 33%, #a7bac7 44%, #c1d5dc 100%); } -.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: 10px; right: 0; } -//.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: -9999px; padding: 0; margin: 0; border: 0; width: 16px; height: 16px; cursor: pointer; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative; } -.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; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start { right: 20px; } -.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; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-editform iframe { margin-top: 8px; padding-top: 8px; border-top: 1px solid #d0d3d5; width: 100%; } -.ss-uploadfield .ss-uploadfield-addfile.borderTop { border-top: 1px solid #b3b3b3; } -.ss-upload .clear { clear: both; } -.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(-300px, 0) scale(4); font-size: 23px; direction: ltr; cursor: pointer; height: 30px; line-height: 30px; } +.ss-uploadfield .clear { + clear: both; +} +.ss-uploadfield .form-control { + height: auto; + padding: 1em 1.5em; +} +.ss-uploadfield-item { + margin: 0; + overflow: hidden; + list-style-type: none; +} +.ss-uploadfield-item-preview { + height: 75px; + width: 100px; + text-align: center; + font-weight: bold; + float: left; + overflow: hidden; +} +.ss-uploadfield-item-preview > span { + display: block; + font-size: 12px; + padding: 10px; +} +.ss-uploadfield-item-preview.ss-uploadfield-dropzone { + border: 2px dashed #e2e0d6; + border-radius: 2px; + background-color: #F6F5ED; + display: none; + margin-right: 15px; + -webkit-transition: border 0.3s ease-in-out 0s; + transition: border 0.3s ease-in-out 0s; +} +.ss-uploadfield-item-preview.ss-uploadfield-dropzone.hover, +.ss-uploadfield-item-preview.ss-uploadfield-dropzone:hover { + border: 2px dashed #DCDAD0; + background-color: #Ffffff; +} +.ss-uploadfield-item .ss-uploadfield-item-info { + margin-left: 115px; +} +.ss-uploadfield-item-name { + display: block; + height: 40px; + line-height: 20px; + margin: 0; +} +.ss-uploadfield-item-name .name { + max-width: 240px; + font-weight: bold; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + display: inline; + float: left; +} +.ss-uploadfield-item-name .size { + color: #848484; + padding: 0 0 0 5px; + display: inline; + float: left; +} +.ss-uploadfield-item-name .ss-uploadfield-item-status { + float: right; + padding: 0 0 0 5px; + text-align: right; + max-width: 75%; +} +.ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-error-text { + color: red; + font-weight: bold; +} +.ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text { + color: #b7a403; +} +.ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-success-text { + color: #1f9433; +} +.ss-uploadfield .ss-ui-button { + border-radius: 2px; + border: none; + display: block; + float: left; + font-size: 12px; + margin: 0 10px 6px 0; + padding: 0.5em 1em; +} +.ss-uploadfield .ss-ui-button.ss-uploadfield-fromcomputer { + position: relative; + overflow: hidden; + background-color: #069d88; + text-transform: uppercase; +} +.ss-uploadfield .ss-uploadfield-files { + margin: 0; + padding: 0; + overflow: auto; + position: relative; +} +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item, +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item.ui-state-error { + border: 0; + border-bottom: 1px solid #b3b3b3; + background: none; + color: #444444; +} +.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; +} +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-actions { + overflow: hidden; + position: relative; +} +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progress { + position: absolute; + left: 0; + right: 0; + width: auto; + margin: 11px 0 0; + height: 15px; +} +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progress div { + border-radius: 2px; + height: 20px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + padding: 0; + margin: 0; + overflow: hidden; +} +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progressbar { + background-color: #5bc0de; +} +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progressbarvalue { + border: 0; + width: 0%; + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); + background-size: 40px 40px; + box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; + -webkit-transition: width 0.6s ease 0s; + transition: width 0.6s ease 0s; + background-color: #5bc0de; +} +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel, +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start { + position: absolute; + top: 10px; + right: 0; +} +.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; +} +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start { + right: 20px; +} +.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; +} +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-editform iframe { + margin-top: 8px; + padding-top: 8px; + border-top: 1px solid #d0d3d5; + width: 100%; +} +.ss-uploadfield .ss-uploadfield-addfile.borderTop { + border-top: 1px solid #b3b3b3; +} +.ss-upload .clear { + clear: both; +} +.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; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transform: translate(-300px, 0) scale(4); + transform: translate(-300px, 0) scale(4); + font-size: 23px; + direction: ltr; + cursor: pointer; + height: 30px; + line-height: 30px; +} \ No newline at end of file diff --git a/lang/hr.yml b/lang/hr.yml new file mode 100644 index 0000000..868c2c7 --- /dev/null +++ b/lang/hr.yml @@ -0,0 +1,18 @@ +hr: + BootstrapFileField: + CHOOSEFILE: 'Odaberite datoteku' # Choose File Text on Upload Button + BootstrapLoadingFormAction: + LOADING: 'Učitavam...' + BootstrapAjaxModalForm: + LOADING: 'Učitavam...' + BootstrapAjaxForm: + LOADING: 'Učitavam...' + BootstrapCaptchaField: + VALIDATION: 'Nevažeći kod, pokušajte ponovo.' + PLACEHOLDER: 'Unesite prikazani kod' + BootstrapSemVerField: + VALIDATION: 'Nevažeći broj verzije.' + BootstrapUrlField: + VALIDATION: 'Neispravan url.' + BootstrapYoutubeField: + VALIDATION: 'Neispravan YouTube video id.'