标签修改
This commit is contained in:
结发受长生
@@ -0,0 +1,38 @@
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(/css/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
|
||||
src: local('Material Icons'),
|
||||
local('MaterialIcons-Regular'),
|
||||
url(/css/fonts/MaterialIcons-Regular.woff2) format('woff2'),
|
||||
url(/css/fonts/MaterialIcons-Regular.woff) format('woff'),
|
||||
url(/css/fonts/MaterialIcons-Regular.ttf) format('truetype');
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px; /* Preferred icon size */
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Support for IE. */
|
||||
font-feature-settings: 'liga';
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
html, body
|
||||
font-family "Roboto", "sans-serif", "微软雅黑", "Helvetica Neue"
|
||||
|
||||
body
|
||||
background-color #f5f5f5
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
|
||||
main
|
||||
flex: 1 0 auto;
|
||||
@@ -0,0 +1,130 @@
|
||||
html
|
||||
color rgba(0, 0, 0, 0.8)
|
||||
|
||||
.container
|
||||
width 700px
|
||||
@media (max-width: 767px)
|
||||
width 90%
|
||||
.row
|
||||
margin-left auto
|
||||
margin-right auto
|
||||
.container.main-container
|
||||
@media (max-width: 767px)
|
||||
width 100%
|
||||
|
||||
// HTML标签样式
|
||||
// 重置materialize中的各种列表样式
|
||||
ul, ol
|
||||
padding-left 20px
|
||||
&.tabs
|
||||
padding-left 0
|
||||
|
||||
ul, ul li
|
||||
list-style-type disc
|
||||
word-break break-word
|
||||
|
||||
nav, .fixed-action-btn
|
||||
ul
|
||||
padding-left 0
|
||||
li
|
||||
list-style-type none
|
||||
|
||||
ul.pagination, ul.collapsible, ul.indicators
|
||||
padding-left 0
|
||||
li
|
||||
list-style-type none
|
||||
|
||||
img
|
||||
max-width 100%
|
||||
padding 4px
|
||||
background-color #F5F5F5
|
||||
border 1px solid #ddd
|
||||
border-radius 4px
|
||||
|
||||
strong
|
||||
font-weight bold
|
||||
|
||||
blockquote
|
||||
background-color rgba(0, 0, 0, 0.03)
|
||||
padding 0.6rem 0.6rem 0.6rem 1.2rem
|
||||
|
||||
// p
|
||||
// margin 0 !important
|
||||
|
||||
table
|
||||
margin-bottom 1.5em
|
||||
|
||||
nav ul
|
||||
a:hover
|
||||
background-color rgba(0, 0, 0, 0)
|
||||
|
||||
nav .brand-logo
|
||||
font-size 1.6rem
|
||||
|
||||
// 侧滑栏样式
|
||||
.side-nav
|
||||
li, a
|
||||
padding 0 15px
|
||||
|
||||
.card
|
||||
margin-top 0
|
||||
|
||||
&.medium
|
||||
height 440px
|
||||
|
||||
.card-content
|
||||
padding 25px 25px 30px
|
||||
|
||||
@media (max-width: 767px)
|
||||
padding-left 15px
|
||||
padding-right 15px
|
||||
|
||||
.card-action
|
||||
padding-left 25px
|
||||
padding-right 25px
|
||||
|
||||
// .card-content p
|
||||
// margin 0.5em 0
|
||||
|
||||
.chip
|
||||
height initial
|
||||
line-height 18px
|
||||
padding 4px 14px
|
||||
color white
|
||||
|
||||
.breadcrumb
|
||||
font-size 1em
|
||||
|
||||
// 图片lightbox点击缩放效果
|
||||
.materialboxed
|
||||
display initial
|
||||
margin-top 10px
|
||||
max-width 100%
|
||||
&.active
|
||||
max-width initial
|
||||
|
||||
.main-container
|
||||
margin-top 30px
|
||||
|
||||
.mt-0
|
||||
margin-top 0
|
||||
|
||||
.collection a.collection-item:not(.active):hover
|
||||
background-color #f5f5f5
|
||||
|
||||
// 撤销card-action中链接会强制变大写的效果
|
||||
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating)
|
||||
text-transform initial
|
||||
|
||||
// 将默认的图标字体换为FontAwesome
|
||||
.breadcrumb:before
|
||||
content "\f105"
|
||||
font-family: FontAwesome
|
||||
|
||||
// FontAwesome
|
||||
.fa
|
||||
margin-right 5px
|
||||
|
||||
// Footer
|
||||
footer.page-footer
|
||||
padding-top inherit
|
||||
@@ -0,0 +1,55 @@
|
||||
/* 字体大小 */
|
||||
normal-font-size = 1em
|
||||
simple-title-font-size = 1.4em
|
||||
page-sub-title-font-size = 1.6em
|
||||
|
||||
/* 颜色 */
|
||||
|
||||
//头部背景颜色
|
||||
color-header-background = #00529c
|
||||
//头部按钮hover背景
|
||||
color-header-button-hover = #3498db
|
||||
//尾部背景颜色
|
||||
color-footer-background = #2c3e50
|
||||
|
||||
//背景
|
||||
color-body = #ecf8ff
|
||||
//正文字体
|
||||
color-font = #333333
|
||||
//文章标题颜色
|
||||
color-title = #1976d2
|
||||
color-title-hover = #42a5f5
|
||||
//文章子标题颜色（h3）
|
||||
color-entry-subtitle = #333
|
||||
//标签背景颜色
|
||||
color-tag = #16a085
|
||||
|
||||
//链接颜色
|
||||
color-a = #1976d2
|
||||
color-a-hover = #42a5f5
|
||||
|
||||
//页面的子标题（如留言，当前所在位置等等）
|
||||
color-page-sub-title = #9b59b6
|
||||
|
||||
//尾部文字颜色
|
||||
color-footer-text = #fff
|
||||
color-footer-a = #9fc9e9
|
||||
color-footer-a-hover = #16a085
|
||||
|
||||
color-link = #069
|
||||
color-strong = #333
|
||||
|
||||
// Font
|
||||
font-default = "Helvetica Neue", "Helvetica", Arial, sans-serif
|
||||
font-serif = "Georgia", serif
|
||||
font-mono = Consolas, "微软雅黑", Monaco, Menlo, Courier New, monospace
|
||||
font-title = "微软雅黑", "Droid Serif", Helvetica Neue, Helvetica, Arial, sans-serif
|
||||
|
||||
// 全局边距
|
||||
header-footer-height-padding = 10px
|
||||
page-padding = 200px
|
||||
body-padding-top = 50px
|
||||
|
||||
// 读书
|
||||
book-width = 150px
|
||||
book-height = 200px
|
||||
Reference in New Issue
Block a user