-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
27d7279
commit 7cb80c5
Showing
11 changed files
with
533 additions
and
8 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,163 @@ | ||
| /* | ||
| * Globals | ||
| */ | ||
|
|
||
| /* Links */ | ||
| a, | ||
| a:focus, | ||
| a:hover { | ||
| color: #fff; | ||
| } | ||
|
|
||
| /* Custom default button */ | ||
| .btn-default, | ||
| .btn-default:hover, | ||
| .btn-default:focus { | ||
| color: #333; | ||
| text-shadow: none; /* Prevent inheritance from `body` */ | ||
| background-color: #fff; | ||
| border: 1px solid #fff; | ||
| } | ||
|
|
||
|
|
||
| /* | ||
| * Base structure | ||
| */ | ||
|
|
||
| html, | ||
| body { | ||
| height: 100%; | ||
| background-color: #333; | ||
| } | ||
| body { | ||
| color: #fff; | ||
| text-align: center; | ||
| text-shadow: 0 1px 3px rgba(0,0,0,.5); | ||
| } | ||
|
|
||
| /* Extra markup and styles for table-esque vertical and horizontal centering */ | ||
| .site-wrapper { | ||
| display: table; | ||
| width: 100%; | ||
| height: 100%; /* For at least Firefox */ | ||
| min-height: 100%; | ||
| -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5); | ||
| box-shadow: inset 0 0 100px rgba(0,0,0,.5); | ||
| } | ||
| .site-wrapper-inner { | ||
| display: table-cell; | ||
| vertical-align: top; | ||
| } | ||
| .cover-container { | ||
| margin-right: auto; | ||
| margin-left: auto; | ||
| } | ||
|
|
||
| /* Padding for spacing */ | ||
| .inner { | ||
| padding: 30px; | ||
| } | ||
|
|
||
|
|
||
| /* | ||
| * Header | ||
| */ | ||
| .masthead-brand { | ||
| margin-top: 10px; | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| .masthead-nav > li { | ||
| display: inline-block; | ||
| } | ||
| .masthead-nav > li + li { | ||
| margin-left: 20px; | ||
| } | ||
| .masthead-nav > li > a { | ||
| padding-right: 0; | ||
| padding-left: 0; | ||
| font-size: 16px; | ||
| font-weight: bold; | ||
| color: #fff; /* IE8 proofing */ | ||
| color: rgba(255,255,255,.75); | ||
| border-bottom: 2px solid transparent; | ||
| } | ||
| .masthead-nav > li > a:hover, | ||
| .masthead-nav > li > a:focus { | ||
| background-color: transparent; | ||
| border-bottom-color: #a9a9a9; | ||
| border-bottom-color: rgba(255,255,255,.25); | ||
| } | ||
| .masthead-nav > .active > a, | ||
| .masthead-nav > .active > a:hover, | ||
| .masthead-nav > .active > a:focus { | ||
| color: #fff; | ||
| border-bottom-color: #fff; | ||
| } | ||
|
|
||
| @media (min-width: 768px) { | ||
| .masthead-brand { | ||
| float: left; | ||
| } | ||
| .masthead-nav { | ||
| float: right; | ||
| } | ||
| } | ||
|
|
||
|
|
||
| /* | ||
| * Cover | ||
| */ | ||
|
|
||
| .cover { | ||
| padding: 0 20px; | ||
| } | ||
| .cover .btn-lg { | ||
| padding: 10px 20px; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
|
|
||
| /* | ||
| * Footer | ||
| */ | ||
|
|
||
| .mastfoot { | ||
| color: #999; /* IE8 proofing */ | ||
| color: rgba(255,255,255,.5); | ||
| } | ||
|
|
||
|
|
||
| /* | ||
| * Affix and center | ||
| */ | ||
|
|
||
| @media (min-width: 768px) { | ||
| /* Pull out the header and footer */ | ||
| .masthead { | ||
| position: fixed; | ||
| top: 0; | ||
| } | ||
| .mastfoot { | ||
| position: fixed; | ||
| bottom: 0; | ||
| } | ||
| /* Start the vertical centering */ | ||
| .site-wrapper-inner { | ||
| vertical-align: middle; | ||
| } | ||
| /* Handle the widths */ | ||
| .masthead, | ||
| .mastfoot, | ||
| .cover-container { | ||
| width: 100%; /* Must be percentage or pixels for horizontal alignment */ | ||
| } | ||
| } | ||
|
|
||
| @media (min-width: 992px) { | ||
| .masthead, | ||
| .mastfoot, | ||
| .cover-container { | ||
| width: 700px; | ||
| } | ||
| } |
File renamed without changes.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,9 +1,65 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <body> | ||
|
|
||
| <p>ahaha</p> | ||
| i am Toma~~ | ||
| <p>更新试一试</p> | ||
| </body> | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> | ||
| <title>Bootstrap 101 Template</title> | ||
|
|
||
| <!-- Bootstrap --> | ||
| <link href="css/bootstrap.min.css" rel="stylesheet"> | ||
| <link href="css/cover.css" rel="stylesheet"> | ||
| <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> | ||
| <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | ||
| <!--[if lt IE 9]> | ||
| <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> | ||
| <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | ||
| <![endif]--> | ||
| </head> | ||
| <body> | ||
| <div class="site-wrapper"> | ||
|
|
||
| <div class="site-wrapper-inner"> | ||
|
|
||
| <div class="cover-container"> | ||
|
|
||
| <div class="masthead clearfix"> | ||
| <div class="inner"> | ||
| <h3 class="masthead-brand">Cover</h3> | ||
| <nav> | ||
| <ul class="nav masthead-nav"> | ||
| <li class="active"><a href="#">Home</a></li> | ||
| <li><a href="#">Features</a></li> | ||
| <li><a href="#">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="inner cover"> | ||
| <h1 class="cover-heading">Cover your page.</h1> | ||
| <p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p> | ||
| <p class="lead"> | ||
| <a href="#" class="btn btn-lg btn-default">Learn more</a> | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="mastfoot"> | ||
| <div class="inner"> | ||
| <p>Cover template for <a href="http://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | ||
| <script src="js/jquery.min.js"></script> | ||
| <!-- Include all compiled plugins (below), or include individual files as needed --> | ||
| <script src="js/bootstrap.min.js"></script> | ||
| </body> | ||
| </html> |
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.