filesite
/
machete
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

css improve

master
filesite 1 year ago
parent
e5980d487d
commit
0a6b148cca
2 changed files with 40 additions and 40 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      themes/tajian/views/site/index.php
  2. 78
      www/css/videoblog.css

2
themes/tajian/views/site/index.php
Unescape View File

@ -70,7 +70,7 @@ eof;
} }
$snapshot = !empty($file['cover']) ? $imgPreffix . $file['cover'] : '/img/default.png'; $snapshot = !empty($file['cover']) ? $imgPreffix . $file['cover'] : '/img/default.png';
$title = !empty($file['title']) ? Html::mb_substr($file['title'], 0, 50, 'utf-8') : $file['filename']; $title = !empty($file['title']) ? Html::mb_substr($file['title'], 0, 33, 'utf-8') : $file['filename'];
$platform = Html::getShareVideosPlatform($file['shortcut']['url']); $platform = Html::getShareVideosPlatform($file['shortcut']['url']);

78
www/css/videoblog.css
Unescape View File

@ -1,34 +1,34 @@
/* for theme VideoBlog */ /* for theme VideoBlog */
body{background-color:#202124;color: #e8eaed;font-family: Roboto,HelveticaNeue,Arial,sans-serif;font-size: small;margin: 0} body{background-color:#202124;color:#e8eaed;font-family:Roboto,HelveticaNeue,Arial,sans-serif;font-size:small;margin:0}
a{color: #aaadb2;text-decoration: none} a{color:#aaadb2;text-decoration:none}
.header{padding:10px 10px 0 10px;position: relative;} .header{padding:10px 10px 0 10px;position:relative}
.header .logo{display: inline-block;margin:10px 10px 6px 10px;font-size: 1.86em;color: #e8eaed} .header .logo{display:inline-block;margin:10px 10px 6px 10px;font-size:1.86em;color:#e8eaed}
.header .logo img{vertical-align: middle;} .header .logo img{vertical-align:middle}
.menu{max-width: 80%;white-space: nowrap;overflow-x:auto;overflow-y: hidden;margin: 0 auto;font-size:18px} .menu{max-width:80%;white-space:nowrap;overflow-x:auto;overflow-y:hidden;margin:0 auto;font-size:18px}
.menu a{display: inline-block;line-height:1;margin: 0 1px;padding: 16px 12px 12px 10px;text-align: center} .menu a{display:inline-block;line-height:1;margin:0 1px;padding:16px 12px 12px 10px;text-align:center}
.menu .selected{color: #8ab4f8;border-bottom: 3px solid #8ab4f8;padding: 20px 12px 11px 10px;} .menu .selected{color:#8ab4f8;border-bottom:3px solid #8ab4f8;padding:20px 12px 11px 10px}
.hr{border-bottom: solid 1px #3c4043;margin-bottom: 11px} .hr{border-bottom:solid 1px #3c4043;margin-bottom:11px}
.about{display: block;position: absolute;right: 10px;top: 14px;width: 24px;height: 24px;padding: 8px;border-radius: 50%} .about{display:block;position:absolute;right:10px;top:14px;width:24px;height:24px;padding:8px;border-radius:50%}
.about:hover{background-color: #303134} .about:hover{background-color:#303134}
.about svg{fill: currentColor;cursor: pointer;} .about svg{fill:currentColor;cursor:pointer}
.modal-mask{display: none;background: rgba(0,0,0,.6);position: fixed;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;z-index: 9000;} .modal-mask{display:none;background:rgba(0,0,0,.6);position:fixed;left:0;right:0;top:0;bottom:0;overflow:hidden;z-index:9000}
.modal-about{background: #202124;bottom: 0;overflow-y: auto;position: fixed;right: 0px;top: 0;width: 360px;max-width: 100%;} .modal-about{background:#202124;bottom:0;overflow-y:auto;position:fixed;right:0px;top:0;width:360px;max-width:100%}
.modal-about h3{color: #e8eaed;font-size: 24px;font-weight: 300;margin-top: 0;margin-bottom: 20px;text-align: left;} .modal-about h3{color:#e8eaed;font-size:24px;font-weight:300;margin-top:0;margin-bottom:20px;text-align:left}
.modal-about .modal-head{padding: 20px 24px 0 24px} .modal-about .modal-head{padding:20px 24px 0 24px}
.modal-about .btn-close{color: #9aa0a6;cursor: pointer;display: block;float: right;position: relative;top: -45px;} .modal-about .btn-close{color:#9aa0a6;cursor:pointer;display:block;float:right;position:relative;top:-45px}
.modal-about .btn-close svg{fill: currentColor;flex-shrink: 0;} .modal-about .btn-close svg{fill:currentColor;flex-shrink:0}
.modal-body{padding: 10px;background-color: inherit;} .modal-body{padding:10px;background-color:inherit}
.modal-about .modal-body h1{display: none;} .modal-about .modal-body h1{display:none}
.breadcrumbs{padding-left: 1.5em;padding-bottom: 10px;} .breadcrumbs{padding-left:1.5em;padding-bottom:10px}
.content{padding: 20px 10px} .content{padding:20px 10px}
.img-item{display: inline-block;margin-left: 10px;margin-right: 10px;margin-bottom: 20px;cursor: pointer;max-width: 250px} .img-item{display:inline-block;margin-left:10px;margin-right:10px;margin-bottom:20px;cursor:pointer;max-width:250px}
.img-item img{height: 180px;width: 100% !important;object-fit: cover;} .img-item img{height:180px;width:100% !important;object-fit:cover}
.img-item strong{display: block;color: #bdc1c6;font-family: Roboto,Arial,sans-serif;font-size: 12px;letter-spacing: .2px;line-height: 20px;overflow: hidden;text-overflow: ellipsis} .img-item strong{display:block;color:#bdc1c6;font-family:Roboto,Arial,sans-serif;font-size:12px;letter-spacing:.2px;line-height:20px;overflow:hidden;text-overflow:ellipsis}
.img-item .img-con{display:block;position: relative;width: 100%;height: auto;text-align:center} .img-item .img-con{display:block;position:relative;width:100%;height:auto;text-align:center}
.img-item .duration{display: block;position: absolute;right: 2px;bottom: 5px;background-color: #000;opacity: 0.6;padding: 1px 3px;color: #FFF;border-radius:3px;font-weight: bold;} .img-item .duration{display:block;position:absolute;right:2px;bottom:5px;background-color:#000;opacity:0.6;padding:1px 3px;color:#FFF;border-radius:3px;font-weight:bold}
.img-item:hover .vjs-big-play-button{display: inherit !important} .img-item:hover .vjs-big-play-button{display:inherit !important}
.catedesc{padding: 0 10px} .catedesc{padding:0 10px}
.cateinfo{margin-bottom: 1em;padding: 5px 10px 10px 10px} .cateinfo{margin-bottom:1em;padding:5px 10px 10px 10px}
.form-controll{padding:5px} .form-controll{padding:5px}
.txt-input{min-width:60%} .txt-input{min-width:60%}
@ -37,19 +37,19 @@ a{color: #aaadb2;text-decoration: none}
/* for mobile */ /* for mobile */
@media only screen and (max-width: 767px) { @media only screen and (max-width:767px) {
.menu{max-width:96%;font-size: 15px} .menu{max-width:96%;font-size:15px}
.img-item{margin-left: 0;width: 48%;margin-right: 5px} .img-item{margin-left:0;width:48%;margin-right:5px}
.img-item strong{font-size: 14px;} .img-item strong{font-size:14px}
.txt-input{min-width:50%} .txt-input{min-width:50%}
} }
@media only screen and (max-width: 359px) { @media only screen and (max-width:359px) {
.img-item{margin-left: 0;width: 100%;margin-right: 5px} .img-item{margin-left:0;width:100%;margin-right:5px}
} }
/* for pad */ /* for pad */
@media only screen and (min-width: 768px) and (max-width: 1024px) { @media only screen and (min-width:768px) and (max-width:1024px) {
.img-item{max-width: 226px} .img-item{max-width:226px}
.img-item strong{font-size: 13px;} .img-item strong{font-size:13px}
} }

Write Preview
Loading…
Cancel
Save