Fix css bugs (opacity=) and changes in sign_in page

This commit is contained in:
Christophe Vilayphiou 2012-04-27 15:27:59 +08:00
parent bf2c89da54
commit 799fd1e3ac
3 changed files with 17 additions and 96 deletions

View File

@ -1,79 +0,0 @@
.widget-size-300 {
width:298px;
}
.widget-box {
background-color: #FFF;
overflow: hidden;
min-width: 300px;
border: 1px solid #DDD;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 0 5px 5px;
position:relative;
}
.widget-box .widget-title {
background: #999;
color: #FFF;
padding-left: 5px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
.widget-box .widget-content {
padding: 10px;
}
.widget-box .form-horizontal .control-group > label {
width: 50px;
}
.widget-box .form-horizontal .controls {
margin-left: 60px;
}
.widget-action {
position:absolute;
right:1px;
top:6px;
}
.action {
float: left;
display:inline-block;
margin-right: 5px;
opacity: 0.8;
filter: alpha(opacity=80);
}
.action:hover {
opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
}
.select-role {
display:none;
padding: 10px 0 0;
}
.file-upload {
position:relative;
}
.file-upload .file-name {
display: inline-block;
margin: 0 0 5px 5px;
white-space: nowrap;
width: 140px;
}
.file-upload .upload {
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
opacity:.0;
filter: alpha(opacity=100);
}
.file-upload .upload:focus {
position:absolute;
}
.upload-picture {
margin-right: 5px;
}
#widget-link table {
margin-bottom:0
}

View File

@ -53,11 +53,11 @@
display:inline-block; display:inline-block;
margin-right: 5px; margin-right: 5px;
opacity: 0.8; opacity: 0.8;
filter: alpha(opacity:80); filter: alpha(opacity=80);
} }
.action:hover { .action:hover {
opacity: 1; opacity: 1;
filter: alpha(opacity:100); filter: alpha(opacity=100);
cursor: pointer; cursor: pointer;
} }
.select-role { .select-role {
@ -95,23 +95,23 @@
opacity:.0; opacity:.0;
font-size: 60px; font-size: 60px;
left: -595px/9; left: -595px/9;
filter: alpha(opacity: 0); filter: alpha(opacity= 0);
outline: none; outline: none;
} }
.file-upload .upload:focus { .file-upload .upload:focus {
position:absolute; position:absolute;
} }
.file-upload .input-medium { .file-upload .input-medium {
border-radius: 3px 3px 3px 3px !important; border-radius: 3px 3px 3px 3px !important;
width: 267px; width: 267px;
position: relative; position: relative;
z-index: 5; z-index: 5;
display: block; display: block;
clear: both; clear: both;
} }
.file-upload .control-label { .file-upload .control-label {
margin-top: 0; margin-top: 0;
margin-bottom: 5px; margin-bottom: 5px;
} }
.upload-picture { .upload-picture {
margin-bottom: 5px; margin-bottom: 5px;

View File

@ -3,8 +3,8 @@
<h3><%= t(:login) %></h3> <h3><%= t(:login) %></h3>
</div> </div>
<div id="container" class="sign-in"> <div id="container" class="sign-in">
<% flash.each do |key, msg| %> <% flash.each do |key, msg| %>
<%= content_tag :spen, msg, :class => [key, "notice label label-warning"] %> <%= content_tag :span, msg, :class => [key, "notice label label-warning"] %>
<% end%> <% end%>
<%= form_for :user, :url => user_session_path, :html => {:class => 'user_new form-horizontal'} do |f| %> <%= form_for :user, :url => user_session_path, :html => {:class => 'user_new form-horizontal'} do |f| %>
<div class="content"> <div class="content">