diff --git a/header.php b/header.php index 816ccea..ad69f4a 100644 --- a/header.php +++ b/header.php @@ -25,7 +25,7 @@ - options->mdrCornertool) { ?> + options->mdrCornertool): ?> - - options->DarkMode): ?> - diff --git a/mdr.css b/mdr.css index 02ce4be..18d742b 100644 --- a/mdr.css +++ b/mdr.css @@ -9,15 +9,19 @@ table { border-radius: 2px; border-spacing: 0; border-collapse: separate; - border: 1px solid rgba(0,0,0,.12); - border-bottom: none; - border-right: none + border: 1px solid rgba(0,0,0,.12) } table td, table th { padding:6px 13px; border-bottom: 1px solid rgba(0,0,0,.12); border-right: 1px solid rgba(0,0,0,.12) } +table tr th:last-child, table tr td:last-child { + border-right: none +} +table tr:last-child td { + border-bottom: none +} .mdui-theme-layout-dark table, .mdui-theme-layout-dark table td, .mdui-theme-layout-dark table th { border-color: rgba(255,255,255,.12); } @@ -69,8 +73,7 @@ button, input[type=submit] { button, input[type=submit], .menu-parent a { cursor:pointer } - -/** Scrollbar **/ +/* Scrollbar */ body::-webkit-scrollbar { width: 8px; height: 8px; @@ -97,6 +100,9 @@ body.mdui-theme-layout-dark::-webkit-scrollbar-thumb { .avatar { border-radius: 50% } +#post img, #post video, .comment-content img, .comment-content video, .whisper img, .whisper video { + max-width: 100% +} /* Pray */ html.pray { -webkit-filter: grayscale(100%); @@ -122,6 +128,34 @@ html { } /** Widget **/ +/* Sidebar */ +.widget { + margin-bottom: 30px; + padding-left: 16px; + padding-right: 16px; + white-space: normal!important +} +.widget-list li { + margin: 5px 0; + line-height: 1.6 +} +.widget-list, .widget-tile { + list-style: none; + padding: 0 +} +.widget-list li ul { + margin-left: 15px +} +.widget-tile { + margin-left: -5px; + margin-right: -5px +} +.widget-tile li { + display: inline-block; + margin: 5px; + line-height: 1.6; + color:#666 +} /* SidebarFix */ @media(min-width: 1024px){ .mdui-drawer#mdrDrawerR.fixed { diff --git a/style.css b/style.css index fef773e..1d6a2f2 100644 --- a/style.css +++ b/style.css @@ -134,7 +134,7 @@ background:#444; border:0 } -.whisper .post-title a, .post-content .links a { +.whisper .post-title a { transition:.3s; -webkit-transition:.3s } @@ -156,9 +156,6 @@ line-height:1.5; word-wrap:break-word } -.post-content img, .post-content video, .comment-content img, .comment-content video, .whisper img, .whisper video { - max-width:100% -} .post-content hr, .comment-content hr { margin:2em auto; width:100px; @@ -265,33 +262,10 @@ .more { margin-bottom:0 } -.widget { - margin-bottom:30px; - padding-left:16px; - padding-right:16px; - white-space:normal!important; -} -.widget-list, .widget-tile, .links { - list-style:none; - padding:0 -} -.widget-list li, #catalog-col li { +#catalog-col li { margin:5px 0; line-height:1.6 } -.widget-list li ul { - margin-left:15px -} -.widget-tile { - margin-left:-5px; - margin-right:-5px -} -.widget-tile li { - display:inline-block; - margin:5px; - line-height:1.6; - color:#666 -} #footer { font-size:.875em; padding:2em 0; @@ -299,31 +273,9 @@ text-align:center; border-top:1px solid #eee } -#footer, #footer .links a, .icpnum { +#footer, .icpnum { color:#999 } -.post-content .links { - letter-spacing:-9em -} -.post-content .links li { - display:inline-block; - width:33.33333333333%; - letter-spacing:0 -} -.post-content .links a { - display:block; - margin:5px 10px; - padding:5px 10px; - text-align:center; - color:#444; - background:#fcfcfc; -} -.post-content .links a:hover { - box-shadow:0 2px 5px rgba(0, 0, 0, .3) -} -.post-content .links .l_logo { - padding-left:40px -} .l_logo img, .l_logo i { position:absolute; top:0; @@ -337,14 +289,6 @@ .l_logo i { font:16px/1 Segoe UI Symbol } -#footer .links { - margin:0; - text-align:center -} -#footer .links li { - display:inline-block; - margin:0 3px 2px -} #music span { position:absolute; display:block; @@ -372,9 +316,6 @@ transform:rotate(30deg); -webkit-transform:rotate(30deg) } -#archives li { - margin:5px 0 -} @media(min-width:601px) { .menu-parent .menu-parent .menu-child { top:5px; @@ -418,9 +359,6 @@ .menu-parent .menu-parent .menu-child:before { border-bottom:7px solid rgba(221, 221, 221, .95) } - .post-content .links li { - width:50% - } .comment-form .textarea { width:58% } @@ -428,14 +366,39 @@ width:40% } } -@media(max-width:420px) { - .post-content .links li { - width:100% - } -} .comment-body, .respond #textarea, .textbutton, .thumb img, .mdui-typo img, .avatar, .notie, .l_logo i { box-shadow:0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) } .textbutton, .l_logo i { border-radius:3px +} + +/* Dark mode */ +.mdui-theme-layout-dark .post-meta li { + border-left: 1px solid #444; +} +.mdui-theme-layout-dark .post-content .more a, .mdui-theme-layout-dark .post-meta, .mdui-theme-layout-dark .widget-tile li, .mdui-theme-layout-dark .mdui-row a { + color: #aaa; +} +.mdui-theme-layout-dark blockquote { + background: none; + color: #fff; +} +.mdui-theme-layout-dark .textbutton { + box-shadow: none; +} +.mdui-theme-layout-dark .textbutton input, .mdui-theme-layout-dark .respond #textarea { + background: #424242; + box-shadow: none; + border: none; + color: #fff; +} +.mdui-theme-layout-dark .comment-list li, .mdui-theme-layout-dark .whisper .comment-list li, .mdui-theme-layout-dark .comment-list .respond { + border-color: #424242; +} +.mdui-theme-layout-dark .whisper .comment-child { + background: none; +} +.mdui-theme-layout-dark .whisper .comment-body, .mdui-theme-layout-dark .whisper .comment-list li.comment-parent { + border: 1px solid #424242; } \ No newline at end of file