Skip to content

Z
zuiketang
Commit 2b8166af authored by 汪波's avatar 汪波
Browse files
Options

修改样式

parent 5c78db44
Hide whitespace changes
Inline Side-by-side
Showing with 441 additions and 56 deletions
src/frontend/web/css/style.css
View file @ 2b8166af
......@@ -778,14 +778,14 @@ textarea.input-r-control {
.upload-video-screen {
position: relative;
height: 44px;
line-height: 44px;
width: 200px;
height: 166px;
line-height: 166px;
width: 300px;
border-radius: 3px;
border: 1px solid #e7e7e7;
margin-top: 10px;
text-align: center;
color: #999;
border: 1px solid #f3f3f3;
}
.upload-video-screen i {
padding-right: 5px;
......@@ -794,17 +794,36 @@ textarea.input-r-control {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 200px;
height: 166px;
width: 300px;
border-radius: 3px;
opacity: 0;
cursor: pointer;
z-index: 4;
}
.upload-video-screen:hover {
border: 1px solid #4285f4;
color: #4285f4;
.upload-video-screen span {
position: absolute;
left: 0;
top: 0;
display: inline-block;
height: 166px;
width: 300px;
color: #999;
border-radius: 3px;
z-index: 3;
}
.upload-video-screen img {
height: 166px;
width: 300px;
position: absolute;
left: 0;
top: 0;
border-radius: 3px;
}
.upload-video-screen:hover span {
background-color: rgba(0,0,0,.6);
color: #fff;
}
......
ui/html/css/login.css
View file @ 2b8166af
......@@ -36,16 +36,40 @@ a,a:hover,a:link {
display: block;
}
.avatar {
padding-right: 30px;
height: 60px;
}
.avatar a {
display: block;
margin-top: 15px;
}
.avatar a img {
height: 30px;
width: 30px;
border-radius: 100%;
}
.menu-btn {
padding-left: 255px;
height: 60px;
line-height: 60px;
font-size: 24px;
color: #999;
text-align: center;
}
.z-m-center {
text-align: center;
margin-top: 40px;
}
.z-m-center > p {
font-size: 12px;
padding: 0 0 20px;
color: #999;
}
.v-geetest {
width: 300px;
margin: 20px auto;
}
.tab-a ul,li ,
......@@ -160,6 +184,19 @@ a,a:hover,a:link {
color: #2a6496;
}
.verify-code-box img {
position: absolute;
right: -10px;
bottom: 0;
}
.verify-code-box .form-group {
margin-bottom: 0!important;
}
.verify-code-box .form-group .control-label {
display: none!important;
}
.foot-reg-btn {
margin-top: 20px;
}
......
ui/html/css/main.css
View file @ 2b8166af
......@@ -7,14 +7,14 @@ a,a:hover,a:link {
text-decoration: none;
}
/*font*/
/*icomoon*/
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?uyryw3');
src: url('../fonts/icomoon.eot?uyryw3#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?uyryw3') format('truetype'),
url('../fonts/icomoon.woff?uyryw3') format('woff'),
url('../fonts/icomoon.svg?uyryw3#icomoon') format('svg');
src: url('../fonts/icomoon.eot?lylu0j');
src: url('../fonts/icomoon.eot?lylu0j#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?lylu0j') format('truetype'),
url('../fonts/icomoon.woff?lylu0j') format('woff'),
url('../fonts/icomoon.svg?lylu0j#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
......@@ -34,6 +34,12 @@ a,a:hover,a:link {
-moz-osx-font-smoothing: grayscale;
}
.icon-jian:before {
content: "\e906";
}
.icon-shen:before {
content: "\e907";
}
.icon-comment-empty:before {
content: "\e900";
}
......@@ -52,6 +58,198 @@ a,a:hover,a:link {
.icon-zan-full:before {
content: "\e905";
}
.icon-add:before {
content: "\e145";
}
.icon-arrow_drop_down:before {
content: "\e5c5";
}
.icon-arrow_drop_up:before {
content: "\e5c7";
}
.icon-chat:before {
content: "\e0b7";
}
.icon-chat_bubble:before {
content: "\e0ca";
}
.icon-chat_bubble_outline:before {
content: "\e0cb";
}
.icon-navigate_before:before {
content: "\e408";
}
.icon-navigate_next:before {
content: "\e409";
}
.icon-cloud_done:before {
content: "\e2bf";
}
.icon-cloud_download:before {
content: "\e2c0";
}
.icon-palette:before {
content: "\e40a";
}
.icon-mode_edit:before {
content: "\e254";
}
.icon-create_new_folder:before {
content: "\e2cc";
}
.icon-crop_original:before {
content: "\e3c4";
}
.icon-expand_less:before {
content: "\e5ce";
}
.icon-expand_more:before {
content: "\e5cf";
}
.icon-fingerprint:before {
content: "\e90d";
}
.icon-ondemand_video:before {
content: "\e63a";
}
.icon-person_pin:before {
content: "\e55a";
}
.icon-play_circle_outline:before {
content: "\e039";
}
.icon-power_settings_new:before {
content: "\e8ac";
}
.icon-visibility:before {
content: "\e8f4";
}
.icon-school:before {
content: "\e80c";
}
.icon-shop:before {
content: "\e8c9";
}
.icon-slideshow:before {
content: "\e41b";
}
.icon-textsms:before {
content: "\e0d8";
}
.icon-stars:before {
content: "\e8d0";
}
.icon-thumb_up:before {
content: "\e8dc";
}
.icon-verified_user:before {
content: "\e8e8";
}
.icon-eye:before {
content: "\e000";
}
.icon-paper-clip:before {
content: "\e001";
}
.icon-mail:before {
content: "\e002";
}
.icon-link:before {
content: "\e005";
}
.icon-bell:before {
content: "\e006";
}
.icon-lock:before {
content: "\e007";
}
.icon-unlock:before {
content: "\e008";
}
.icon-ribbon:before {
content: "\e009";
}
.icon-image:before {
content: "\e010";
}
.icon-signal:before {
content: "\e011";
}
.icon-clipboard:before {
content: "\e013";
}
.icon-clock:before {
content: "\e014";
}
.icon-camera:before {
content: "\e017";
}
.icon-video:before {
content: "\e018";
}
.icon-cog:before {
content: "\e023";
}
.icon-heart:before {
content: "\e024";
}
.icon-layers:before {
content: "\e031";
}
.icon-stack-2:before {
content: "\e033";
}
.icon-paper:before {
content: "\e034";
}
.icon-microphone:before {
content: "\e048";
}
.icon-play:before {
content: "\e052";
}
.icon-folder:before {
content: "\e059";
}
.icon-cloud-upload:before {
content: "\e066";
}
.icon-cloud-download:before {
content: "\e067";
}
.icon-upload:before {
content: "\e068";
}
.icon-location:before {
content: "\e070";
}
.icon-speech-bubble:before {
content: "\e076";
}
.icon-arrow-left:before {
content: "\e094";
}
.icon-arrow-right:before {
content: "\e095";
}
.icon-arrow-up:before {
content: "\e096";
}
.icon-arrow-down:before {
content: "\e097";
}
.icon-trash:before {
content: "\e109";
}
.icon-check:before {
content: "\e116";
}
.icon-cross:before {
content: "\e117";
}
.icon-menu:before {
content: "\e120";
}
.navbar-main {
background-color: #fff;
......@@ -276,26 +474,26 @@ a,a:hover,a:link {
top: 0;
}
.post-icons {
width: 25px;
height: 22px;
float: left;
margin-left: 16px;
background: url(../img/share_tit.png) no-repeat;
width: 25px!important;
height: 22px!important;
float: left!important;
margin-left: 16px!important;
background: url(../img/share_tit.png) no-repeat!important;
}
.weibo {
background-position: -25px 0;
background-position: -25px 0!important;
}
.qzone {
background-position: -50px 0;
background-position: -50px 0!important;
}
.weibo:hover {
background-position: -25px -22px;
background-position: -25px -22px!important;
}
.qzone:hover {
background-position: -50px -22px;
background-position: -50px -22px!important;
}
.wechat:hover {
background-position: 0 -22px;
background-position: 0 -22px!important;
}
.video-detail-info {
......@@ -332,12 +530,9 @@ a,a:hover,a:link {
color: #999;
}
.video-sm-info {
position: absolute;
height: 80px;
line-height: 80px;
right: 15px;
top: 0;
padding-right: 30px;
}
.video-sm-info a {
display: inline-block;
......@@ -398,6 +593,7 @@ a,a:hover,a:link {
text-align: center;
line-height: 100px;
border: 1px solid #e5e6e8;
margin-bottom: 20px;
}
.comment-box {
position: relative;
......@@ -537,4 +733,60 @@ a,a:hover,a:link {
.qrcode-img > p {
margin-top: 5px;
color: #999;
}
.qrcode-img span {
display: inline-block;
width: 100%;
height: 150px;
text-align: center;
line-height: 150px;
color: #666;
}
.avatar {
padding-right: 30px;
height: 60px;
}
.avatar a {
display: block;
margin-top: 15px;
}
.avatar a img {
height: 30px;
width: 30px;
border-radius: 100%;
}
.mb-right {
display: inline-block;
margin-bottom: 0
}
.xs-show-bg {
display: none;
}
@media (max-width: 767px) {
.mb-left{
position: fixed!important;
right: 10px!important;
bottom: 7px!important;
z-index: 11;
}
.mb-right {
position: fixed!important;
left: 10px!important;
bottom: -14px!important;
z-index: 11;
}
.xs-show-bg {
display: block;
height: 50px;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
background-color: #fff;
border-top: 1px solid #f3f3f3;
z-index: 10
}
}
\ No newline at end of file
ui/html/css/reset.css
View file @ 2b8166af
......@@ -231,6 +231,12 @@ i, em {
-moz-osx-font-smoothing: grayscale;
}
.icon-jian:before {
content: "\e906";
}
.icon-shen:before {
content: "\e907";
}
.icon-comment-empty:before {
content: "\e900";
}
......@@ -291,11 +297,11 @@ i, em {
.icon-crop_original:before {
content: "\e3c4";
}
.icon-favorite:before {
content: "\e87d";
.icon-expand_less:before {
content: "\e5ce";
}
.icon-favorite_border:before {
content: "\e87e";
.icon-expand_more:before {
content: "\e5cf";
}
.icon-fingerprint:before {
content: "\e90d";
......@@ -303,12 +309,36 @@ i, em {
.icon-ondemand_video:before {
content: "\e63a";
}
.icon-person_pin:before {
content: "\e55a";
}
.icon-play_circle_outline:before {
content: "\e039";
}
.icon-power_settings_new:before {
content: "\e8ac";
}
.icon-visibility:before {
content: "\e8f4";
}
.icon-school:before {
content: "\e80c";
}
.icon-shop:before {
content: "\e8c9";
}
.icon-slideshow:before {
content: "\e41b";
}
.icon-textsms:before {
content: "\e0d8";
}
.icon-stars:before {
content: "\e8d0";
}
.icon-thumb_up:before {
content: "\e8dc";
}
.icon-verified_user:before {
content: "\e8e8";
}
......@@ -416,4 +446,4 @@ i, em {
}
.icon-menu:before {
content: "\e120";
}
}
\ No newline at end of file
ui/html/css/style.css
View file @ 2b8166af
......@@ -111,7 +111,7 @@ html {
-----------------------------*/
.submenu {
width: 100%;
display: none;
/*display: none;*/
font-size: 14px;
}
......@@ -290,6 +290,8 @@ html {
}
/*teacher list*/
.teacher-box {
position: relative;
......@@ -298,6 +300,7 @@ html {
height: 300px;
margin: 0 10px 40px 10px;
text-align: center;
overflow: hidden;
}
.teacher-box > img {
margin-top: 100px;
......@@ -344,6 +347,7 @@ html {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
word-break:break-all;
}
.teacher-box:hover > img {
margin-top: 50px;
......@@ -774,14 +778,14 @@ textarea.input-r-control {
.upload-video-screen {
position: relative;
height: 44px;
line-height: 44px;
width: 200px;
height: 166px;
line-height: 166px;
width: 300px;
border-radius: 3px;
border: 1px solid #e7e7e7;
margin-top: 10px;
text-align: center;
color: #999;
border: 1px solid #f3f3f3;
}
.upload-video-screen i {
padding-right: 5px;
......@@ -790,17 +794,36 @@ textarea.input-r-control {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 200px;
height: 166px;
width: 300px;
border-radius: 3px;
opacity: 0;
cursor: pointer;
z-index: 4;
}
.upload-video-screen:hover {
border: 1px solid #4285f4;
color: #4285f4;
.upload-video-screen span {
position: absolute;
left: 0;
top: 0;
display: inline-block;
height: 166px;
width: 300px;
color: #999;
border-radius: 3px;
z-index: 3;
}
.upload-video-screen img {
height: 166px;
width: 300px;
position: absolute;
left: 0;
top: 0;
border-radius: 3px;
}
.upload-video-screen:hover span {
background-color: rgba(0,0,0,.6);
color: #fff;
}
......@@ -1022,8 +1045,6 @@ textarea.input-r-control {
border-radius: 100%;
margin-right: 10px;
}
.v-code-box {
position: relative;
}
......@@ -1085,7 +1106,7 @@ textarea.input-r-control {
margin-left: 10px;
}
.sm-box {
height: 320px;
height: 400px;
}
.sm-box .price {
height: 40px;
......@@ -1150,4 +1171,23 @@ textarea.input-r-control {
.qrcode-img > p {
margin-top: 5px;
color: #999;
}
@media (max-width: 767px) {
.tp-sidebar {
left: -225px;
}
.auto-main {
padding-left: 0;
}
.menu-btn {
padding-left: 30px;
}
.foot p {
padding-left: 30px;
}
.add-box {
width: auto;
}
}
\ No newline at end of file
ui/html/发布课程.html
View file @ 2b8166af
......@@ -61,12 +61,12 @@
<div class="tit">发布课程</div>
<div class="cls-part">
<div class="tit">标题</div>
<div class="tit">标题<span class="remind">请输入标题！</span></div>
<input type="text" class="input-r-control" placeholder="请输入课程标题，20 个汉字以内...">
</div>
<div class="cls-part teacher-list">
<div class="tit">讲师</div>
<div class="tit">讲师<span class="remind">请选择讲师！</span></div>
<div class="checkbox">
<label>
......@@ -96,7 +96,7 @@
</div>
<div class="cls-part">
<div class="tit">上传视频</div>
<div class="tit">上传视频<span class="remind">请上传视频！</span></div>
<div class="upload-video-btn hide">
<input type="file">
<i class="icon-play"></i>
......@@ -144,7 +144,13 @@
<div class="tit">缩略图 <small>建议尺寸：900像素 * 500像素</small></div>
<div class="upload-video-screen">
<input type="file">
<i class="icon-image"></i>上传缩略图
<img src="img/avatar.jpg">
<span>
<i class="icon-image"></i>上传缩略图
</span>
</div>
</div>
......@@ -176,7 +182,7 @@
<script src='http://codepen.io/assets/libs/fullpage/jquery.js'></script>
<script src="js/index.js"></script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment