|
|
| Line 5: |
Line 5: |
| | | | |
| | <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"> | | <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"> |
| − | <style type="text/css">
| |
| − | #top_title, #sideMenu {
| |
| − | display: none;
| |
| − | }
| |
| | | | |
| − | #content {
| |
| − | width: 100%;
| |
| − | background-color: #2b669a;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | html, body {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | font-family: 'Arial';
| |
| − | background-color: #2b669a;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | .theme {
| |
| − | margin: auto;
| |
| − | margin-top: 10%;
| |
| − | padding: 0 20px;
| |
| − | max-width: 800px;
| |
| − | text-align: center;
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | /*.content {*/
| |
| − | /*width: 920px;*/
| |
| − | /*height: auto;*/
| |
| − | /*margin: 200px auto;*/
| |
| − | /*background: rgba(11,11,11, 0.5);*/
| |
| − | /*padding: 20px;*/
| |
| − | /*display: none;*/
| |
| − | /*}*/
| |
| − |
| |
| − |
| |
| − | /*.content h1 {*/
| |
| − | /*text-transform: uppercase;*/
| |
| − | /*font-family: 'Arial';*/
| |
| − | /*color: #fff;*/
| |
| − | /*text-align: center;*/
| |
| − | /*}*/
| |
| − |
| |
| − | /*.content p {*/
| |
| − | /*font-size: 15px;*/
| |
| − | /*line-height: 30px;*/
| |
| − | /*letter-spacing: 1px;*/
| |
| − | /*font-weight: lighter;*/
| |
| − | /*color: #fff;*/
| |
| − | /*}*/
| |
| − |
| |
| − | .theme h1 {
| |
| − | text-transform: uppercase;
| |
| − | font-size: 85px;
| |
| − | font-weight: 700;
| |
| − | letter-spacing: 0.015em;
| |
| − | }
| |
| − |
| |
| − | .bref a {
| |
| − | font-weight: lighter;
| |
| − | position: relative;
| |
| − | letter-spacing: 1px;
| |
| − | text-transform: uppercase;
| |
| − | display: inline-block;
| |
| − | text-decoration: none;
| |
| − | color: whitesmoke;
| |
| − | font-size: 16px;
| |
| − | padding: 10px 5px;
| |
| − | }
| |
| − |
| |
| − | .bref a:hover::before, a:hover::after { position: absolute; }
| |
| − | .bref a:hover::before { content: "\5B"; left: -10px; }
| |
| − | .bref a:hover::after { content: "\5D"; right: -10px; }
| |
| − | </style>
| |
| | <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> | | <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> |
| | <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> | | <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> |
