mbirth/LuckyCoinkydink
1
0
Fork 0
Code Issues Pull Requests Activity

CSS-only zebra-striping for media upload.

Browse Source 
This will only work in modern browsers, but it's the only way to
get zebra-striping for this because new elements will be inserted
in the DOM using jQuery.
This commit is contained in:
Matthias Mees 2013-06-29 14:11:45 +02:00
parent 41c4c7ec37
commit 2f566a3c25
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/2k11/admin/media_upload.tpl
View File

@ -12,7 +12,7 @@
{$media.form_hidden}
<div id="uploads">
<div id="upload_form_1">
<div id="upload_form_1" class="upload_form">
<div class="form_field clearfix">
<label for="userfile_1" class="uploadform_userfile_label">{$CONST.ENTER_MEDIA_UPLOAD}</label>
<input id="userfile_1" class="uploadform_userfile check_input" name="serendipity[userfile][1]" type="file">

15
templates/2k11/admin/style.css
View File

@ -1337,10 +1337,15 @@ fieldset p,
.comment_data,
.configuration_group h3,
form > .button_link:first-of-type {
form > .button_link:first-of-type,
.upload_form > .form_field:first-child {
margin-top: 0;
}
.upload_form > .form_field:first-child {
padding-top: .75em;
}
.installer .configuration_group h3 {
margin-top: 1.16667em;
}
@ -1430,6 +1435,7 @@ form > .button_link:first-of-type {
.zebra_list,
.option_list,
#uploads,
.configure_plugin .odd:first-of-type,
#categories .odd,
#categories .even,
@ -1446,7 +1452,8 @@ form > .button_link:first-of-type {
.configure_plugin .odd,
.configure_plugin .even,
#categories,
#serendipity_image_folders {
#serendipity_image_folders,
.upload_form {
border-bottom: 1px solid #aaa;
}
@ -1461,7 +1468,9 @@ form > .button_link:first-of-type {
.theme_options .odd,
.configure_plugin .odd,
#categories .odd,
#serendipity_image_folders .odd {
#serendipity_image_folders .odd,
.upload_form:nth-child(odd),
.upload_form:nth-child(odd) input[type="file"] {
background: #eee;
}