Fixed various styling issues with Corporate theme.

--HG--
branch : dev
This commit is contained in:
Michael Dorian Bach
2010-07-29 12:46:21 -07:00
parent 496f8bc814
commit 27df578b1c
2 changed files with 17 additions and 8 deletions

View File

@@ -202,7 +202,7 @@ textarea, select {
input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }
textarea { padding:5px; }
input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
@@ -293,10 +293,18 @@ html, body {background-color: #FFFFFF; background-image: url(../Content/Images/b
#nav { position: relative; width: 953px; height: 122px; background: url(../Content/Images/menu_bkg.jpg) repeat-x; }
#nav .menu { position: absolute; bottom: 0px; right: 20px; list-style:none; padding: 0px; margin: 0px; }
#nav .menu li { float: left; height: 33px; margin: 0px 0px 0px 2px; background: url(../Content/Images/menu-left.png) no-repeat; }
#nav .menu li:hover {background: url(../Content/Images/menu-left-over.png) no-repeat;}
#nav .menu li a {display: block; height: 24px; color: #FFFFFF; background: url(../Content/Images/menu-right.png) no-repeat right top; font-size: 108%; padding: 9px 20px 0px 20px; text-decoration: none; }
#nav .menu li a:hover {background: url(../Content/Images/menu-right-over.png) no-repeat right top; color: #000000;}
#nav .menu li { float: left; height: 33px; margin: 0px 0px 0px 2px; }
#nav .menu li a
{
display: block; height: 22px; color: #FFFFFF; font-size: 108%; padding: 11px 20px 0px 20px; text-decoration: none; background-color: #006698;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-radius-topleft: 5px;
border-radius-topright: 5px;
}
#nav .menu li a:hover {background: #d4d1c0 url(../Content/Images/menu-right-over.png) no-repeat right top; color: #000000;}
/*- Admin Navigation - */
.admin-bar { width: 953px; background-color: #434343; height:30px; margin: 0px auto 0px auto; }
@@ -340,7 +348,7 @@ html, body {background-color: #FFFFFF; background-image: url(../Content/Images/b
.content-items h1 { font-size: 1.3em; margin-bottom: 0.75em; color: #444d51; }
/*- Content Pages -*/
.page-title {font-size: 1.4em; color: #333333;}
.page-title {font-size: 1.4em; color: #333333; margin: 0 0 20px 0;}
.sub .page-title { display: block; background: transparent url('../Content/Images/sub-header.png') no-repeat left top; width: 962px; height: 48px; position: absolute; top: 1px; left: 1px; color: #ffffff; font-size: 2em; text-shadow: 0px -1px 0px #5f8b9e; padding: 15px 0px 15px 40px; }
.main { float: left; width: 574px; margin: 0px 60px 20px 0px; padding: 50px 0px 0px 0px; }
.sidebar { float: left; width: 162px; padding: 0px 0px 0px 40px; }
@@ -385,13 +393,14 @@ html, body {background-color: #FFFFFF; background-image: url(../Content/Images/b
.comments li { display: block; position: relative; list-style: none; border: solid 1px #e3e9ef; padding: 20px 20px 0px 20px; margin: 0px 0px 50px 0px; }
.comments .commentauthor {position: absolute; bottom: -27px; left: 20px; color: #999999; background: transparent url('../Content/Images/comment-arrow.png') no-repeat 20px 0px; padding: 15px 0px 0px 0px; }
.comment-form { }
.comment-form { margin: 20px 0 0 0; }
.comment-form h2 { border-bottom: dashed 1px #d8d8d8; padding-bottom: 10px; }
.comment-form .who {}
.comment-form .who label { float: left; text-align: right; width: 50px; padding: 12px 10px 0px 0px; }
.comment-form .what { padding: 10px 0px 0px 60px;}
.comment-form .what label[for=CommentText] { float: none; display:block; }
.comment-form .what input[type=submit] { margin: 10px 0px; }
.comment-form .what #CommentText { width: 97%; }
.posted { margin: 0px 0px 10px 0px; color: #999999; }

View File

@@ -7,7 +7,7 @@
&copy;2010 <%: Html.SiteName() %>. All rights reserved.</div>
</div>
<div id="disclaimer">
*This is perfect for disclaimer content. You can use this content to let people know something important. A good example is if youre FDIC insured, or the organizations you are part of. Use this space wisely. It shows up on every page. You can even put some legal terms in there.
*This is perfect for disclaimer content. You can use this content to let people know something important. It shows up on every page. You can even put some legal terms here.
</div>
</div>
</div>