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 { ...@@ -778,14 +778,14 @@ textarea.input-r-control {
.upload-video-screen { .upload-video-screen {
position: relative; position: relative;
height: 44px; height: 166px;
line-height: 44px; line-height: 166px;
width: 200px; width: 300px;
border-radius: 3px; border-radius: 3px;
border: 1px solid #e7e7e7;
margin-top: 10px; margin-top: 10px;
text-align: center; text-align: center;
color: #999; color: #999;
border: 1px solid #f3f3f3;
} }
.upload-video-screen i { .upload-video-screen i {
padding-right: 5px; padding-right: 5px;
...@@ -794,17 +794,36 @@ textarea.input-r-control { ...@@ -794,17 +794,36 @@ textarea.input-r-control {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
height: 44px; height: 166px;
width: 200px; width: 300px;
border-radius: 3px; border-radius: 3px;
opacity: 0; opacity: 0;
cursor: pointer; cursor: pointer;
z-index: 4;
} }
.upload-video-screen:hover { .upload-video-screen span {
border: 1px solid #4285f4; position: absolute;
color: #4285f4; 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 { ...@@ -36,16 +36,40 @@ a,a:hover,a:link {
display: block; 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 { .z-m-center {
text-align: center; text-align: center;
margin-top: 40px;
} }
.z-m-center > p { .z-m-center > p {
font-size: 12px; font-size: 12px;
padding: 0 0 20px;
color: #999; color: #999;
} }
.v-geetest {
width: 300px;
margin: 20px auto;
}
.tab-a ul,li , .tab-a ul,li ,
...@@ -160,6 +184,19 @@ a,a:hover,a:link { ...@@ -160,6 +184,19 @@ a,a:hover,a:link {
color: #2a6496; 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 { .foot-reg-btn {
margin-top: 20px; margin-top: 20px;
} }
......
ui/html/css/main.css
View file @ 2b8166af
...@@ -7,14 +7,14 @@ a,a:hover,a:link { ...@@ -7,14 +7,14 @@ a,a:hover,a:link {
text-decoration: none; text-decoration: none;
} }
/*font*/ /*icomoon*/
@font-face { @font-face {
font-family: 'icomoon'; font-family: 'icomoon';
src: url('../fonts/icomoon.eot?uyryw3'); src: url('../fonts/icomoon.eot?lylu0j');
src: url('../fonts/icomoon.eot?uyryw3#iefix') format('embedded-opentype'), src: url('../fonts/icomoon.eot?lylu0j#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?uyryw3') format('truetype'), url('../fonts/icomoon.ttf?lylu0j') format('truetype'),
url('../fonts/icomoon.woff?uyryw3') format('woff'), url('../fonts/icomoon.woff?lylu0j') format('woff'),
url('../fonts/icomoon.svg?uyryw3#icomoon') format('svg'); url('../fonts/icomoon.svg?lylu0j#icomoon') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
...@@ -34,6 +34,12 @@ a,a:hover,a:link { ...@@ -34,6 +34,12 @@ a,a:hover,a:link {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-jian:before {
content: "\e906";
}
.icon-shen:before {
content: "\e907";
}
.icon-comment-empty:before { .icon-comment-empty:before {
content: "\e900"; content: "\e900";
} }
...@@ -52,6 +58,198 @@ a,a:hover,a:link { ...@@ -52,6 +58,198 @@ a,a:hover,a:link {
.icon-zan-full:before { .icon-zan-full:before {
content: "\e905"; 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 { .navbar-main {
background-color: #fff; background-color: #fff;
...@@ -276,26 +474,26 @@ a,a:hover,a:link { ...@@ -276,26 +474,26 @@ a,a:hover,a:link {
top: 0; top: 0;
} }
.post-icons { .post-icons {
width: 25px; width: 25px!important;
height: 22px; height: 22px!important;
float: left; float: left!important;
margin-left: 16px; margin-left: 16px!important;
background: url(../img/share_tit.png) no-repeat; background: url(../img/share_tit.png) no-repeat!important;
} }
.weibo { .weibo {
background-position: -25px 0; background-position: -25px 0!important;
} }
.qzone { .qzone {
background-position: -50px 0; background-position: -50px 0!important;
} }
.weibo:hover { .weibo:hover {
background-position: -25px -22px; background-position: -25px -22px!important;
} }
.qzone:hover { .qzone:hover {
background-position: -50px -22px; background-position: -50px -22px!important;
} }
.wechat:hover { .wechat:hover {
background-position: 0 -22px; background-position: 0 -22px!important;
} }
.video-detail-info { .video-detail-info {
...@@ -332,12 +530,9 @@ a,a:hover,a:link { ...@@ -332,12 +530,9 @@ a,a:hover,a:link {
color: #999; color: #999;
} }
.video-sm-info { .video-sm-info {
position: absolute;
height: 80px; height: 80px;
line-height: 80px; line-height: 80px;
right: 15px; padding-right: 30px;
top: 0;
} }
.video-sm-info a { .video-sm-info a {
display: inline-block; display: inline-block;
...@@ -398,6 +593,7 @@ a,a:hover,a:link { ...@@ -398,6 +593,7 @@ a,a:hover,a:link {
text-align: center; text-align: center;
line-height: 100px; line-height: 100px;
border: 1px solid #e5e6e8; border: 1px solid #e5e6e8;
margin-bottom: 20px;
} }
.comment-box { .comment-box {
position: relative; position: relative;
...@@ -537,4 +733,60 @@ a,a:hover,a:link { ...@@ -537,4 +733,60 @@ a,a:hover,a:link {
.qrcode-img > p { .qrcode-img > p {
margin-top: 5px; margin-top: 5px;
color: #999; 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 { ...@@ -231,6 +231,12 @@ i, em {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-jian:before {
content: "\e906";
}
.icon-shen:before {
content: "\e907";
}
.icon-comment-empty:before { .icon-comment-empty:before {
content: "\e900"; content: "\e900";
} }
...@@ -291,11 +297,11 @@ i, em { ...@@ -291,11 +297,11 @@ i, em {
.icon-crop_original:before { .icon-crop_original:before {
content: "\e3c4"; content: "\e3c4";
} }
.icon-favorite:before { .icon-expand_less:before {
content: "\e87d"; content: "\e5ce";
} }
.icon-favorite_border:before { .icon-expand_more:before {
content: "\e87e"; content: "\e5cf";
} }
.icon-fingerprint:before { .icon-fingerprint:before {
content: "\e90d"; content: "\e90d";
...@@ -303,12 +309,36 @@ i, em { ...@@ -303,12 +309,36 @@ i, em {
.icon-ondemand_video:before { .icon-ondemand_video:before {
content: "\e63a"; content: "\e63a";
} }
.icon-person_pin:before {
content: "\e55a";
}
.icon-play_circle_outline:before {
content: "\e039";
}
.icon-power_settings_new:before { .icon-power_settings_new:before {
content: "\e8ac"; content: "\e8ac";
} }
.icon-visibility:before {
content: "\e8f4";
}
.icon-school:before {
content: "\e80c";
}
.icon-shop:before {
content: "\e8c9";
}
.icon-slideshow:before { .icon-slideshow:before {
content: "\e41b"; content: "\e41b";
} }
.icon-textsms:before {
content: "\e0d8";
}
.icon-stars:before {
content: "\e8d0";
}
.icon-thumb_up:before {
content: "\e8dc";
}
.icon-verified_user:before { .icon-verified_user:before {
content: "\e8e8"; content: "\e8e8";
} }
...@@ -416,4 +446,4 @@ i, em { ...@@ -416,4 +446,4 @@ i, em {
} }
.icon-menu:before { .icon-menu:before {
content: "\e120"; content: "\e120";
} }
\ No newline at end of file
ui/html/css/style.css
View file @ 2b8166af
...@@ -111,7 +111,7 @@ html { ...@@ -111,7 +111,7 @@ html {
-----------------------------*/ -----------------------------*/
.submenu { .submenu {
width: 100%; width: 100%;
display: none; /*display: none;*/
font-size: 14px; font-size: 14px;
} }
...@@ -290,6 +290,8 @@ html { ...@@ -290,6 +290,8 @@ html {
} }
/*teacher list*/ /*teacher list*/
.teacher-box { .teacher-box {
position: relative; position: relative;
...@@ -298,6 +300,7 @@ html { ...@@ -298,6 +300,7 @@ html {
height: 300px; height: 300px;
margin: 0 10px 40px 10px; margin: 0 10px 40px 10px;
text-align: center; text-align: center;
overflow: hidden;
} }
.teacher-box > img { .teacher-box > img {
margin-top: 100px; margin-top: 100px;
...@@ -344,6 +347,7 @@ html { ...@@ -344,6 +347,7 @@ html {
-webkit-transition: all 0.4s ease; -webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease; -o-transition: all 0.4s ease;
transition: all 0.4s ease; transition: all 0.4s ease;
word-break:break-all;
} }
.teacher-box:hover > img { .teacher-box:hover > img {
margin-top: 50px; margin-top: 50px;
...@@ -774,14 +778,14 @@ textarea.input-r-control { ...@@ -774,14 +778,14 @@ textarea.input-r-control {
.upload-video-screen { .upload-video-screen {
position: relative; position: relative;
height: 44px; height: 166px;
line-height: 44px; line-height: 166px;
width: 200px; width: 300px;
border-radius: 3px; border-radius: 3px;
border: 1px solid #e7e7e7;
margin-top: 10px; margin-top: 10px;
text-align: center; text-align: center;
color: #999; color: #999;
border: 1px solid #f3f3f3;
} }
.upload-video-screen i { .upload-video-screen i {
padding-right: 5px; padding-right: 5px;
...@@ -790,17 +794,36 @@ textarea.input-r-control { ...@@ -790,17 +794,36 @@ textarea.input-r-control {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
height: 44px; height: 166px;
width: 200px; width: 300px;
border-radius: 3px; border-radius: 3px;
opacity: 0; opacity: 0;
cursor: pointer; cursor: pointer;
z-index: 4;
} }
.upload-video-screen:hover { .upload-video-screen span {
border: 1px solid #4285f4; position: absolute;
color: #4285f4; 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 { ...@@ -1022,8 +1045,6 @@ textarea.input-r-control {
border-radius: 100%; border-radius: 100%;
margin-right: 10px; margin-right: 10px;
} }
.v-code-box { .v-code-box {
position: relative; position: relative;
} }
...@@ -1085,7 +1106,7 @@ textarea.input-r-control { ...@@ -1085,7 +1106,7 @@ textarea.input-r-control {
margin-left: 10px; margin-left: 10px;
} }
.sm-box { .sm-box {
height: 320px; height: 400px;
} }
.sm-box .price { .sm-box .price {
height: 40px; height: 40px;
...@@ -1150,4 +1171,23 @@ textarea.input-r-control { ...@@ -1150,4 +1171,23 @@ textarea.input-r-control {
.qrcode-img > p { .qrcode-img > p {
margin-top: 5px; margin-top: 5px;
color: #999; 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 @@ ...@@ -61,12 +61,12 @@
<div class="tit">发布课程</div> <div class="tit">发布课程</div>
<div class="cls-part"> <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 个汉字以内..."> <input type="text" class="input-r-control" placeholder="请输入课程标题，20 个汉字以内...">
</div> </div>
<div class="cls-part teacher-list"> <div class="cls-part teacher-list">
<div class="tit">讲师</div> <div class="tit">讲师<span class="remind">请选择讲师！</span></div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
</div> </div>
<div class="cls-part"> <div class="cls-part">
<div class="tit">上传视频</div> <div class="tit">上传视频<span class="remind">请上传视频！</span></div>
<div class="upload-video-btn hide"> <div class="upload-video-btn hide">
<input type="file"> <input type="file">
<i class="icon-play"></i> <i class="icon-play"></i>
...@@ -144,7 +144,13 @@ ...@@ -144,7 +144,13 @@
<div class="tit">缩略图 <small>建议尺寸：900像素 * 500像素</small></div> <div class="tit">缩略图 <small>建议尺寸：900像素 * 500像素</small></div>
<div class="upload-video-screen"> <div class="upload-video-screen">
<input type="file"> <input type="file">
<i class="icon-image"></i>上传缩略图
<img src="img/avatar.jpg">
<span>
<i class="icon-image"></i>上传缩略图
</span>
</div> </div>
</div> </div>
...@@ -176,7 +182,7 @@ ...@@ -176,7 +182,7 @@
<script src='http://codepen.io/assets/libs/fullpage/jquery.js'></script> <script src='http://codepen.io/assets/libs/fullpage/jquery.js'></script>
<script src="js/index.js"></script>
</body> </body>
</html> </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