Created
February 16, 2012 11:41
-
-
Save zhiwww/1844274 to your computer and use it in GitHub Desktop.
Reset
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Reset | |
| ----------------------------------------------------------*/ | |
| html, body, div, span, applet, object, iframe, | |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| a, abbr, acronym, address, big, cite, code, | |
| del, dfn, em, img, ins, kbd, q, s, samp, | |
| small, strike, strong, sub, sup, tt, var, | |
| b, u, i, center, | |
| dl, dt, dd, ol, ul, li, | |
| fieldset, form, label, legend, | |
| table, caption, tbody, tfoot, thead, tr, th, td, | |
| article, aside, canvas, details, embed, | |
| figure, figcaption, footer, header, hgroup, | |
| menu, nav, output, ruby, section, summary, | |
| time, mark, audio, video { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| font-size: 100%; | |
| font: inherit; | |
| vertical-align: baseline; | |
| } | |
| /* HTML5 display-role reset for older browsers */ | |
| article, aside, details, figcaption, figure, | |
| footer, header, hgroup, menu, nav, section { | |
| display: block; | |
| } | |
| body { | |
| line-height: 1; | |
| } | |
| ol, ul { | |
| list-style: none; | |
| } | |
| blockquote, q { | |
| quotes: none; | |
| } | |
| blockquote:before, blockquote:after, | |
| q:before, q:after { | |
| content: ''; | |
| content: none; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| /* DEFAULTS | |
| ----------------------------------------------------------*/ | |
| body | |
| { | |
| background: #b6b7bc; | |
| font-size: .80em; | |
| font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; | |
| margin: 0px; | |
| padding: 0px; | |
| color: #696969; | |
| } | |
| a:link, a:visited | |
| { | |
| color: #034af3; | |
| } | |
| a:hover | |
| { | |
| color: #1d60ff; | |
| text-decoration: none; | |
| } | |
| a:active | |
| { | |
| color: #034af3; | |
| } | |
| p | |
| { | |
| margin-bottom: 10px; | |
| line-height: 1.6em; | |
| } | |
| /* HEADINGS | |
| ----------------------------------------------------------*/ | |
| h1, h2, h3, h4, h5, h6 | |
| { | |
| font-size: 1.5em; | |
| color: #666666; | |
| font-variant: small-caps; | |
| text-transform: none; | |
| font-weight: 200; | |
| margin-bottom: 0px; | |
| } | |
| h1 | |
| { | |
| font-size: 1.6em; | |
| padding-bottom: 0px; | |
| margin-bottom: 0px; | |
| } | |
| h2 | |
| { | |
| font-size: 1.5em; | |
| font-weight: 600; | |
| } | |
| h3 | |
| { | |
| font-size: 1.2em; | |
| } | |
| h4 | |
| { | |
| font-size: 1.1em; | |
| } | |
| h5, h6 | |
| { | |
| font-size: 1em; | |
| } | |
| /* PRIMARY LAYOUT ELEMENTS | |
| ----------------------------------------------------------*/ | |
| .page | |
| { | |
| width: 800px; | |
| background-color: #fff; | |
| margin: 0; | |
| border: 1px solid #496077; | |
| } | |
| .header | |
| { | |
| position: relative; | |
| margin: 0px; | |
| padding: 0px; | |
| background: #4b6c9e; | |
| width: 100%; | |
| } | |
| .header h1 | |
| { | |
| font-weight: 700; | |
| margin: 0px; | |
| padding: 0px 0px 0px 20px; | |
| color: #f9f9f9; | |
| border: none; | |
| line-height: 2em; | |
| font-size: 2em; | |
| } | |
| .main | |
| { | |
| padding: 0px 12px; | |
| margin: 12px 8px 8px 8px; | |
| min-height: 420px; | |
| } | |
| .footer | |
| { | |
| color: #4e5766; | |
| padding: 8px 0px 0px 0px; | |
| margin: 0px auto; | |
| text-align: center; | |
| line-height: normal; | |
| } | |
| /* TAB MENU | |
| ----------------------------------------------------------*/ | |
| /* FORM ELEMENTS | |
| ----------------------------------------------------------*/ | |
| fieldset | |
| { | |
| margin: 1em 0px; | |
| padding: 1em; | |
| border: 1px solid #ccc; | |
| } | |
| fieldset p | |
| { | |
| margin: 2px 12px 10px 10px; | |
| } | |
| fieldset.login label, fieldset.register label, fieldset.changePassword label | |
| { | |
| display: block; | |
| } | |
| fieldset label.inline | |
| { | |
| display: inline; | |
| } | |
| legend | |
| { | |
| font-size: 1.1em; | |
| font-weight: 600; | |
| padding: 2px 4px 8px 4px; | |
| } | |
| input.textEntry | |
| { | |
| width: 320px; | |
| border: 1px solid #ccc; | |
| font-size: 2em; | |
| padding: 0.2em; | |
| border-radius: 5px; | |
| } | |
| input.passwordEntry | |
| { | |
| width: 320px; | |
| border: 1px solid #ccc; | |
| font-size: 2em; | |
| padding: 0.2em; | |
| border-radius: 5px; | |
| } | |
| select.dropdown | |
| { | |
| width: 332px; | |
| font-size: 2em; | |
| padding: 0.2em; | |
| border: 1px solid #CCC; | |
| border-radius: 5px; | |
| } | |
| /* MISC | |
| ----------------------------------------------------------*/ | |
| .clear | |
| { | |
| clear: both; | |
| } | |
| .title | |
| { | |
| display: block; | |
| float: left; | |
| text-align: left; | |
| width: auto; | |
| } | |
| .loginDisplay | |
| { | |
| font-size: 1.1em; | |
| display: block; | |
| text-align: right; | |
| padding: 10px; | |
| color: White; | |
| } | |
| .loginDisplay a:link | |
| { | |
| color: white; | |
| } | |
| .loginDisplay a:visited | |
| { | |
| color: white; | |
| } | |
| .loginDisplay a:hover | |
| { | |
| color: white; | |
| } | |
| .failureNotification | |
| { | |
| font-size: 1.2em; | |
| color: Red; | |
| } | |
| .bold | |
| { | |
| font-weight: bold; | |
| } | |
| .submitButton | |
| { | |
| text-align: right; | |
| padding-right: 10px; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="page"> | |
| <div class="main"> | |
| <p>Please fill the form below to create a new account.</p> | |
| <fieldset class="register"> | |
| <span class="failureNotification"> | |
| </span> | |
| <div id="MainContent_RegisterUserValidationSummary" class="failureNotification" style="display:none;"> | |
| </div> | |
| <p> | |
| <label for="MainContent_Email" id="MainContent_EmailLabel">E-mail:</label> | |
| <input name="ctl00$MainContent$Email" type="text" id="MainContent_Email" class="textEntry"> | |
| <span id="MainContent_EmailRequired" title="E-mail is required." class="failureNotification" style="visibility:hidden;">*</span> | |
| </p> | |
| <p> | |
| <label for="MainContent_Password" id="MainContent_PasswordLabel">Password:</label> | |
| <input name="ctl00$MainContent$Password" type="password" id="MainContent_Password" class="passwordEntry"> | |
| <span id="MainContent_PasswordRequired" title="Password is required." class="failureNotification" style="visibility:hidden;">*</span> | |
| </p> | |
| <p> | |
| <label for="MainContent_ConfirmPassword" id="MainContent_ConfirmPasswordLabel">Confirm Password:</label> | |
| <input name="ctl00$MainContent$ConfirmPassword" type="password" id="MainContent_ConfirmPassword" class="passwordEntry"> | |
| <span id="MainContent_ConfirmPasswordRequired" title="Confirm Password is required." class="failureNotification" style="display:none;">*</span> | |
| <span id="MainContent_PasswordCompare" class="failureNotification" style="display:none;">*</span> | |
| </p> | |
| <p> | |
| <label for="MainContent_UserName" id="MainContent_UserNameLabel">Screen Name:</label> | |
| <input name="ctl00$MainContent$UserName" type="text" id="MainContent_UserName" class="textEntry"> | |
| <span id="MainContent_UserNameRequired" title="User Name is required." class="failureNotification" style="visibility:hidden;">*</span> | |
| </p> | |
| <p> | |
| <label for="MainContent_ddlGender" id="MainContent_GenderLabel">Gender</label> | |
| <select name="ctl00$MainContent$ddlGender" id="MainContent_ddlGender" class="dropdown"> | |
| <option value="Male">Male</option> | |
| <option value="Female">Female</option> | |
| </select> | |
| </p> | |
| <p> | |
| <label for="MainContent_Age" id="MainContent_AgeLabel">Age</label> | |
| <input name="ctl00$MainContent$Age" type="text" id="MainContent_Age" class="textEntry"> | |
| <span id="MainContent_RegularExpressionValidator1" style="display:none;">Only number is acceptable</span> | |
| </p> | |
| </fieldset> | |
| </div> | |
| <div class="clear"> | |
| </div> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"view":"split-vertical","prefixfree":"1","page":"css"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment