Signed-off-by: Julius Härtl <jus@bitgrid.net>tags/v14.0.0beta1
@@ -1,107 +0,0 @@ | |||
#theming input { | |||
width: 230px; | |||
} | |||
#theming input:focus, | |||
#theming input:active { | |||
padding-right: 30px; | |||
} | |||
#theming .upload-logo-field { | |||
display: none; | |||
} | |||
#theming div > label { | |||
position: relative; | |||
} | |||
#theming .theme-undo { | |||
position: absolute; | |||
top: -7px; | |||
right: 7px; | |||
cursor: pointer; | |||
opacity: .3; | |||
padding: 7px; | |||
vertical-align: top; | |||
display: inline-block; | |||
visibility: hidden; | |||
} | |||
form.uploadButton { | |||
width: 356px; | |||
} | |||
#theming form .theme-undo, | |||
#theming .theme-remove-bg { | |||
cursor: pointer; | |||
opacity: .3; | |||
padding: 7px; | |||
vertical-align: top; | |||
display: inline-block; | |||
float: right; | |||
position: relative; | |||
top: 4px; | |||
right: 0px; | |||
visibility: visible; | |||
} | |||
#theming input[type='text']:hover + .theme-undo, | |||
#theming input[type='text'] + .theme-undo:hover, | |||
#theming input[type='text']:focus + .theme-undo, | |||
#theming input[type='text']:active + .theme-undo { | |||
visibility: visible; | |||
} | |||
#theming label span { | |||
display: inline-block; | |||
min-width: 120px; | |||
padding: 8px 0px; | |||
vertical-align: top; | |||
} | |||
#theming .icon-upload, | |||
#theming .uploadButton .icon-loading-small { | |||
padding: 8px 20px; | |||
width: 20px; | |||
margin: 2px 0px; | |||
min-height: 32px; | |||
display: inline-block; | |||
} | |||
#theming_settings_status { | |||
height: 26px; | |||
margin: 10px; | |||
} | |||
#theming_settings_loading { | |||
display: inline-block; | |||
vertical-align: middle; | |||
margin-right: 10px; | |||
} | |||
#theming_settings_msg { | |||
vertical-align: middle; | |||
border-radius: 3px; | |||
} | |||
#theming-preview-logo { | |||
cursor: pointer; | |||
} | |||
#theming-preview { | |||
width: 230px; | |||
height: 140px; | |||
background-size: cover; | |||
background-position: center center; | |||
text-align: center; | |||
margin-left: 123px; | |||
margin-top: 10px; | |||
cursor: pointer; | |||
} | |||
#theming-preview img { | |||
max-width: 20%; | |||
max-height: 20%; | |||
margin-top: 20px; | |||
} | |||
.theming-hints { | |||
margin-top: 20px; | |||
} |
@@ -0,0 +1,120 @@ | |||
#theming { | |||
input { | |||
width: 230px; | |||
} | |||
input:focus, | |||
input:active { | |||
padding-right: 30px; | |||
} | |||
.fileupload { | |||
display: none; | |||
} | |||
div > label { | |||
position: relative; | |||
} | |||
.theme-undo { | |||
position: absolute; | |||
top: -7px; | |||
right: 7px; | |||
cursor: pointer; | |||
opacity: .3; | |||
padding: 7px; | |||
vertical-align: top; | |||
display: inline-block; | |||
visibility: hidden; | |||
} | |||
form.uploadButton { | |||
width: 356px; | |||
} | |||
form .theme-undo, | |||
.theme-remove-bg { | |||
cursor: pointer; | |||
opacity: .3; | |||
padding: 7px; | |||
vertical-align: top; | |||
display: inline-block; | |||
float: right; | |||
position: relative; | |||
top: 4px; | |||
right: 0px; | |||
visibility: visible; | |||
} | |||
input[type='text']:hover + .theme-undo, | |||
input[type='text'] + .theme-undo:hover, | |||
input[type='text']:focus + .theme-undo, | |||
input[type='text']:active + .theme-undo { | |||
visibility: visible; | |||
} | |||
label span { | |||
display: inline-block; | |||
min-width: 120px; | |||
padding: 8px 0px; | |||
vertical-align: top; | |||
} | |||
.icon-upload, | |||
.uploadButton .icon-loading-small { | |||
padding: 8px 20px; | |||
width: 20px; | |||
margin: 2px 0px; | |||
min-height: 32px; | |||
display: inline-block; | |||
} | |||
#theming_settings_status { | |||
height: 26px; | |||
margin: 10px; | |||
} | |||
#theming_settings_loading { | |||
display: inline-block; | |||
vertical-align: middle; | |||
margin-right: 10px; | |||
} | |||
#theming_settings_msg { | |||
vertical-align: middle; | |||
border-radius: 3px; | |||
} | |||
I | |||
#theming-preview { | |||
width: 230px; | |||
height: 140px; | |||
background-size: cover; | |||
background-position: center center; | |||
text-align: center; | |||
margin-left: 123px; | |||
margin-top: 10px; | |||
margin-bottom: 20px; | |||
cursor: pointer; | |||
#theming-preview-logo { | |||
cursor: pointer; | |||
width: 20%; | |||
height: 20%; | |||
margin-top: 20px; | |||
display: inline-block; | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
background-size: contain; | |||
} | |||
} | |||
.theming-hints { | |||
margin-top: 20px; | |||
} | |||
.image-preview { | |||
display: inline-block; | |||
width: 80px; | |||
height: 36px; | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
background-size: contain; | |||
} | |||
} |