|
|
| Line 19: |
Line 19: |
| | | | |
| | | | |
| − | <style>
| |
| − | /**************************************************************************************************************************************************************************************************/
| |
| | | | |
| − |
| |
| − |
| |
| − | /**************************************************************************************************************************************************************************************************/
| |
| − | /* DEFAULT WIKI SETTINGS */
| |
| − | /**************************************************************************************************************************************************************************************************/
| |
| − |
| |
| − |
| |
| − | #home_logo, #sideMenu { display:none; }
| |
| − | #sideMenu, #top_title, .patrollink {display:none;}
| |
| − | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
| |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
| − |
| |
| − | body{
| |
| − | margin: 0;
| |
| − | color:#685454;
| |
| − | font-family: Helvetica, Arial, sans-serif;
| |
| − | /* font-family: "Times New Roman", Cambria, serif;*/
| |
| − | background-color:#fff;
| |
| − | }
| |
| − |
| |
| − | .icon {
| |
| − | position: fixed;
| |
| − | float: left;
| |
| − | top: 0px;
| |
| − | background-color: #685454;
| |
| − | margin-top:0px;
| |
| − | width: 10%;
| |
| − | height: 100%;
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .icon ul{
| |
| − | position: fixed;
| |
| − | overflow:none;
| |
| − | display:inline-block;
| |
| − | vertical-align: middle;
| |
| − | width: 10%;
| |
| − | height: 100%;
| |
| − | /*background-color: #685454;*/
| |
| − | padding-left: 20px;
| |
| − | padding-top: 25px;
| |
| − | transition: 0.3s;
| |
| − | }
| |
| − |
| |
| − | .icon ul li{
| |
| − | display:inline-block;
| |
| − | vertical-align: middle;
| |
| − | list-style: none;
| |
| − | transition: 0.3s;
| |
| − | margin-bottom: 15px;
| |
| − | }
| |
| − |
| |
| − | .icon ul li img{
| |
| − | transition: 0.3s;
| |
| − | }
| |
| − |
| |
| − | .icon ul li img:hover {
| |
| − | transition: 0.3s;
| |
| − | -webkit-filter: brightness(200%);
| |
| − | filter: brightness(200%);
| |
| − | transform: scale(1.2);
| |
| − | }
| |
| − |
| |
| − | .left {
| |
| − | position: fixed;
| |
| − | float: left;
| |
| − | top: 0px;
| |
| − | left:10%;
| |
| − | background-color: #78ccfc;
| |
| − | width: 13%;
| |
| − | height: 100%;
| |
| − | padding-right:-20px;
| |
| − | padding-top:10px;
| |
| − | }
| |
| − |
| |
| − | .left ul{
| |
| − | display:inline-block;
| |
| − | text-align: center;
| |
| − | padding-left: -5px;
| |
| − | margin-top: 20px;
| |
| − | padding-right:-20px;
| |
| − | }
| |
| − |
| |
| − | .left ul a{
| |
| − | text-decoration:none;
| |
| − | color:#685454;
| |
| − | transition: 0.3s;
| |
| − | }
| |
| − |
| |
| − | .left ul li{
| |
| − | display:block;
| |
| − | color:#685454;
| |
| − | list-style: none;
| |
| − | padding-bottom:20px;
| |
| − | margin-bottom: 15px;
| |
| − | padding-top:10px;
| |
| − | border-bottom: 0.5px solid #685454;
| |
| − | transition: 0.3s;
| |
| − | font-weight:bold;
| |
| − | font-size:15px;
| |
| − | }
| |
| − |
| |
| − | .left ul li :hover{
| |
| − | display: inline-block;
| |
| − | -webkit-filter: brightness(0%);
| |
| − | filter: brightness(0%);
| |
| − | transition:all 0.3s;
| |
| − | transform: scale(1.15);
| |
| − | }
| |
| − |
| |
| − | .left li:before {
| |
| − | content: '';
| |
| − | height: 100%;
| |
| − | left: 0;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | -webkit-transition: width 0.2s ease-in;
| |
| − | transition: width 0.2s ease-in;
| |
| − | width: 3px;
| |
| − | z-index: -1;
| |
| − | }
| |
| − |
| |
| − | .left li:hover:before {
| |
| − | -webkit-transition: width 0.2s ease-in;
| |
| − | transition: width 0.2s ease-in;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .left li.open:hover before {
| |
| − | -webkit-transition: width 0.2s ease-in;
| |
| − | transition: width 0.2s ease-in;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .picture{
| |
| − | position：absolute;
| |
| − | top:0px;
| |
| − | margin-top:-70px;
| |
| − | overflow:hidden;
| |
| − | z-index: -1;
| |
| − | }
| |
| − |
| |
| − | .background{
| |
| − | position:fixed;
| |
| − | top:0px;
| |
| − | z-index: -1;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .title{
| |
| − | position:absolute;
| |
| − | float: left;
| |
| − | top:25%;
| |
| − | left:28%;
| |
| − | font-size: 55px;
| |
| − | color:#78ccfc ;
| |
| − | z-index: 2;
| |
| − | font-weight: bolder;
| |
| − | }
| |
| − |
| |
| − | .content{
| |
| − | position:absolute;
| |
| − | float: left;
| |
| − | top:110%;
| |
| − | left:20%;
| |
| − | width:71%;
| |
| − | font-size: 18px;
| |
| − | z-index: 2;
| |
| − | color:#685454;
| |
| − | margin-left：50px;
| |
| − | line-height: 35px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .content .h1{
| |
| − | margin-top: 20px;
| |
| − | font-size: 30px;
| |
| − | font-weight: bold;
| |
| − | color: #78ccfc;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </style>
| |
| | | | |
| | | | |
