Note that changes to the attachment from <label for/><input id/> to <label><input></label> affect some of the existing styles which attempt to place them both in the same place based on having a common parent. Only 'neo' has been fully tested and fixed for this case, as the others all fail due to the new layout anyway. :)
if (common_config('attachments', 'uploads')) {
$this->out->hidden('MAX_FILE_SIZE', common_config('attachments', 'file_quota'));
// TRANS: Input label in notice form for adding an attachment.
- $this->out->element('label', array('for' => 'notice_data-attach'),_('Attach'));
- $this->out->element('input', array('id' => 'notice_data-attach',
+ $this->out->elementStart('label', array('class' => 'notice_data-attach'));
+ $this->out->text(_('Attach'));
+ $this->out->element('input', array('class' => 'notice_data-attach',
'type' => 'file',
'name' => 'attach',
// TRANS: Title for input field to attach a file to a notice.
'title' => _('Attach a file.')));
+ $this->out->elementEnd('label');
}
if ($this->action) {
$this->out->hidden('notice_return-to', $this->action, 'returnto');
// @fixme checkbox method allows no way to change the id without changing the name
//$this->out->checkbox('notice_data-geo', _('Share my location'), true);
+ $this->out->elementStart('label', 'notice_data-geo');
$this->out->element('input', array(
'name' => 'notice_data-geo',
'type' => 'checkbox',
'checked' => true, // ?
));
$this->out->text(' ');
- $this->out->element('label', array('class' => 'notice_data-geo',
- 'for' => $this->id() . '-notice_data-geo'),
- // TRANS: Field label to add location to a notice.
- _('Share my location'));
-
+ // TRANS: Field label to add location to a notice.
+ $this->out->text(_('Share my location'));
+ $this->out->elementEnd('label');
+
$this->out->elementEnd('div');
// TRANS: Text to not share location for a notice in notice form.
$share_disable_text = _('Do not share my location');
#form_notice label[for="notice_data-attach"] {
display:none;
}
-#form_notice #notice_data-attach {
+#form_notice input.notice_data-attach {
position:static;
clear:both;
width:65%;
display:none;
}
-.realtime-popup #form_notice label[for=notice_data-attach],
-.realtime-popup #form_notice #notice_data-attach,
+.realtime-popup #form_notice label.notice_data-attach,
+.realtime-popup #form_notice input.notice_data-attach,
.realtime-popup #form_notice label.notice_data-geo {
top:0;
}
-.realtime-popup #form_notice #notice_data-attach {
+.realtime-popup #form_notice input.notice_data-attach {
left:auto;
right:0;
}
font-size:1.3em;
margin-bottom:7px;
}
-.form_notice label[for=notice_data-attach],
-.form_notice #notice_data-attach {
+.form_notice label.notice_data-attach,
+.form_notice input.notice_data-attach {
position:absolute;
top:25px;
right:10.5%;
cursor:pointer;
}
-.form_notice label[for=notice_data-attach] {
+.form_notice label.notice_data-attach {
text-indent:-9999px;
width:16px;
height:16px;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
padding:0;
height:16px;
}
font-size:1.3em;
margin-bottom:7px;
}
-#form_notice label[for=notice_data-attach] {
+#form_notice label.notice_data-attach {
text-indent:-9999px;
}
-#form_notice label[for=notice_data-attach],
-#form_notice #notice_data-attach {
+#form_notice label.notice_data-attach,
+#form_notice input.notice_data-attach {
position:absolute;
top:25px;
right:49px;
height:16px;
cursor:pointer;
}
-#form_notice #notice_data-attach {
+#form_notice input.notice_data-attach {
text-indent:-279px;
}
#form_notice #notice_submit label {
#form_notice.warning .count {
color:#000000;
}
-.form_notice label[for=notice_data-attach] {
+.form_notice label.notice_data-attach {
background-position:0 -328px;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
opacity:0;
}
-.form_notice label[for=notice_data-attach],
+.form_notice label.notice_data-attach,
#export_data li a.rss,
#export_data li a.atom,
#export_data li a.foaf,
height: 54px;
}
-.form_notice label[for=notice_data-attach],
-.form_notice #notice_data-attach {
+.form_notice label.notice_data-attach,
+.form_notice input.notice_data-attach {
top: 27px;
}
color:#FFFFFF;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
filter: alpha(opacity=0);
}
.form_notice label[for="notice_data-attach"] {
display:none;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
position:static;
clear:both;
width:65%;
border-radius: 6px;
}
-.form_notice label[for=notice_data-attach],
-.form_notice #notice_data-attach {
+.form_notice label.notice_data-attach,
+.form_notice input.notice_data-attach {
top: 27px;
right: 86px;
}
right: 6px !important;
}
-.realtime-popup .form_notice label[for=notice_data-attach], .realtime-popup .form_notice #notice_data-attach {
+.realtime-popup .form_notice label.notice_data-attach, .realtime-popup .form_notice input.notice_data-attach {
right: 74px;
top: 3px !important;
}
color:#FFFFFF;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
filter: alpha(opacity=0);
}
.form_notice label[for="notice_data-attach"] {
display:none;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
position:static;
clear:both;
width:65%;
font-size:1.3em;
margin-bottom:7px;
}
-.form_notice label[for=notice_data-attach],
-.form_notice #notice_data-attach {
+.form_notice label.notice_data-attach,
+.form_notice input.notice_data-attach {
position:absolute;
top:25px;
right:10.5%;
cursor:pointer;
}
-.form_notice label[for=notice_data-attach] {
+.form_notice label.notice_data-attach {
text-indent:-9999px;
width:16px;
height:16px;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
padding:0;
height:16px;
}
}
-.form_notice label[for=notice_data-attach],
+.form_notice label.notice_data-attach,
#export_data li a.rss,
#export_data li a.atom,
#export_data li a.foaf,
#form_notice.warning .count {
color:#000000;
}
-#form_notice label[for=notice_data-attach] {
+#form_notice label.notice_data-attach {
background:transparent url(../../base/images/icons/twotone/green/clip-01.gif) no-repeat 0 45%;
}
-#form_notice #notice_data-attach {
+#form_notice input.notice_data-attach {
opacity:0;
}
width:16px;
display:block;
}
-#form_notice #notice_data-attach {
+#form_notice input.notice_data-attach {
filter: alpha(opacity = 0);
left:33.5%;
}
.entity_actions .dialogbox input {
color:#000000;
}
-.form_notice label[for=notice_data-attach] {
+.form_notice label.notice_data-attach {
background-position:0 -328px;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
opacity:0;
}
-.form_notice label[for=notice_data-attach],
+.form_notice label.notice_data-attach,
#export_data li a.rss,
#export_data li a.atom,
#export_data li a.foaf,
.form_notice .count + label {
background:transparent url(../../base/images/icons/icons-01.gif) no-repeat 0 -328px;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
filter: alpha(opacity=0);
}
.notice-options form.form_favor input.submit {
.entity_actions .dialogbox input {
color:#000000;
}
-.form_notice label[for=notice_data-attach] {
+.form_notice label.notice_data-attach {
background-position:0 -328px;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
opacity:0;
}
-.form_notice label[for=notice_data-attach],
+.form_notice label.notice_data-attach,
#export_data li a.rss,
#export_data li a.atom,
#export_data li a.foaf,
.form_notice .count + label {
background:transparent url(../../base/images/icons/icons-01.gif) no-repeat 0 -328px;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
filter: alpha(opacity=0);
}
.notice-options form.form_favor input.submit {
/*-- FORMS --*/
-.form_notice label[for=notice_data-attach],
+.form_notice label.notice_data-attach,
#export_data li a.rss,
#export_data li a.atom,
#export_data li a.foaf,
.form_notice label.notice_data-geo.checked {
background-position:0 -1846px;
}
-.form_notice label[for=notice_data-attach] {
+.form_notice label.notice_data-attach {
background-position:0 -328px;
}
button.close {
.form_notice label {
float:left;
}
-.form_notice label[for=notice_data-attach],
-.form_notice #notice_data-attach {
+.form_notice label.notice_data-attach,
+.form_notice input.notice_data-attach {
position:absolute;
top:2em;
right: 3em;
cursor:pointer;
}
-.form_notice label[for=notice_data-attach] {
+.form_notice label.notice_data-attach {
text-indent:-9999px;
width:16px;
height:16px;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
opacity: 0;
padding:0;
height:1.6em;
background:transparent url(../images/icons/icons-01.png) no-repeat 0 -328px;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
filter: alpha(opacity=0);
}
.form_notice .notice_data-geo_wrap label {
#form_notice label[for="notice_data-attach"] {
display:none;
}
-#form_notice #notice_data-attach {
+#form_notice input.notice_data-attach {
position:static;
clear:both;
width:65%;
border-radius: 6px;
}
-.form_notice label[for=notice_data-attach],
-.form_notice #notice_data-attach {
+.form_notice label.notice_data-attach {
top: 27px;
right: 86px;
}
#entity_remote_subscribe .dialogbox {
border: 1px solid #7B4E82;
- border-radius: 8px;\r
- -moz-border-radius: 8px;\r
+ border-radius: 8px;
+ -moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
right: 6px !important;
}
-.realtime-popup .form_notice label[for=notice_data-attach], .realtime-popup .form_notice #notice_data-attach {
+.realtime-popup .form_notice label.notice_data-attach, .realtime-popup .form_notice input.notice_data-attach {
right: 74px;
top: 3px !important;
}
}
.bookmark-notice-count {
- border-radius: 4px;\r
- -moz-border-radius: 4px;\r
+ border-radius: 4px;
+ -moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 1px 6px;
font-size: 1.2em;
}
ul.bookmark-tags a {
- border-radius: 4px;\r
- -moz-border-radius: 4px;\r
+ border-radius: 4px;
+ -moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 1px 6px;
background: #f2f2f2;
/* Onboard specific styles */
.onboard-flash {
- border-radius: 6px;\r
- -moz-border-radius: 6px;\r
+ border-radius: 6px;
+ -moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size: 1.1em;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
width: 106px;
max-width: 106px;
}
-.form_notice #notice_data-attach_selected,
+.form_notice input.notice_data-attach_selected,
.form_notice #notice_data-geo_selected {
width:78.75%;
}
-.form_notice #notice_data-attach_selected button,
+.form_notice input.notice_data-attach_selected button,
.form_notice #notice_data-geo_selected button {
padding:0 4px;
}
color:#FFFFFF;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
filter: alpha(opacity=0);
}
.form_notice label[for="notice_data-attach"] {
display:none;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
position:static;
clear:both;
width:65%;
font-size:1.3em;
margin-bottom:7px;
}
-#form_notice label[for=notice_data-attach],
-#form_notice #notice_data-attach {
+#form_notice label.notice_data-attach,
+#form_notice input.notice_data-attach {
position:absolute;
-top:25px;
cursor:pointer;
}
-#form_notice label[for=notice_data-attach] {
+#form_notice label.notice_data-attach {
+top:25px;
+}
+#form_notice input.notice_data-attach {
+top:0;
+}
+#form_notice label.notice_data-attach {
text-indent:-9999px;
left:394px;
width:16px;
height:16px;
}
-#form_notice #notice_data-attach {
+#form_notice input.notice_data-attach {
left:183px;
padding:0;
height:16px;
#form_notice.warning .count {
color:#000000;
}
-#form_notice label[for=notice_data-attach] {
+#form_notice label.notice_data-attach {
background-position:0 -328px;
}
-#form_notice #notice_data-attach {
+#form_notice input.notice_data-attach {
opacity:0;
}
-.form_notice label[for=notice_data-attach],
+.form_notice label.notice_data-attach,
#export_data li a.rss,
#export_data li a.atom,
#export_data li a.foaf,
color: #333 !important;
}
-.form_notice label[for=notice_data-attach],
-.form_notice #notice_data-attach {
+.form_notice label.notice_data-attach,
+.form_notice input.notice_data-attach {
position:absolute;
+ cursor:pointer;
+}
+.form_notice label.notice_data-attach {
top: 31px;
right: 88px;
- cursor:pointer;
+}
+.form_notice input.notice_data-attach {
+ /* Positioned inside the label */
+ top: 0;
+ right: 0;
}
-.form_notice label[for=notice_data-attach] {
+.form_notice label.notice_data-attach {
text-indent:-9999px;
width:16px;
height:16px;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
padding:0;
height:16px;
}
opacity: 1;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
opacity:0;
}
width: 86px;
}
-.realtime-popup .form_notice label[for=notice_data-attach], .form_notice #notice_data-attach {
+.realtime-popup .form_notice label.notice_data-attach {
right: 70px;
}
/* icons */
-.form_notice label[for=notice_data-attach],
+.form_notice label.notice_data-attach,
#export_data li a.rss,
#export_data li a.atom,
#export_data li a.foaf,
#new_group a {
background-position:0 -1054px;
}
-.form_notice label[for=notice_data-attach] {
+.form_notice label.notice_data-attach {
background-position: 0 -328px;
}
.form_notice label.notice_data-geo {
color:#FFFFFF;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
filter: alpha(opacity=0);
}
border: 1px solid #9495b7;
}
-.form_notice label[for=notice_data-attach],
-.form_notice #notice_data-attach {
+.form_notice label.notice_data-attach,
+.form_notice input.notice_data-attach {
top: 27px;
right: 86px;
}
color:#FFFFFF;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
filter: alpha(opacity=0);
}
.form_notice label[for="notice_data-attach"] {
display:none;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
position:static;
clear:both;
width:65%;
color:#000000;
}
-.form_notice label[for=notice_data-attach] {
+.form_notice label.notice_data-attach {
background-position:0 -328px;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
opacity:0;
}
-.form_notice label[for=notice_data-attach],
+.form_notice label.notice_data-attach,
#export_data li a.rss,
#export_data li a.atom,
#export_data li a.foaf,
.form_notice .count + label {
background:transparent url(../../base/images/icons/icons-01.gif) no-repeat 0 -328px;
}
-.form_notice #notice_data-attach {
+.form_notice input.notice_data-attach {
filter: alpha(opacity=0);
}
.notice-options form.form_favor input.submit {
#form_notice label[for="notice_data-attach"] {
display:none;
}
-#form_notice #notice_data-attach {
+#form_notice input.notice_data-attach {
position:static;
clear:both;
width:65%;