CSS updates based on changes made to the design.

--HG--
extra : convert_revision : svn%3A5ff7c347-ad56-4c35-b696-ccb81de16e03/trunk%4045353
This commit is contained in:
jowall
2010-01-13 20:39:43 +00:00
parent b2da71b67c
commit e24a0e230c
3 changed files with 66 additions and 48 deletions

View File

@@ -1,22 +1,13 @@
/*Blog specific styles /*Blog specific styles
----------------------------------------------------------*/ ----------------------------------------------------------*/
ul.blogs { .metadata, .manage {
padding:0px 8px 8px 0px; margin: 0 0 24px 0;
font:80% Verdana, Geneva, Tahoma, sans-serif;
} }
h3.blogs, h3.blog { .metadata a, .manage a {
display:block; float:right;
border-bottom:1px solid #f1f1f1;
}
ul.blogs h3 a {
color: #670404;
}
ul.blogs div.metadata {
border:1px solid #fff;
} }
ul.blogs p { ul.blogs p {

View File

@@ -28,7 +28,7 @@ body {
/* ---------- Headings and defaults ---------- */ /* ---------- Headings and defaults ---------- */
h1,h2,h3,h4,h5,h6,legend {font-weight:normal; font-style: normal; margin:0 0 12px 0; color:#670404;} h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,legend {font-weight:normal; font-style: normal; margin:12px 0 12px 0; color:#670404; border-bottom:1px solid #f1f1f1;}
h1 {font-size: 190%;} h1 {font-size: 190%;}
h2 {font-size: 160%;} h2 {font-size: 160%;}
@@ -37,7 +37,7 @@ h4 {font-size: 130%;}
h5 {font-size: 120%;} h5 {font-size: 120%;}
h6 {font-size: 105%;} h6 {font-size: 105%;}
p {line-height:24px; margin:12px 0 0 0;} p {line-height:24px; margin:12px 0 32px 0;}
p.small {line-height:22px; font-size:85%;} p.small {line-height:22px; font-size:85%;}
a { a {
@@ -45,27 +45,26 @@ a {
text-decoration:none; text-decoration:none;
} }
ul {list-style:circle; list-style-position:inside; line-height:22px;} ul.square {list-style:square; list-style-position:inside; line-height:24px; margin:0 0 0 12px;}
ol.decimal {list-style:decimal; list-style-position:inside; line-height:24px; margin:0 0 0 12px;}
/* Forms /* Forms
----------------------------------------------------------*/ ----------------------------------------------------------
input[type="text"], #CommentText, #password { input[type="text"], #commenttext, #password {
border:1px solid #DDDEDF; border:1px solid #DDDEDF;
display: block; display: block;
} }
fieldset { fieldset {margin: 20px 0;}
border:1px solid #DDDEDF;
margin: 20px 20px 20px 10px;
}
label { label {
display: block; display: block;
margin:20px 0 2px 10px; margin:20px 0 2px 10px;
} }
input[type="text"], #CommentText, #password { input[type="text"], #commenttext, #password {
border-color:#cacec6; border-color:#cacec6;
padding:2px; padding:2px;
margin:2px 0 20px 10px; margin:2px 0 20px 10px;
@@ -86,34 +85,56 @@ input[type="submit"], input[type="button"] {
.forcheckbox { .forcheckbox {
margin:0 0 0 4px; margin:0 0 0 4px;
display:inline; display:inline;
}*/
/* Forms
----------------------------------------------------------*/
input[type="text"], #CommentText, #password {
border:1px solid #DDDEDF;
display: block;
} }
/* ---------- Forms ---------- */ fieldset {margin: 20px 0;}
fieldset { fieldset div {margin:16px 0 0 0}
padding: 10px;
margin:8px;
}
label {
display: block;
margin: 8px 0 0 0;
}
legend { legend {
font-size: 115%; font-size: 105%;
font-weight:700; border:none;
padding: 2px 5px 8px 5px; }
background:#FFF;
label {
font:80% Verdana, Geneva, Tahoma, sans-serif;
display: block;
margin:0 0 2px 0;
} }
input[type="text"], #CommentText, #password {
border-color:#cacec6;
padding:2px;
width:90%;
}
.button { input[type="checkbox"] {
padding:2px 14px; margin:2px 0 20px 10px;
margin:6px 0; }
input[type="submit"], input[type="button"], .button {
font:90% Verdana, Geneva, Tahoma, sans-serif; font:90% Verdana, Geneva, Tahoma, sans-serif;
color:#333;
padding:2px 14px;
display: block;
margin:2px 0 20px 0;
font-weight:600;
} }
.forcheckbox {
margin:0 0 0 4px;
display:inline;
}
/* ---------- Layout ---------- */ /* ---------- Layout ---------- */
#header { #header {
@@ -125,9 +146,10 @@ legend {
#header h1{ #header h1{
float:left; float:left;
font-size:240%; font-size:220%;
color:#000; color:#000;
padding:18px 0 0 0; padding:16px 0 0 0;
border-bottom:none;
} }
#logindisplay { #logindisplay {
@@ -163,7 +185,7 @@ legend {
#sideBar1 { #sideBar1 {
float:right; float:right;
margin:0 12px 0 0; margin:8px 12px 0 0;
width:325px; width:325px;
} }
@@ -191,7 +213,6 @@ legend {
color:#918e8e; color:#918e8e;
} }
/* ---------- Navigation ---------- */ /* ---------- Navigation ---------- */
#menucontainer { #menucontainer {
@@ -202,7 +223,8 @@ legend {
} }
#menucontainer ul, #footer ul { #menucontainer ul, #footer ul {
list-style:none list-style:none;
float:right;
} }
#menucontainer ul li { #menucontainer ul li {
@@ -211,6 +233,10 @@ legend {
background:url(../Content/Images/navDivider.gif) no-repeat top right; background:url(../Content/Images/navDivider.gif) no-repeat top right;
} }
#menucontainer ul li.last {
background:none;
}
#menucontainer ul li a { #menucontainer ul li a {
margin:0 18px 0 18px; margin:0 18px 0 18px;
font:80% Verdana, Geneva, Tahoma, sans-serif; font:80% Verdana, Geneva, Tahoma, sans-serif;
@@ -219,4 +245,5 @@ legend {
text-transform:uppercase; text-transform:uppercase;
float:left; float:left;
color:#fff; color:#fff;
} }

View File

@@ -3,6 +3,6 @@
<ul id="menu"> <ul id="menu">
<li><%= Html.ActionLink("Home", "Index", "Home", new {Area = ""}, new {})%></li> <li><%= Html.ActionLink("Home", "Index", "Home", new {Area = ""}, new {})%></li>
<li><%= Html.ActionLink("Blogs", "List", "Blog", new {Area = "Orchard.Blogs"}, new {})%></li> <li><%= Html.ActionLink("Blogs", "List", "Blog", new {Area = "Orchard.Blogs"}, new {})%></li>
<li><%= Html.ActionLink("Admin", "List", new {Area = "Orchard.Blogs", Controller = "BlogAdmin"})%></li> <li class="last"><%= Html.ActionLink("Admin", "List", new {Area = "Orchard.Blogs", Controller = "BlogAdmin"})%></li>
</ul> </ul>
</div> </div>