www.gusucode.com > HadSky PHP轻论坛系统源码 v2.4.2源码程序 > ytqlt_v2.4.2.0701/template/mb1/css/www.hadsky.com.css
/* 名称:有天轻博客PHP版 CSS 作者:puyuetian QQ:632827168 官网:www.hadsky.com */ .blog-topbar, .blog-container, .blog-footer { font-family: "microsoft yahei"; } .blog-body-left { overflow: hidden; } @media screen and (min-width: 1000px) { .blog-container { margin: 0 auto; width: 980px; } .blog-body-left { width: 740px; float: left; padding-right: 60px; } .blog-body-right { width: 240px; float: right; } } @media screen and (max-width: 1000px) { .blog-container { width: 100%; } .blog-body-left { width: 100%; } .blog-body-right { display: none; } } .blog-topbar { background-color: #428bca; width: 100%; padding: 4px 10px; display: block; } .blog-logotext { font-size: 56px; color: #333; margin-top: 30px; } .blog-nowdatetime { float: left; width: 50%; color: white; font-size: 12px; padding: 0; } .blog-loginbar { float: right; width: 50%; text-align: right; color: white; font-size: 12px; color: white; } .blog-loginbar a { color: white; } .blog-quotes { vertical-align: super; color: #999; font-size: 14px; padding: 0 0 60px 10px; } .blog-author { width: 100%; background-color: #f5f5f5; padding: 20px; font-size: 13px; border-radius: 5px; } .blog-author .header { font-size: 15px; color: #555; font-weight: bold; text-align: center; padding-bottom: 4px; } .blog-author .authorhead img { width: 100%; height: 120px; border: solid 1px lightgray; } .blog-author .authorinfo { padding-top: 4px; } .blog-author .authorinfo .row { display: block; } .blog-author .authorinfo .row .sm-4 { float: left; text-align: right; width: 40%; border-right: solid 1px #EEEEEE; padding-right: 5px; } .blog-author .authorinfo .row .sm-6 { float: right; text-align: left; width: 60%; border-left: solid 1px #DDDDDD; padding-left: 5px; } .blog-author .authorinfo .row .sm-4, .blog-author .authorinfo .row .sm-6 { white-space: nowrap; overflow: hidden; } .blog-timeline, .blog-neighbor { padding: 20px; font-size: 13px; } .blog-timeline .header, .blog-neighbor .header { font-size: 15px; color: #33629A; font-weight: bold; text-align: left; padding-bottom: 4px; border-bottom: solid 1px #F5F5F5; margin-bottom: 4px; } .blog-timeline .timeline a { display: list-item; } .blog-neighbor .neighbor a { display: block; } .blog-footer { padding: 40px 0; color: #999; text-align: center; background-color: #f9f9f9; border-top: 1px solid #e5e5e5; font-size: 12px; } .blog-footer a { color: #999; } .blog-list-2 { margin-bottom: 40px; border-bottom: solid 1px lightgray; } .blog-list-2 h2 { font-size: 40px; font-weight: normal; margin-bottom: 5px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .blog-list-2 h2 .super { vertical-align: super; color: #999; font-size: 24px; cursor: pointer; } .blog-list-2 .meta { margin-bottom: 20px; color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; } .blog-list-2 .content { color: #555555; line-height: 1.5; font-size: 14px; overflow: hidden; word-break: break-all; } .blog-list-2 .comments { border-left: solid 4px lightgray; } .blog-list-2 .footer { padding-top: 40px; padding-bottom: 2px; text-align: right; } .blog-list-2 .footer a { font-size: 12px; color: #999; } .downloada { display: block; height: 38px; line-height: 32px; padding-left: 40px; border: solid 3px #E9EBF0; color: #105cb6; font-weight: bold; font-size: 16px; background: url(../../default/images/zip.png); background-repeat: no-repeat; background-size: 25px 25px; background-position-y: 3px; background-position-x: 7px; white-space: nowrap; overflow: hidden; }