/Base/MVCUIHtmlHelper/MVCUIHtmlHelper.Web/Content/Site.css
CSS | 244 lines | 199 code | 28 blank | 17 comment | 0 complexity | 6c2039ae74fab24f2489d5faf4a9e8df MD5 | raw file
1/*---------------------------------------------------------- 2The base color for this template is #5c87b2. If you'd like 3to use a different color start by replacing all instances of 4#5c87b2 with your new color. 5----------------------------------------------------------*/ 6body 7{ 8 background-color: #5c87b2; 9 font-size: .75em; 10 font-family: Verdana, Helvetica, Sans-Serif; 11 margin: 0; 12 padding: 0; 13 color: #696969; 14} 15 16a:link 17{ 18 color: #034af3; 19 text-decoration: underline; 20} 21a:visited 22{ 23 color: #505abc; 24} 25a:hover 26{ 27 color: #1d60ff; 28 text-decoration: none; 29} 30a:active 31{ 32 color: #12eb87; 33} 34 35p, ul 36{ 37 margin-bottom: 20px; 38 line-height: 1.6em; 39} 40 41/* HEADINGS 42----------------------------------------------------------*/ 43h1, h2, h3, h4, h5, h6 44{ 45 font-size: 1.5em; 46 color: #000; 47 font-family: Arial, Helvetica, sans-serif; 48} 49 50h1 51{ 52 font-size: 2em; 53 padding-bottom: 0; 54 margin-bottom: 0; 55} 56h2 57{ 58 padding: 0 0 10px 0; 59} 60h3 61{ 62 font-size: 1.2em; 63} 64h4 65{ 66 font-size: 1.1em; 67} 68h5, h6 69{ 70 font-size: 1em; 71} 72 73/* this rule styles <h2> tags that are the 74first child of the left and right table columns */ 75.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 76{ 77 margin-top: 0; 78} 79 80/* PRIMARY LAYOUT ELEMENTS 81----------------------------------------------------------*/ 82 83/* you can specify a greater or lesser percentage for the 84page width. Or, you can specify an exact pixel width. */ 85.page 86{ 87 width: 90%; 88 margin-left: auto; 89 margin-right: auto; 90} 91 92#header 93{ 94 position: relative; 95 margin-bottom: 0px; 96 color: #000; 97 padding: 0; 98} 99 100#header h1 101{ 102 font-weight: bold; 103 padding: 5px 0; 104 margin: 0; 105 color: #fff; 106 border: none; 107 line-height: 2em; 108 font-family: Arial, Helvetica, sans-serif; 109 font-size: 32px !important; 110} 111 112#main 113{ 114 padding: 30px 30px 15px 30px; 115 background-color: #fff; 116 margin-bottom: 30px; 117 _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ 118} 119 120#footer 121{ 122 color: #999; 123 padding: 10px 0; 124 text-align: center; 125 line-height: normal; 126 margin: 0; 127 font-size: .9em; 128} 129 130/* TAB MENU 131----------------------------------------------------------*/ 132ul#menu 133{ 134 border-bottom: 1px #5C87B2 solid; 135 padding: 0 0 2px; 136 position: relative; 137 margin: 0; 138 text-align: right; 139} 140 141ul#menu li 142{ 143 display: inline; 144 list-style: none; 145} 146 147ul#menu li#greeting 148{ 149 padding: 10px 20px; 150 font-weight: bold; 151 text-decoration: none; 152 line-height: 2.8em; 153 color: #fff; 154} 155 156ul#menu li a 157{ 158 padding: 10px 20px; 159 font-weight: bold; 160 text-decoration: none; 161 line-height: 2.8em; 162 background-color: #e8eef4; 163 color: #034af3; 164} 165 166ul#menu li a:hover 167{ 168 background-color: #fff; 169 text-decoration: none; 170} 171 172ul#menu li a:active 173{ 174 background-color: #a6e2a6; 175 text-decoration: none; 176} 177 178ul#menu li.selected a 179{ 180 background-color: #fff; 181 color: #000; 182} 183 184/* MISC 185----------------------------------------------------------*/ 186.clear 187{ 188 clear: both; 189} 190 191.error 192{ 193 color:Red; 194} 195 196#menucontainer 197{ 198 margin-top:40px; 199} 200 201#title 202{ 203 display:block; 204 float:left; 205 text-align:left; 206} 207 208#logindisplay 209{ 210 font-size:1.1em; 211 display:block; 212 text-align:right; 213 margin:10px; 214 color:White; 215} 216 217#logindisplay a:link 218{ 219 color: white; 220 text-decoration: underline; 221} 222 223#logindisplay a:visited 224{ 225 color: white; 226 text-decoration: underline; 227} 228 229.field-validation-error 230{ 231 color: #ff0000; 232} 233 234.input-validation-error 235{ 236 border: 1px solid #ff0000; 237 background-color: #ffeeee; 238} 239 240.validation-summary-errors 241{ 242 font-weight: bold; 243 color: #ff0000; 244}