Removed some inline styles from the media picker.

--HG--
branch : dev
This commit is contained in:
Jonathan Wall
2011-02-21 14:38:16 -08:00
parent 03353c743c
commit 09c071b941
3 changed files with 10 additions and 100 deletions

View File

@@ -7,6 +7,7 @@ body {
line-height:1.6em;
padding:12px;
width:640px;
min-width:640px;
margin: 0 auto;
}
@@ -19,6 +20,10 @@ body {
text-decoration:none;
}
#file-details, #image-preview, #gallery {width:280px; float:left;}
#file-details {float:right;}
input[disabled], input[disabled="disabled"], input.disabled {
color: White
}
@@ -129,101 +134,6 @@ textarea {
min-height:8em;
}
form.link button {
background:inherit;
border:0;
padding:0;
width:auto;
margin:-2px -3px 0;
/*Remove CSS3 button properties*/
filter:none;
background:none;
background:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
border-radius:none;
-webkit-border-radius:none;
-moz-border-radius:none;
}
button.remove, .remove.button, .remove.button:link, .remove.button:visited {
background-color:#DECCCA;
background-image:url(images/tableHeaderBackgroundRed.gif);
border-color:#d6c9c7;
color:#5c3732;
}
button.remove:hover, .remove.button:hover,
button.remove:active, .remove.button:active,
button.remove:focus, .remove.button:focus {
background:#8f7c79;
border-color:#6e5551;
color:#faedeb;
}
button.remove:focus::-moz-focus-inner, .remove.button:focus::-moz-focus-inner {
border-color:#8f7c79;
}
.delete.button {
float:right;
}
input[type="submit"], input[type="reset"], input[type="button"], button, submit, .button, .button:link, .button:visited {
background:#6a7b42;
border:1px solid #487328;
color:#fff;
cursor:pointer;
padding:0 14px 2px 14px;
text-align:center;
margin:0px;
/*CSS3 properties*/
text-shadow: rgba(0,0,0,.5) 0px 0px 1px;
/*In ie the first couplet sets the alpha value so 00=transparent and ff=opaque)*/
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ff6e7f45', endColorstr='#ff6a7b42');
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 127, 69, 1.0)), rgba((106, 123, 66, 1.0)));
background: -moz-linear-gradient(top, rgba(110, 127, 69, 1.0), rgba(106, 123, 66, 1.0));
box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.2);
-webkit-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.2);
-moz-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.2);
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover, .button.primaryAction:hover {
border-color:#3a822e;
color:#fff;
color:eefcec;
text-decoration:none;
background: #809f43;
/*CSS3 properties*/
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ff9bb36c', endColorstr='#ff809f43');
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 127, 69, 1.0)), rgba((106, 123, 66, 1.0)));
background: -moz-linear-gradient(top, rgba(155, 179, 108, 1.0), rgba(128, 159, 67, 1.0));
}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button:active, .buton:active, .button.primaryAction:active {
text-decoration:none;
background:#6a7b42;
border:1px solid #487328;
color:#fff;
/*CSS3 properties*/
text-shadow: rgba(0,0,0,.5) 0px 0px 1px;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ff6e7f45', endColorstr='#ff6a7b42');
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 127, 69, 1.0)), rgba((106, 123, 66, 1.0)));
background: -moz-linear-gradient(top, rgba(110, 127, 69, 1.0), rgba(106, 123, 66, 1.0));
}
input[type="submit"]:focus::-moz-focus-inner, button:focus::-moz-focus-inner, .button:focus::-moz-focus-inner {
border: 1px dotted transparent;
}
.clearboth {
clear:both;
}

View File

@@ -17,7 +17,7 @@
@{
var uploadAction = Url.Action("AddFromClient", "Admin", new { area = "Orchard.Media" });
}
<div style="float:left">
<div id="gallery">
<div class="breadCrumbs">
<p>@FolderLink(T("Media Folders").ToString(), "")
@@ -71,7 +71,7 @@
</fieldset>
</div>
<div style="float:right">
<div id="file-details">
<img alt="" id="lib-loader" style="display:none" src="" />
<fieldset style="width:200px">
<label for="lib-src">@T("URL")</label>

View File

@@ -12,7 +12,7 @@
mediaPath = "";
}
}
<div style="float:left;">
<div id="image-preview">
<img alt="" id="img-loader" style="display:none" src="" />
<div class="media-largepreview">
<img alt="@T("Preview of Image")" id="img-preview" src="TODO: some placeholder image" onload="jQuery.mediaPicker.scalePreview(this)" />
@@ -32,8 +32,8 @@
</div>
</div>
<div style="float:right">
<fieldset style="width:200px">
<div id="file-details">
<fieldset style="width:200px;">
<label for="img-alt">@T("Alternative Text")</label>
<input type="text" id="img-alt" />