diff --git a/readme.md b/readme.md index 2c0e546..b0850bf 100644 --- a/readme.md +++ b/readme.md @@ -9,7 +9,7 @@ Theme Material Design for Classic Series(对默认主题的MD风格小优化,有对页宽度、按钮外观等的适配调整): [tfo_mdtr.php](/theme/tfo_mdtr.php "tfo_mdtr.php")(Transparent Material Design), [tfo_md.php](/theme/tfo_md.php "tfo_md.php")(Material Design), [tfo_mdtr_baw.php](/theme/tfo_mdtr_baw.php "tfo_mdtr_baw.php")(Black & White Material Design for Tomb-Sweeping Day) (All based on classic.php,latest at 2020.5.1) -具体地,您可以下载/复制体验一下或参考示例中运用tfo_mdtr.php的[Li Share Storage Mini](https://tfo.herokuapp.com/ "Li Share Storage Mini")。需要注意:以上系列主题**默认隐藏多盘和右上角语言框**,请谨慎使用!若强迫开启多盘,可以自行定位修改#L107左右more-disk前几行位置去掉display:none !important字符。目前,主题仍存在诸多问题,请谅解。PS:主题**将要实现**的功能有背景模糊/标题随机赋色适应背景图片等,敬请期待... +具体地,您可以下载/复制体验一下或参考示例中运用tfo_mdtr.php的[Li Share Storage Mini](https://tfo.herokuapp.com/ "Li Share Storage Mini")。需要注意:以上系列主题**默认隐藏多盘和右上角语言框**,请谨慎使用!若强迫开启多盘,可以自行定位修改#L107左右more-disk前几行位置去掉display:none !important字符。目前,主题仍存在诸多问题,请谅解。PS:主题**将要实现**的功能有背景模糊等,敬请期待... Original: diff --git a/theme/tfo_md.php b/theme/tfo_md.php index 753f634..ad105a8 100644 --- a/theme/tfo_md.php +++ b/theme/tfo_md.php @@ -17,8 +17,8 @@ input:hover{background:rgb(3,102,214);color:#FFF;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);} textarea{font-weight:bold;border:1px solid rgba(27,31,35,1);transition-duration: 0.3s;border-radius:6px;background-color:transparent;color:#24292e} textarea:hover{background:rgb(3,102,214);color:#FFF;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);} - .changelanguage{position:absolute;right:5px;} - .title{text-align:center;margin-top:1rem;letter-spacing:2px;margin-bottom:2rem} + .changelanguage{position:absolute;right:5px;} + .title{border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15);text-align:center;letter-spacing:1px;height: 10px;margin:1rem auto;border:0 none;padding: 16px 16px;text-align:center;background-color:rgba(245,245,245);white-space:nowrap;overflow:hidden;width:fit-content;border-radius:36px;} .title a{color:#24292e;text-decoration:none} .list-wrapper{width:88%;margin:0 auto 10px;position:relative;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);border-radius:6px;} .list-container{position:relative;overflow:hidden;border-radius:6px} @@ -29,8 +29,8 @@ .list-body-container{position:relative;left:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;background:rgba(245,245,245,1)} .more-disk{margin:0;border:0 none;padding:18px 18px;text-align:center;font-weight:400;color:#000;background-color:rgb(245,245,245);white-space:nowrap;overflow:auto;} .more-disk a{border:1px solid rgba(27,31,35,0);font-weight:bold;margin:0 2px;padding:5px;transition-duration: 0.3s;border-radius: 18px;background-color:transparent;color: #24292e} - .more-disk a:hover, .more-disk a[now]{color:#FFF;background:rgb(3,102,214);border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15)} - .list-table{width:100%;padding:0 20px 20px 20px;border-spacing:0} + .more-disk a:hover, .more-disk a[now]{color:#FFF;background:rgba(245,245,245);border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15)} + .list-table{width:100%;padding:0 20px 20px 20px;border-spacing:0;overflow:hidden} .list-table tr{height:32px;float:left;width:100%;transition-duration: 0.3s;border-radius:16px} .list-table tr[data-to]:hover{background:rgb(3,102,214);color:white;box-shadow:0 1px 15px rgba(27,31,35,.15)} .list-table tr[data-to]:hover a{color:white} @@ -69,7 +69,16 @@ echo ''; diff --git a/theme/tfo_mdtr.php b/theme/tfo_mdtr.php index 924bc9d..84076ba 100644 --- a/theme/tfo_mdtr.php +++ b/theme/tfo_mdtr.php @@ -18,7 +18,7 @@ textarea{font-weight:bold;border:1px solid rgba(27,31,35,0);transition-duration: 0.3s;border-radius:6px;background-color:transparent;color:#24292e} textarea:hover{background:rgb(3,102,214);color:#FFF;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);} .changelanguage{position:absolute;right:5px;} - .title{text-align:center;margin-top:1rem;letter-spacing:2px;margin-bottom:2rem} + .title{border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15);text-align:center;letter-spacing:1px;height: 10px;margin:1rem auto;border:0 none;padding: 16px 16px;text-align:center;background-color:rgba(245,245,245,0.8);white-space:nowrap;overflow:hidden;width:fit-content;border-radius:36px;} .title a{color:#24292e;text-decoration:none} .list-wrapper{width:88%;margin:0 auto 10px;position:relative;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);border-radius:6px;} .list-container{position:relative;overflow:hidden;border-radius:6px} @@ -29,8 +29,8 @@ .list-body-container{position:relative;left:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;background:rgba(245,245,245,0.3)} .more-disk{margin:0;border:0 none;padding:18px 18px;text-align:center;font-weight:400;color:#000;background-color:rgba(245,245,245,0.3);white-space:nowrap;overflow:auto;} .more-disk a{border:1px solid rgba(27,31,35,0);font-weight:bold;margin:0 2px;padding:5px;transition-duration: 0.3s;border-radius: 18px;background-color:transparent;color: #24292e} - .more-disk a:hover, .more-disk a[now]{color:#FFF;background:rgb(3,102,214);border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15)} - .list-table{width:100%;padding:0 20px 20px 20px;border-spacing:0} + .more-disk a:hover, .more-disk a[now]{color:#FFF;background:rgba(245,245,245,0.6);border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15)} + .list-table{width:100%;padding:0 20px 20px 20px;border-spacing:0;overflow:hidden} .list-table tr{height:32px;float:left;width:100%;transition-duration: 0.3s;border-radius:16px} .list-table tr[data-to]:hover{background:rgb(3,102,214);color:white;box-shadow:0 1px 15px rgba(27,31,35,.15)} .list-table tr[data-to]:hover a{color:white} @@ -68,7 +68,16 @@ echo ''; diff --git a/theme/tfo_mdtr_baw.php b/theme/tfo_mdtr_baw.php index 5f599b1..4b6f0cd 100644 --- a/theme/tfo_mdtr_baw.php +++ b/theme/tfo_mdtr_baw.php @@ -19,7 +19,7 @@ textarea{font-weight:bold;border:1px solid rgba(27,31,35,0);transition-duration: 0.3s;border-radius:6px;background-color:transparent;color:#24292e} textarea:hover{background:rgb(3,102,214);color:#FFF;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);} .changelanguage{position:absolute;right:5px;} - .title{text-align:center;margin-top:1rem;letter-spacing:2px;margin-bottom:2rem} + .title{border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15);text-align:center;letter-spacing:1px;height: 10px;margin:1rem auto;border:0 none;padding: 16px 16px;text-align:center;background-color:rgba(245,245,245,0.8);white-space:nowrap;overflow:hidden;width:fit-content;border-radius:36px;} .title a{color:#24292e;text-decoration:none} .list-wrapper{width:88%;margin:0 auto 10px;position:relative;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);border-radius:6px;} .list-container{position:relative;overflow:hidden;border-radius:6px} @@ -30,8 +30,8 @@ .list-body-container{position:relative;left:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;background:rgba(245,245,245,0.3)} .more-disk{margin:0;border:0 none;padding:18px 18px;text-align:center;font-weight:400;color:#000;background-color:rgba(245,245,245,0.3);white-space:nowrap;overflow:auto;} .more-disk a{border:1px solid rgba(27,31,35,0);font-weight:bold;margin:0 2px;padding:5px;transition-duration: 0.3s;border-radius: 18px;background-color:transparent;color: #24292e} - .more-disk a:hover, .more-disk a[now]{color:#FFF;background:rgb(3,102,214);border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15)} - .list-table{width:100%;padding:0 20px 20px 20px;border-spacing:0} + .more-disk a:hover, .more-disk a[now]{color:#FFF;background:rgba(245,245,245,0.6);border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15)} + .list-table{width:100%;padding:0 20px 20px 20px;border-spacing:0;overflow:hidden} .list-table tr{height:32px;float:left;width:100%;transition-duration: 0.3s;border-radius:16px} .list-table tr[data-to]:hover{background:rgb(3,102,214);color:white;box-shadow:0 1px 15px rgba(27,31,35,.15)} .list-table tr[data-to]:hover a{color:white} @@ -68,7 +68,16 @@ echo '';