lsm/Orchard
1
0
Fork 0
mirror of https://github.com/OrchardCMS/Orchard.git synced 2025-10-14 19:04:51 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Admin CSS (mostly) cleaned up - have just a handful of todo's left in there...

Browse Source 
--HG--
extra : convert_revision : svn%3A5ff7c347-ad56-4c35-b696-ccb81de16e03/trunk%4043846
This commit is contained in:
skewed
2009-12-12 00:56:02 +00:00
parent ab3f067e37
commit 651dcf2857
13 changed files with 68 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
src/Orchard.Web/Content/Admin/css/base.css
View File

@@ -28,12 +28,6 @@ q:before, q:after {
content:'';
content:none;
}
:focus {
outline:0;
}
button::-moz-focus-inner, input.button::-moz-focus-inner {
border:0;
}
ins {
text-decoration:none;
}
@@ -46,6 +40,9 @@ table {
}
/* end: reset */
/* Base setup
----------------------------------------------------------*/
html {
background:#8a8f7a;
color:#525e50;
@@ -66,6 +63,7 @@ body#preview {
background:#f9faf5;
}
/* Layout
number of columns: 24; actual width: 946; column width: 26; gutter width:14
@@ -136,6 +134,7 @@ number of columns: 24; actual width: 946; column width: 26; gutter width:14
width:23.629%;
}
/* Headings and defaults
----------------------------------------------------------*/
h1, h2, h3, h4, h5, legend {
@@ -144,22 +143,23 @@ h1, h2, h3, h4, h5, legend {
font-style: normal;
font-weight:normal;
}
h1 { font-size:2.8em; } /* 28px */
h2 { font-size:2.4em; } /* 24px */
h3 { font-size:2.1em; } /* 21px */
h3 span { font-size:.57em; } /* 12px */
h4 { font-size:1.8em; } /* 18px */
h5 { font-size:1.6em; } /* 16px */
h6, p, legend, label, input, select, .button, .cancel /* todo: (heskew) need to do something better with cancel */,
.message, .validation-summary-errors, th, td { font-size:1.5em; line-height:1.5em; } /* 15px */
p .button,
td *, .mceLayout td { font-size:inherit; }
.meta { font-size:1.2em; }
h6, p, legend, label, input, select, .button,
.message, .validation-summary-errors,
table.items th, table.items td, table.items caption { font-size:1.5em; line-height:1.5em; } /* 15px */
p .button { font-size:inherit; }
.meta { font-size:1.2em; } /* 12px */
h3 span { font-size:.57em; } /* 12px */
/* ---------- Links ---------- */
/* Links
----------------------------------------------------------*/
a, a:link, a:visited {
color:#1e5d7d;
text-decoration:none;
@@ -169,6 +169,7 @@ a:hover, a:active, a:focus {
text-decoration:underline;
}
/* Header - Branding and Login
----------------------------------------------------------*/
#header {
@@ -186,11 +187,9 @@ a:hover, a:active, a:focus {
text-indent:-9999px;
width:105px;
}
#site, #login {
font-size:1.5em;
}
#site a, #site a:visited, #site a:active {
color:#e2e4dd;
float:left;
@@ -198,8 +197,7 @@ a:hover, a:active, a:focus {
padding:14px 0 0 12px;
position:relative;
}
#login{
#login {
color:#1a1505;
display:block;
float:right;
@@ -214,6 +212,7 @@ a:hover, a:active, a:focus {
color:#ffea9b;
}
/* Navigation
----------------------------------------------------------*/
#navshortcut {
@@ -262,6 +261,7 @@ a:hover, a:active, a:focus {
text-decoration:underline;
}
/* Content
----------------------------------------------------------*/
#main h2 {
@@ -289,6 +289,7 @@ a:hover, a:active, a:focus {
border-bottom:1px solid #e4e7dc;
}
/* Confirmations, Messages and the like
----------------------------------------------------------*/
.message, .validation-summary-errors {
@@ -334,6 +335,7 @@ span.message {
content:"DEBUG » ";
}
/* Forms
----------------------------------------------------------*/
fieldset.bulk.actions {
@@ -358,7 +360,7 @@ label input {
}
/* todo: (heskew) try to get .text on stuff like #PublishLaterDate and .text-box */
select, textarea, input.text, input.text-box, #PublishLaterDate {
select, textarea, input.text, input.text-box {
padding:2px;
border:1px solid #d2d6c6;
color:#5a5b32;
@@ -366,7 +368,7 @@ select, textarea, input.text, input.text-box, #PublishLaterDate {
input.text, input.text-box {
line-height:1.2em;
}
select:focus, textarea:focus, input.text:focus, input.text-box:focus, #PublishLaterDate:focus {
select:focus, textarea:focus, input.text:focus, input.text-box:focus {
border-color:#666d51;
}
@@ -402,7 +404,7 @@ button, .button, .button:link, .button:visited {
color:#5a5b32;
cursor:pointer;
height:26px;
padding:0 8px;
padding:0 8px 3px;
text-align:center;
}
button.remove, .remove.button, .remove.button:link, .remove.button:visited {
@@ -423,6 +425,9 @@ button:focus, .button:focus {
color:#f6faea;
text-decoration:none;
}
button:focus::-moz-focus-inner, .button:focus::-moz-focus-inner {
border-color:#8a8f7a;
}
button.remove:hover, .remove.button:hover,
button.remove:active, .remove.button:active,
button.remove:focus, .remove.button:focus {
@@ -430,8 +435,8 @@ button.remove:focus, .remove.button:focus {
border-color:#6e5551;
color:#faedeb;
}
.button {
line-height:26px;
button.remove:focus::-moz-focus-inner, .remove.button:focus::-moz-focus-inner {
border-color:#8f7c79;
}
.delete.button {
float:right;
@@ -464,6 +469,7 @@ button.remove:focus, .remove.button:focus {
padding-top:.3em;
}
/* Icon buttons
----------------------------------------------------------*/
a.ibutton, a.ibutton:link, a.ibutton:visited {
@@ -534,20 +540,7 @@ input.large.text {
#Revision_Slug{
width:245px;
}
/* ---------- Sidebar forms ---------- */
.sideBar fieldset {margin:0px; border:none;}
#Date {width:80px; margin:4px 4px 4px 16px;}
#Hour, #Minutes {width:30px;}
/* ---------- Actions form elements and filtering ---------- */
ol.actions {margin:20px 0 0 0;}
ol.actions .button {margin:4px 4px 4px -8px;}
ol.actions label {
margin:9px 0 0;
}
.filterActions {
float:right;
margin:10px 2px 0 0;
}
/* Content item lists
----------------------------------------------------------*/
@@ -593,74 +586,52 @@ ol.actions label {
#main .contentItems li:hover a.ibutton.publish { background-position:-100px 0; }
#main .contentItems li:hover a.ibutton.blog { background-position:-120px 0; }
/* Tables
/* (Items) Tables
----------------------------------------------------------*/
table {
table.items {
background:#fff;
border:1px solid #B0B083;
border-collapse:separate;
border-spacing:0;
width:100%;
}
tbody
table.items caption {
padding:8px 0;
text-indent:0;
}
table.items col {
border-spacing:0;
display:table-column;
}
table.items colgroup
{
border-spacing:0;
display:table-column-group;
}
table.items tbody {
border-spacing:0;
vertical-align:middle;
}
thead, th {
table.items thead, table.items th {
background:url(images/tableHeaderBackground.gif) repeat-x top left #dddfcb;
font-weight:700;
overflow:hidden;
text-align:left;
}
/* todo: (heskew) hook back up */
.trhover{background-color:#f0f3d6;}
th, td {
table.items tr.hover {
background-color:#f0f3d6;
}
table.items tr.critical {background:#e68585; border:inherit;}
table.items tr.warning {background:#fdf5bc; border:inherit;}
table.items th, table.items td {
border-bottom:1px solid #EAE9D9;
border-spacing:0px;
display:table-cell;
padding:8px 12px;
vertical-align:middle;
}
caption {
font-size:110%;
padding:8px 0 8px 0;
text-indent:0;
}
col {
border-spacing:0;
display:table-column;
}
colgroup
{
border-spacing:0;
display:table-column-group;
}
tr.critical {background:#e68585; border:inherit;}
tr.warning {background:#fdf5bc; border:inherit;}
/* todo: (heskew) needs attention */
/* Horizontal lists
----------------------------------------------------------*/
ul.horizontal, ol.horizontal {
margin:0;
padding:0;
list-style:none;
}
ul.horizontal li, ol.horizontal li {
float:left;
margin:0 4px;
}
ul.horizontal li a, ul.horizontal li a:visited, ul.horizontal li a:active, ol.horizontal li a, ol.horizontal li a:visited, ol.horizontal li a:active {
display:block;
text-decoration: none;
}
/* MISC.
@@ -687,22 +658,10 @@ todo: (heskew) pull out into relevant modules where appropriate
width:70%;
}
/* todo: (heskew) needs attention */
/* Extensions;
/* Rounded borders and other "works in some browsers" additions
----------------------------------------------------------*/
.floatLeft {float: left;} /*Use this class to float anything to the left*/
.floatRight {float: right;} /*Use this class to float anything to the right*/
.alignRight {text-align: right;}
.Inline {display: inline;}
.center {margin:0 auto;} /*Center*/
.clearLayout {clear:both;} /*Use this class clear layout*/
.disabled {color:#CCC;}
.topSpacer{margin-top: 20px;}
.bottomSpacer{margin-bottom: 20px;}
.displayText {display:none;}
#content, #navigation li, button, .button,
table, textarea, input.text, input.text-box,
table.items, textarea, input.text, input.text-box,
.contentItems, .message, .validation-summary-errors {
-moz-border-radius:4px;
-webkit-border-radius:4px;

4
src/Orchard.Web/Packages/Orchard.CmsPages/Views/Admin/ChooseTemplate.aspx
View File

@@ -14,10 +14,10 @@
</li><%
} %>
</ul>
<div>
<p>
<input class="button" type="submit" value="Save Template Change" />
<%-- todo: (heskew) should pull to give the browser some chance of rehydrating the edit page form state --%>
<%=Html.ActionLink("Cancel", "Edit", new { Id = ViewContext.RouteData.GetRequiredString("id") }, new { @class = "cancel" })%>
</div><%
</p><%
} %>
<% Html.Include("AdminFoot"); %>

2
src/Orchard.Web/Packages/Orchard.CmsPages/Views/Admin/Index.aspx
View File

@@ -31,7 +31,7 @@
</fieldset>
<div class="manage"><%=Html.ActionLink("Add a page", "Create", new {}, new { @class = "button" }) %></div>
<fieldset>
<table summary="This is a table of the PageEntries currently available for use in your application.">
<table class="items" summary="This is a table of the PageEntries currently available for use in your application.">
<colgroup>
<col id="Actions" />
<col id="Status" />

2
src/Orchard.Web/Packages/Orchard.Comments/Views/Admin/Details.aspx
View File

@@ -32,7 +32,7 @@
} %>
</div>
<fieldset>
<table summary="This is a table of the comments in your application">
<table class="items" summary="This is a table of the comments in your application">
<colgroup>
<col id="Col1" />
<col id="Col2" />

2
src/Orchard.Web/Packages/Orchard.Comments/Views/Admin/Index.aspx
View File

@@ -25,7 +25,7 @@
<input class="button" type="submit" name="submit.Filter" value="Filter"/>
</fieldset>
<fieldset>
<table summary="This is a table of the comments in your application">
<table class="items" summary="This is a table of the comments in your application">
<colgroup>
<col id="Col1" />
<col id="Col2" />

2
src/Orchard.Web/Packages/Orchard.Media/Views/Admin/Edit.aspx
View File

@@ -26,7 +26,7 @@
<%=Html.ActionLink("Add a folder", "Create", new { Model.MediaPath }, new { @class = "button" })%>
</div>
<fieldset>
<table summary="This is a table of the pages currently available for use in your application.">
<table class="items" summary="This is a table of the pages currently available for use in your application.">
<colgroup>
<col id="Col1" />
<col id="Col2" />

2
src/Orchard.Web/Packages/Orchard.Media/Views/Admin/Index.aspx
View File

@@ -15,7 +15,7 @@
</fieldset>
<div class="manage"><%=Html.ActionLink("Add a folder", "Create", new {}, new { @class = "button"}) %></div>
<fieldset>
<table summary="This is a table of the media folders currently available for use in your application.">
<table class="items" summary="This is a table of the media folders currently available for use in your application.">
<colgroup>
<col id="Col1" />
<col id="Col2" />

2
src/Orchard.Web/Packages/Orchard.Roles/Views/Admin/Create.aspx
View File

@@ -15,7 +15,7 @@
<% foreach (var packageName in Model.PackagePermissions.Keys) { %>
<fieldset>
<legend><%=packageName%> Module</legend>
<table id="pluginListTable" cellspacing="0" class="roundCorners clearLayout" >
<table class="items">
<colgroup>
<col id="Permission" />
<col id="Allow" />

2
src/Orchard.Web/Packages/Orchard.Roles/Views/Admin/Edit.aspx
View File

@@ -16,7 +16,7 @@
<% foreach (var packageName in Model.PackagePermissions.Keys) { %>
<fieldset>
<legend><%=packageName%> Module</legend>
<table id="Table1" cellspacing="0" class="roundCorners clearLayout" >
<table class="items">
<colgroup>
<col id="Col1" />
<col id="Col2" />

2
src/Orchard.Web/Packages/Orchard.Roles/Views/Admin/Index.aspx
View File

@@ -13,7 +13,7 @@
</fieldset>
<div class="manage"><%=Html.ActionLink("Add a role", "Create", new {}, new { @class = "button" }) %></div>
<fieldset>
<table summary="This is a table of the roles currently available for use in your application.">
<table class="items" summary="This is a table of the roles currently available for use in your application.">
<colgroup>
<col id="Col1" />
<col id="Col2" />

2
src/Orchard.Web/Packages/Orchard.Tags/Views/Admin/Index.aspx
View File

@@ -15,7 +15,7 @@
</fieldset>
<div class="manage"><%=Html.ActionLink("Add a tag", "Create", new { }, new { @class = "button" })%></div>
<fieldset>
<table summary="This is a table of the tags in your application">
<table class="items" summary="This is a table of the tags in your application">
<colgroup>
<col id="Col1" />
<col id="Col2" />

2
src/Orchard.Web/Packages/Orchard.Tags/Views/Admin/Search.aspx
View File

@@ -7,7 +7,7 @@
<% using(Html.BeginForm()) { %>
<%=Html.ValidationSummary() %>
<fieldset>
<table cellspacing="0" class="roundCorners clearLayout">
<table class="items">
<colgroup>
<col id="Col1" />
<col id="Col2" />

2
src/Orchard.Web/Packages/Orchard.Users/Views/Admin/Index.aspx
View File

@@ -7,7 +7,7 @@
<% using (Html.BeginForm()) { %>
<%=Html.ValidationSummary()%>
<%=Html.ActionLink("Add a new user", "Create", new { }, new { @class = "floatRight topSpacer" })%>
<table id="pluginListTable" cellspacing="0" class="clearLayout">
<table class="items">
<colgroup>
<col id="Name" />
<col id="Email" />