zydronium/websitepanel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Several CSS Changes to improve Metro Theme - Adjusted Fonts, Colors, Menus hieghts

Browse source
This commit is contained in:
Virtuworks 2014-08-07 19:13:16 -04:00
parent 46ff8e6ce3
commit cee99239bc
4 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

4
WebsitePanel/Sources/WebsitePanel.WebPortal/App_Themes/Default/Styles/Grids.css
View file

@ -5,7 +5,7 @@
.LightGridView .AspNet-GridView table tbody tr td {padding:5px; text-align:left;}
.NormalGridView .AspNet-GridView {width:100%; margin-top:10px;}
.NormalGridView .AspNet-GridView table {width:100%;}
.NormalGridView .AspNet-GridView div.AspNet-GridView-Empty {padding:30px 0 50px 0; font-size:10pt; text-align:center; border-radius:2px; color:#ccc;}
.NormalGridView .AspNet-GridView div.AspNet-GridView-Empty {padding:30px 0 50px 0; font-size:10pt; text-align:center; border-radius:2px; color:#777;}
.NormalGridView .AspNet-GridView div.AspNet-GridView-Pagination {margin:30px 0; font-size:11px; text-align:center; white-space:nowrap; cursor:default; line-height:23px; color:#313131;}
.NormalGridView .AspNet-GridView div.AspNet-GridView-Pagination a, .NormalGridView .AspNet-GridView div.AspNet-GridView-Pagination span {display:inline-block; width:26px; height:24px;border:1px solid #e6e6e6; cursor:pointer; margin:0 2px; border-radius:1px;}
.NormalGridView .AspNet-GridView div.AspNet-GridView-Pagination span {font-weight:600; color:#222; border:none;}
@ -13,7 +13,7 @@
.NormalGridView .AspNet-GridView table thead tr th span {white-space:nowrap;}
.NormalGridView .AspNet-GridView table thead tr th a {width:100%; display:inline-block; text-transform:uppercase; padding:10px 5px; color:#333;}
.NormalGridView .AspNet-GridView table thead tr th.AspNet-GridView-Sort {font-weight:600;}
.NormalGridView .AspNet-GridView table tbody tr td {font-weight:300; font-size:14px; color:#888; text-align:left; padding:10px 5px; border-bottom:solid 1px #ddd; /*white-space:nowrap;*/}
.NormalGridView .AspNet-GridView table tbody tr td {font-weight:300; font-size:14px; color:#444; text-align:left; padding:10px 5px; border-bottom:solid 1px #ddd; /*white-space:nowrap;*/}
.NormalGridView .AspNet-GridView table tbody tr td a {display:inline-block;}
.NormalGridView .AspNet-GridView table tbody tr td a:hover {text-decoration:underline;}
.NormalGridView .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td {background:#f9f9f9;}

2
WebsitePanel/Sources/WebsitePanel.WebPortal/App_Themes/Default/Styles/Menus.css
View file

@ -4,7 +4,7 @@
.MenuHeader:hover {filter:alpha(opacity=100); opacity:1;}
.TopMenu ul.AspNet-Menu li ul li.AspNet-Menu-WithChildren span:after {content:'?'; float:right; margin-right:10px;}
.TopMenu ul.AspNet-Menu li {float:left; position:relative;}
.TopMenu ul.AspNet-Menu li a, .TopMenu ul.AspNet-Menu li span {display:block; background-image:url('/g/icons.png'); background-repeat:no-repeat; line-height:74px; text-transform:uppercase; font-size:12px; color:#fff; overflow:hidden; padding:0 22px 0 34px; filter:alpha(opacity=70); opacity:0.7; cursor:pointer;}
.TopMenu ul.AspNet-Menu li a, .TopMenu ul.AspNet-Menu li span {display:block; background-image:url('/g/icons.png'); background-repeat:no-repeat; line-height:40px; text-transform:uppercase; font-size:12px; color:#fff; overflow:hidden; padding:0 22px 0 34px; filter:alpha(opacity=90); opacity:0.9; cursor:pointer;}
.TopMenu ul.AspNet-Menu li a:hover, .TopMenu ul.AspNet-Menu li.AspNet-Menu-Hover, .TopMenu ul.AspNet-Menu li span:hover {filter:alpha(opacity=100); opacity:1;}
.TopMenu ul.AspNet-Menu li span {}
.TopMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li {text-align:left; clear:both; text-indent:10px; color:#777; margin:0 0 0 5px;}

12
WebsitePanel/Sources/WebsitePanel.WebPortal/App_Themes/Default/Styles/Skin.css
View file

@ -11,7 +11,7 @@ label {cursor:pointer;}
/* global */
a {color:#428bca;}
a:hover {text-decoration:underline;}
td.SubHead {min-width:70px; line-height:13px; color:#888; vertical-align:top; padding:9px 0 5px 0;}
td.SubHead {min-width:70px; line-height:13px; color:#000; vertical-align:top; padding:9px 0 5px 0;}
td.SubHead span {}
td.Normal {padding:0; vertical-align:top; line-height:34px; white-space:nowrap;}
td.Normal span {}
@ -26,11 +26,11 @@ td.Normal .NormalTextBox + span {display:inline-block; padding:0;}
.FormLabel150, .FormLabel200 {padding:9px 8px 14px 0; color:#888; vertical-align:top;}
.FormLabel150 {width:150px;}
.FormLabel200 {width:200px;}
.Huge {font-size:36px; font-weight:300; color:#333; background:none !important; border:none !important; padding:0 !important; letter-spacing:-1px;}
.Huge {font-family:'Segoe UI Light','Open Sans',Arial!important; font-size:36px; font-weight:300; color:#333; background:none !important; border:none !important; padding:0 !important; letter-spacing:-1px;}
.FormBody .Huge {font-size:18px; font-weight:600; letter-spacing:0;}
.Right .SubHead {width:80px;}
.RightBlockTable .SubHead {width:60px;}
.ToolLink a {font-size:13px; display:inline-block; padding:10px 0 0 0; font-weight:300; color:#ec9e59;}
.ToolLink a {font-size:13px; display:inline-block; padding:10px 0 0 0; font-weight:300; color:#db6b20;}
.ToolLink a:hover {text-decoration:underline;}
ul.LinksList {margin-left:20px;}
ul.LinksList li a {display:block; line-height:30px;}
@ -90,8 +90,8 @@ input[type=checkbox], input[type=radio] {margin:8px 4px 8px; vertical-align:-1px
input[type=image] {margin-right:4px;}
.LoginLabel {display:block; line-height:34px; width:auto !important; padding-right:8px;}
.LoginContainer .SubHead {padding-right:8px; color:#333;}
.RightBlockTitle {color:#de7f40; font-size:26px; font-weight:300; letter-spacing:-1px;}
.RightBlockTable {color:#888;}
.RightBlockTitle {color:#db6b20; font-size:26px; font-weight:300; letter-spacing:-1px;}
.RightBlockTable {color:#000;}
.RightBlockTable td.SubHead, .RightBlockTable td.Normal {padding:5px 0; line-height:13px;}
{padding:0; line-height:13px;}
.FormRightIcon {display:none;}
@ -285,4 +285,4 @@ UL.ActionButtons LI {margin-bottom: 12px;}
.enabled {width:20px; height:20px; background: transparent url(../Icons/ok.png) left center no-repeat; border:medium none;}
p.warningText {font-size:14px; color:Red; text-align:center;}
.Hidden {display: none;}
.LinkText {color:#428bca;}
.LinkText {color:#428bca;}

6
WebsitePanel/Sources/WebsitePanel.WebPortal/App_Themes/Default/Styles/SkinLayout.css
View file

@ -1,5 +1,5 @@
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
body {font-family:'Segoe UI Light','Open Sans',Arial; color:#333; margin:0px; padding:0px; font-size:13px; background:#ddd;}
body {font-family:'Segoe UI','Open Sans',Arial; color:#333; margin:0px; padding:0px; font-size:13px; background:#ddd;}
#SkinOutline, #LoginSkinOutline {width:990px; margin:auto;}
#SkinContent {float:left; width:100%; background:#fff;}
#LoginSkinContent {background:#fff;}
@ -13,9 +13,9 @@ body {font-family:'Segoe UI Light','Open Sans',Arial; color:#333; margin:0px; pa
.SearchMethodSide {display:none;}
.SearchQuery {}
#Header .Account {text-align:right; padding:3px 6px 0 0;}
#TopMenu {position:relative; width:100%; min-width:880px; height:74px; background:#2e8bcc; z-index:99;}
#TopMenu {position:relative; width:100%; min-width:880px; height:40px; background:#2e8bcc; z-index:99;}
#Breadcrumb {margin:10px;}
#Breadcrumb .Path {padding:20px; margin-bottom:20px; background-color:#f5f5f5;}
#Breadcrumb .Path {padding: 10px 5px 12px 25px; margin-bottom:20px; background-color:#f5f5f5;}
#Breadcrumb .Path img {display:none;}
#Breadcrumb .Path a:not(:last-child):after, #Breadcrumb .Path span a:after {content:'/\00a0'; padding:0 5px 0 10px; color:#999; display:inline-block;}
#Breadcrumb .Path .OrgSpan a:last-child:after {content: none;}