|
|
| Line 1: |
Line 1: |
| − |
| |
| | <!doctype html> | | <!doctype html> |
| | <html lang="zh"> | | <html lang="zh"> |
| Line 27: |
Line 26: |
| | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } |
| | | | |
| − | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | + | |
| − | body{
| + | |
| − | margin: 0;
| + | |
| − | color:#685454;
| + | |
| − | font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
| + | |
| − | /* font-family: "Times New Roman", Cambria, serif;*/
| + | |
| − | background-color:#fff;
| + | |
| − | }
| + | |
| | | | |
| | | | |
| − |
| |
| − |
| |
| − | .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: #ffe286;
| |
| − | 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;
| |
| − | }
| |
| − |
| |
| − | .left ul li :hover{
| |
| − | display: inline-block;
| |
| − | -webkit-filter: brightness(0%);
| |
| − | filter: brightness(0%);
| |
| − | transition:all 0.3s;
| |
| − | transform: scale(1.2);
| |
| − | }
| |
| − |
| |
| − | .picture{
| |
| − | position：absolute;
| |
| − | top:0px;
| |
| − | margin-top:-70px;
| |
| − | overflow:hidden;
| |
| − | z-index: -1;
| |
| − | }
| |
| − |
| |
| − | .background{
| |
| − | position:fixed;
| |
| − | top:0px;
| |
| − | z-index: -1;
| |
| − | opacity: 0.3;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .title{
| |
| − | position:absolute;
| |
| − | float: left;
| |
| − | top:85%;
| |
| − | left:26%;
| |
| − | font-size: 48px;
| |
| − | color: #ffe286;
| |
| − | z-index: 2;
| |
| − | font-weight: bolder;
| |
| − | }
| |
| − |
| |
| − | .content{
| |
| − | position:absolute;
| |
| − | float: left;
| |
| − | top:110%;
| |
| − | left:26%;
| |
| − | 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: #ffcd52;
| |
| − | }
| |
| − |
| |
| − | .content .top{
| |
| − | padding-top: 20px;
| |
| − | padding-left: 150px;
| |
| − | display: table-cell;
| |
| − | vertical-align:middle;
| |
| − | text-align:center;
| |
| − | font-weight:bold;
| |
| − | font-size: 20px;
| |
| − | color:#685454;
| |
| − | padding-bottom: 20px;
| |
| − | }
| |
| − |
| |
| − | .content .detail{
| |
| − | display: inline-block;
| |
| − | text-indent:2em;
| |
| − | font-size: 20px;
| |
| − | padding-top: 20px;
| |
| − | padding-bottom: 20px;
| |
| − | }
| |
| − |
| |
| − | .content img{
| |
| − | padding-left: 50px;
| |
| − | display: table-cell;
| |
| − | vertical-align:middle;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .box{width:300px; text-align:center; font-szie:18px;}
| |
| − | .box img {width:100%;}
| |
| | | | |
| | </style> | | </style> |
| − | | + | </head> |
| | <body> | | <body> |
| | | | |
