css Moonlight主题入门CSS
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css Moonlight主题入门CSS相关的知识,希望对你有一定的参考价值。
<style>
/** #b58636 : Links/Buttons **/
/** #000000 : Headings **/
/** #714700 : Hover **/
/** #f7ecc9 : Highlights **/
a:hover, a:focus, a:active{
color: #80ab3a;
}
.submit, .submit:visited, .learnmore, .learnmore:visited, .readmore, .readmore:visited {
background: #a3cf5e;
border: none;
color: #ebebeb;
}
.submit:hover, .submit:focus, .submit:active, .learnmore:hover, .learnmore:focus, .learnmore:active, .readmore:hover, .readmore:focus, .readmore:active {
background: #80ab3a !important;
border: none;
color: #fff;
}
.body-container {
background-color: #ebebeb;
overflow: hidden;
}
hr {
border-top: 1px solid #d8d8d6;
}
.c-fmg-divider {
height: 2px;
background: #cecece;
border-bottom: 1px solid #ffffff;
}
/** Top Bar **/
@media only screen and (max-width: 460px) {
.top-bar a {
color: #694694;
}
}
@media only screen and (max-width: 460px) {
.top-bar .header-phone {
margin-top: 0;
}
}
/** Header **/
header .moonlight-header-logo img {
width: 100%;
}
/** Hero **/
#hero .heroOverlay {
height: 100%;
background-color: rgba(208, 208, 208, 0.75);
padding: 20px 0;
}
/** Navigation **/
.angleDown{
display: inline-block;
}
@media only screen and (min-width: 769px) {
nav#main .container ul li a {
padding: 15px 20px;
}
nav#main .container ul li:hover .dropdown-menu{
top: 50px;
}
nav#main ul .dropdown-menu li a{
padding: 15px 15px 15px 20px !important;
}
}
/** Footer **/
.footer-container {
color: #ddd;
}
footer h4 {
text-decoration: none;
font-weight: 700;
}
footer a, .quickLinks ul a, footer .note a, footer .contact .moonlight-contact-information a{
color: #a3cf5e;
text-decoration: none;
}
footer a:hover, .quickLinks ul a:hover{
color: #80ab3a;
}
</style>
以上是关于css Moonlight主题入门CSS的主要内容,如果未能解决你的问题,请参考以下文章
less快速入门
一篇博文带你0基础 Html和css入门
wordpress默认css样式class和id集合
如何在父主题css之后加载wordpress子主题css
使用 css 变量(没有 SASS/LESS)设置媒体查询的最小/最大宽度?
css 示例tribe-events.css(主题事件日历视图的主题示例)