| 1 |
/** Editorial Metadata **/ |
| 2 |
|
| 3 |
#ef_editorial_meta h3 { |
| 4 |
padding-left: 22px; |
| 5 |
background-image: url( editorial_metadata_s16.png ); |
| 6 |
background-repeat: no-repeat; |
| 7 |
background-position: 5px 5px; |
| 8 |
} |
| 9 |
|
| 10 |
/* Position the Configure link on the metabox title line to the right */ |
| 11 |
#ef_editorial_meta h3 .postbox-title-action { |
| 12 |
padding: 0; |
| 13 |
position: absolute; |
| 14 |
right: 30px; |
| 15 |
top: 5px; |
| 16 |
} |
| 17 |
|
| 18 |
/* Spacing between each term */ |
| 19 |
#ef_editorial_meta_meta_box div.ef_editorial_meta { |
| 20 |
margin-bottom: 10px; |
| 21 |
} |
| 22 |
|
| 23 |
#ef_editorial_meta_meta_box div.ef_editorial_meta label, |
| 24 |
#ef_editorial_meta_meta_box div.ef_editorial_meta span.description { |
| 25 |
display: block; |
| 26 |
} |
| 27 |
|
| 28 |
#ef_editorial_meta_meta_box div.ef_editorial_meta label { |
| 29 |
font-weight: bold; |
| 30 |
line-height: 1.3em; |
| 31 |
margin-top: 5px; |
| 32 |
padding-left: 2px; |
| 33 |
} |
| 34 |
|
| 35 |
#ef_editorial_meta_meta_box div.ef_editorial_meta_date label:first-child { |
| 36 |
background: transparent url("date-button.gif") no-repeat scroll 2px 0; |
| 37 |
padding-left: 20px; |
| 38 |
} |
| 39 |
#ef_editorial_meta_meta_box div.ef_editorial_meta_date input[readonly] { |
| 40 |
background: #fff; |
| 41 |
cursor: pointer; |
| 42 |
} |
| 43 |
|
| 44 |
#ef_editorial_meta_meta_box div.ef_editorial_meta_location label:first-child { |
| 45 |
background: transparent url("globe-V3.png") no-repeat scroll 2px 0; |
| 46 |
} |
| 47 |
|
| 48 |
#ef_editorial_meta_meta_box div.ef_editorial_meta_location label:first-child, |
| 49 |
#ef_editorial_meta_meta_box div.ef_editorial_meta_date label:first-child { |
| 50 |
padding-left: 20px; |
| 51 |
margin-left: 2px; |
| 52 |
} |
| 53 |
|
| 54 |
/* Spacing for Google Maps link */ |
| 55 |
#ef_editorial_meta_meta_box div.ef_editorial_meta_location div { |
| 56 |
margin-top: 5px; |
| 57 |
margin-left: 2px; |
| 58 |
} |
| 59 |
|
| 60 |
#ef_editorial_meta_meta_box span.description { |
| 61 |
font-size: 1em; |
| 62 |
font-style: normal; |
| 63 |
font-weight: normal; |
| 64 |
line-height: 1.4em; |
| 65 |
margin: 3px 0 5px; |
| 66 |
} |
| 67 |
|
| 68 |
#ef_editorial_meta_meta_box .ef_editorial_meta_checkbox input[type=checkbox] { |
| 69 |
margin-top: 8px; |
| 70 |
} |
| 71 |
|
| 72 |
#ef_editorial_meta_meta_box .ef_editorial_meta_checkbox label span.description { |
| 73 |
margin-top: 6px; |
| 74 |
} |
| 75 |
|
| 76 |
/* |
| 77 |
* If editorial metadata is in the main post column, allow the metadata to be laid out in |
| 78 |
* multiple columns in browsers that support it. |
| 79 |
*/ |
| 80 |
div#normal-sortables #ef_editorial_meta_meta_box { |
| 81 |
-webkit-column-width: 250px; |
| 82 |
-webkit-column-span: 50px; |
| 83 |
-moz-column-width: 250px; |
| 84 |
-moz-column-span: 50px; |
| 85 |
column-width: 250px; |
| 86 |
column-span: 50px; |
| 87 |
} |
| 88 |
div#normal-sortables #ef_editorial_meta_meta_box .ef_editorial_meta { |
| 89 |
/* Get the items within the columns to break at reasonable points */ |
| 90 |
-webkit-column-break-inside: avoid; |
| 91 |
-moz-column-break-inside: avoid; |
| 92 |
column-break-inside: avoid; |
| 93 |
/* |
| 94 |
* Because the above isn't supported in some browsers yet, even those that support columns (Firefox), break |
| 95 |
* properly in another way, per http://forrst.com/posts/Fixing_column_break_inside_avoid_in_CSS3_multi-tIz |
| 96 |
*/ |
| 97 |
display: inline-block; |
| 98 |
} |
| 99 |
|
| 100 |
div#normal-sortables #ef_editorial_meta_meta_box input[type=text], |
| 101 |
div#normal-sortables #ef_editorial_meta_meta_box textarea, |
| 102 |
div#normal-sortables #ef_editorial_meta_meta_box select, |
| 103 |
div#normal-sortables #ef_editorial_meta_meta_box label { |
| 104 |
min-width: 250px; |
| 105 |
} |
| 106 |
|
| 107 |
div#side-sortables #ef_editorial_meta_meta_box input[type=text], |
| 108 |
div#side-sortables #ef_editorial_meta_meta_box textarea, |
| 109 |
div#side-sortables #ef_editorial_meta_meta_box select { |
| 110 |
width: 98%; |
| 111 |
} |
| 112 |
|
| 113 |
div#side-sortables .ef_editorial_meta_checkbox label span.description { |
| 114 |
float: right; |
| 115 |
display: inline-block; |
| 116 |
margin-bottom: 10px; |
| 117 |
width: 90%; |
| 118 |
} |
| 119 |
|
| 120 |
div#normal-sortables .ef_editorial_meta_checkbox label span.description { |
| 121 |
float: right; |
| 122 |
width: 93%; |
| 123 |
} |
| 124 |
|
| 125 |
div#normal-sortables .ef_editorial_meta_checkbox label { |
| 126 |
width: 96%; |
| 127 |
} |
| 128 |
|
| 129 |
div#side-sortables .ef_editorial_meta_checkbox input { |
| 130 |
margin-left: 4px; |
| 131 |
} |
| 132 |
|
| 133 |
/* Date + Time input wrapper */ |
| 134 |
.ef-datetime-wrapper { |
| 135 |
display: flex; |
| 136 |
gap: 8px; |
| 137 |
align-items: center; |
| 138 |
} |
| 139 |
|
| 140 |
.ef-datetime-wrapper .date-pick { |
| 141 |
flex: 1; |
| 142 |
min-width: 120px; |
| 143 |
} |
| 144 |
|
| 145 |
.ef-datetime-wrapper .time-pick { |
| 146 |
width: 100px; |
| 147 |
flex-shrink: 0; |
| 148 |
} |
| 149 |
|
| 150 |
/* Sidebar adjustments for datetime wrapper */ |
| 151 |
div#side-sortables .ef-datetime-wrapper { |
| 152 |
flex-wrap: wrap; |
| 153 |
} |
| 154 |
|
| 155 |
div#side-sortables .ef-datetime-wrapper .date-pick, |
| 156 |
div#side-sortables .ef-datetime-wrapper .time-pick { |
| 157 |
width: 100%; |
| 158 |
min-width: unset; |
| 159 |
} |
