odoo
/
odoo
2
0
Fork 0
Code Pull Requests Releases Activity

[IMP]changes in css for buttons 

bzr revid: dhr@tinyerp.com-20120307070004-wvmtqmqu8ybj0uz3
This commit is contained in:
Dharti Ratani (OpenERP) 2012-03-07 12:30:04 +05:30
parent 907909ac70
commit 43c887aff7
2 changed files with 68 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
addons/event/event_view.xml
View File

@ -189,7 +189,7 @@
<p>
<t t-if="record.country_id.raw_value">@<field name="country_id"/><br/></t>
<t t-if="record.user_id.raw_value">Organized by <field name="user_id"/><br/></t>
<t t-if="record.register_avail.raw_value lte 10">
<t t-if="record.register_avail.raw_value lte 10"><i>Only</i></t>
<t t-if="record.register_avail.raw_value != 0">
<i><b><field name="register_avail"/></b></i>
<i>
@ -197,20 +197,19 @@
<t t-if="record.register_avail.raw_value == 1 || !record.register_avail.raw_value > 1">seat </t>available.
</i>
</t>
</t>
</p>
<t t-if="record.register_avail.raw_value != 0">
<t t-if="!record.subscribe.raw_value">
<button type="object" name="subscribe_to_event" class="subscribe_button oe_event_button_subscribe">
<span>Subscribe</span>
<span class="subscribe">UnSubscribe</span>
<span >Subscribe</span>
</button>
</t>
</t>
<t t-if="record.subscribe.raw_value">
<button type="object" name="unsubscribe_to_event" class="unsubscribe_button oe_event_button_unsubscribe">
<span>UnSubscribe</span>
<span class="unsubscribe">Subscribe</span>
<span>Subscribed</span>
<span class="unsubscribe">Unsubscribe</span>
</button>
</t>
</div>

92
addons/event/static/src/css/event.css
View File

@ -32,52 +32,86 @@
div.oe_fold_column{
padding:0px !important;
}
.oe_event_button_subscribe{
display: block;
border: 1px solid #404040;
.oe_event_button_subscribe {
display: inline-block;
border: 1px solid #ababab;
color: #404040;
font-size: 10px;
font-size: 12px;
padding: 3px 10px;
text-align: center;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: auto auto !important;
background-size: 100% 100%;
background: #d8d8d8 none;
background: none, -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
background: none, -webkit-linear-gradient(#efefef, #d8d8d8);
background: none, -moz-linear-gradient(#efefef, #d8d8d8);
background: none, -o-linear-gradient(top, #efefef, #d8d8d8);
background: none, -khtml-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
background: -ms-linear-gradient(top, #efefef, #d8d8d8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d8d8d8',GradientType=0 );
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
-webkit-font-smoothing: antialiased;
outline: none;
}
.oe_event_button_unsubscribe{
display: block;
border: 1px solid #404040;
color: #FFFFFF;
background-color:#DC5F59;
font-size: 10px;
.oe_event_button_unsubscribe {
display: inline-block;
border: 1px solid #ababab;
color: #404040;
font-size: 12px;
padding: 3px 10px;
text-align: center;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: auto auto !important;
background-size: 100% 100%;
background: #8A89BA none;
background: none, -webkit-gradient(linear, left top, left bottom, from(#8A89BA), to(#8A89BA));
background: none, -webkit-linear-gradient(#8A89BA, #8A89BA);
background: none, -moz-linear-gradient(#8A89BA, #8A89BA);
background: none, -o-linear-gradient(top, #8A89BA, #8A89BA);
background: none, -khtml-gradient(linear, left top, left bottom, from(#8A89BA), to(#8A89BA));
background: -ms-linear-gradient(top, #8A89BA, #8A89BA);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8A89BA, endColorstr='#8A89BA',GradientType=0 );
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
-webkit-font-smoothing: antialiased;
outline: none;
}
.oe_event_button_subscribe:hover {
cursor: pointer;
background-color: #DC5F59;
background-size: 100% 100%;
background: #DC5F59 none;
}
.oe_event_button_unsubscribe:hover {
cursor: pointer;
background-color: #404040;
}
.subscribe, .subscribe_button:hover span {
display: none;
background-color: #DC5F59;
}
.subscribe_button:hover .subscribe {
display: inline;
background-color: #DC5F59;
}
.unsubscribe, .unsubscribe_button:hover span {
display: none;
}
.unsubscribe_button:hover .unsubscribe {
display: inline;
background-color: #404040;
}
cursor: pointer;
background-size: 100% 100%;
background: #DC5F59 none;
}
.unsubscribe, .unsubscribe_button:hover span {
display: none;
background-color: #DC5F59
}
.unsubscribe_button:hover .unsubscribe {
display: inline;
background-color: #DC5F59;
}