Converts em to px values for styles in Files.

This commit is contained in:
raghunayyar 2013-10-06 23:28:22 +05:30
parent 08e1147a6b
commit 39906cefbf
2 changed files with 16 additions and 16 deletions

View File

@ -3,7 +3,7 @@
See the COPYING-README file. */ See the COPYING-README file. */
/* FILE MENU */ /* FILE MENU */
.actions { padding:.3em; height:2em; width: 100%; } .actions { padding:5px; height:32px; width: 100%; }
.actions input, .actions button, .actions .button { margin:0; float:left; } .actions input, .actions button, .actions .button { margin:0; float:left; }
.actions .button a { color: #555; } .actions .button a { color: #555; }
.actions .button a:hover, .actions .button a:active { color: #333; } .actions .button a:hover, .actions .button a:active { color: #333; }
@ -30,9 +30,9 @@
#new>ul { #new>ul {
display: none; display: none;
position: fixed; position: fixed;
min-width: 7em; min-width: 112px;
z-index: 10; z-index: 10;
padding: .5em; padding: 8px;
padding-bottom: 0; padding-bottom: 0;
margin-top: 14px; margin-top: 14px;
margin-left: -1px; margin-left: -1px;
@ -43,7 +43,7 @@
border-top-left-radius: 0; border-top-left-radius: 0;
box-shadow:0 2px 7px rgba(170,170,170,.4); box-shadow:0 2px 7px rgba(170,170,170,.4);
} }
#new>ul>li { height:36px; margin:.3em; padding-left:3em; padding-bottom:0.1em; #new>ul>li { height:36px; margin:5px; padding-left:48px; padding-bottom:2px;
background-repeat:no-repeat; cursor:pointer; } background-repeat:no-repeat; cursor:pointer; }
#new>ul>li>p { cursor:pointer; padding-top: 7px; padding-bottom: 7px;} #new>ul>li>p { cursor:pointer; padding-top: 7px; padding-bottom: 7px;}
@ -56,7 +56,7 @@
top: 44px; top: 44px;
width: 100%; width: 100%;
} }
#filestable tbody tr { background-color:#fff; height:2.5em; } #filestable tbody tr { background-color:#fff; height:40px; }
#filestable tbody tr:hover, tbody tr:active { #filestable tbody tr:hover, tbody tr:active {
background-color: rgb(240,240,240); background-color: rgb(240,240,240);
} }
@ -71,7 +71,7 @@ span.extension, span.uploading, td.date { color:#999; }
span.extension { text-transform:lowercase; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:.7; -webkit-transition:opacity 300ms; -moz-transition:opacity 300ms; -o-transition:opacity 300ms; transition:opacity 300ms; } span.extension { text-transform:lowercase; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:.7; -webkit-transition:opacity 300ms; -moz-transition:opacity 300ms; -o-transition:opacity 300ms; transition:opacity 300ms; }
tr:hover span.extension { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; color:#777; } tr:hover span.extension { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; color:#777; }
table tr.mouseOver td { background-color:#eee; } table tr.mouseOver td { background-color:#eee; }
table th { height:2em; padding:0 .5em; color:#999; } table th { height:24px; padding:0 8px; color:#999; }
table th .name { table th .name {
position: absolute; position: absolute;
left: 55px; left: 55px;
@ -94,15 +94,15 @@ table th#headerName {
height: 50px; height: 50px;
} }
table th#headerSize, table td.filesize { table th#headerSize, table td.filesize {
min-width: 3em; min-width: 48px;
padding: 0 1em; padding: 0 16px;
text-align: right; text-align: right;
} }
table th#headerDate, table td.date { table th#headerDate, table td.date {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
min-width: 11em; min-width: 176px;
display: block; display: block;
height: 51px; height: 51px;
} }
@ -173,8 +173,8 @@ table td.filename .nametext {
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: 800px; max-width: 800px;
} }
table td.filename .uploadtext { font-weight:normal; margin-left:.5em; } table td.filename .uploadtext { font-weight:normal; margin-left:8px; }
table td.filename form { font-size:.85em; margin-left:3em; margin-right:3em; } table td.filename form { font-size:.85em; margin-left:48px; margin-right:48px; }
/* File checkboxes */ /* File checkboxes */
@ -247,7 +247,7 @@ table td.filename form { font-size:.85em; margin-left:3em; margin-right:3em; }
box-shadow: -5px 0 7px rgba(230,230,230,.9); box-shadow: -5px 0 7px rgba(230,230,230,.9);
} }
#fileList img.move2trash { display:inline; margin:-.5em 0; padding:1em .5em 1em .5em !important; float:right; } #fileList img.move2trash { display:inline; margin:-.5em 0; padding:16px 8px 16px 8px !important; float:right; }
#fileList a.action.delete { #fileList a.action.delete {
position: absolute; position: absolute;
right: 0; right: 0;
@ -271,13 +271,13 @@ a.action>img { max-height:16px; max-width:16px; vertical-align:text-bottom; }
} }
.selectedActions a img { .selectedActions a img {
position:relative; position:relative;
top:.3em; top:5px;
} }
#fileList a.action { #fileList a.action {
display: inline; display: inline;
margin: -.5em 0; margin: -8px 0;
padding: 18px 8px !important; padding: 18px 8px !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); filter: alpha(opacity=0);

View File

@ -5,7 +5,7 @@
height: 36px; height: 36px;
width: 39px; width: 39px;
padding: 0 !important; /* override default control bar button padding */ padding: 0 !important; /* override default control bar button padding */
margin-left: .2em; margin-left: 3px;
overflow: hidden; overflow: hidden;
vertical-align: top; vertical-align: top;
} }
@ -33,7 +33,7 @@
height: 44px; height: 44px;
margin: -5px -3px; margin: -5px -3px;
padding: 0; padding: 0;
font-size: 1em; font-size: 16px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0;
z-index: 20; z-index: 20;
cursor: pointer; cursor: pointer;