Angular material mat-icon 资源参考_Toggle
ul,li>ol {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin: 0 1.5em 1.5em
}
img {
height: auto;
max-width: 100%
}
table {
margin: 0 0 1.5em;
width: 100%
}
button,input[type=button],input[type=reset],input[type=submit] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255,255,255,.5),inset 0 15px 17px rgba(255,255,255,.5),inset 0 -5px 12px rgba(0,0,0,.05);
color: rgba(0,0,0,.8);
font-size: 12px;
font-size: .75rem;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255,255,255,.8)
}
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 1px 0 rgba(255,255,255,.8),inset 0 15px 17px rgba(255,255,255,.8),inset 0 -5px 12px rgba(0,0,0,.02)
}
button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255,255,255,.5),inset 0 2px 5px rgba(0,0,0,.15)
}
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px
}
select {
border: 1px solid #ccc
}
input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus,textarea:focus {
color: #111
}
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color] {
padding: 3px
}
textarea {
padding-left: 3px;
width: 100%
}
a:hover,a:focus,a:active {
color: #191970
}
a:hover,a:active {
outline: 0
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0
}
.main-navigation li {
position: relative
}
.main-navigation a {
display: block;
text-decoration: none
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0,0,0,.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999
}
.main-navigation ul ul ul {
left: -999em;
top: 0
}
.main-navigation ul ul a {
width: 200px
}
.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul {
left: auto
}
.main-navigation ul ul li:hover>ul,.main-navigation ul ul li.focus>ul {
left: 100%
}
.menu-toggle,.main-navigation.toggled ul {
display: block
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display:none
}
.main-navigation ul {
display: block
}
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden
}
.screen-reader-text {
clip: rect(1px,1px,1px,1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
#content[tabindex="-1"]:focus {
outline: 0
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto
}
.clearfix:before,.clearfix:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {
content: "";
display: table;
table-layout: fixed
}
.clearfix:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {
clear: both
}
.widget {
margin: 0 0 1.5em
}
.widget select {
max-width: 100%
}
.sticky {
display: block
}
.hentry {
margin: 0 0 1.5em
}
.byline,.updated:not(.published) {
display: none
}
.single .byline,.group-blog .byline {
display: inline
}
.page-content,.entry-content,.entry-summary {
margin: 1.5em 0 1.5em
}
.page-links {
clear: both;
margin: 0 0 1.5em
}
.blog .format-aside .entry-title,.archive .format-aside .entry-title {
display: none
}
.comment-content a {
word-wrap: break-word
}
.bypostauthor {
display: block
}
.comments-area ol.children {
margin: 0 0 0 25px
}
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer {
display: none
}
.infinity-end.neverending .site-footer {
display: block
}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0
}
embed,iframe,object {
max-width: 100%
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption .wp-caption-text {
margin: .8075em 0
}
.wp-caption-text {
text-align: center
}
.vmag-container {
max-width: 1070px;
margin: 0 auto
}
p {
margin: 0
}
a {
text-decoration: none
}
img {
vertical-align: top;
max-width: 100%
}
h1,h2,h3,h4,h5,h6 {
margin: 0;
line-height: 1.2
}
body {
line-height: 1.5
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-top: 1.5em
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-top: 1.5em
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 1.5em;
margin-bottom: 1.5em
}
.vmag-top-header {
background: #4db2ec;
color: #fff;
font-size: 13px
}
.vmag-top-header .vmag-current-date {
float: left;
font-family: Verdana;
padding: 13px 0
}
.vmag-top-header .top-navigation {
float: right;
font-family: Verdana;
font-weight: 500;
padding: 8px 0
}
.vmag-top-header .top-navigation li {
position: relative
}
.vmag-top-header .top-navigation .menu {
padding: 5px 0 0
}
.vmag-top-header .top-navigation .menu li {
border-left: 1px solid #fff;
display: inline-block
}
.vmag-top-header .top-navigation .menu li:first-child {
border-left: none
}
.vmag-top-header .top-navigation .menu li>a {
color: #fff;
text-transform: capitalize;
padding: 0 15px;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
font-weight: 300;
font-family: Verdana
}
.vmag-top-header .top-navigation ul ul a {
padding: 0 !important
}
.vmag-top-header .top-navigation .menu a:hover {
color: #e5e5e5;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s
}
.vmag-top-header .top-navigation .menu ul {
background: #4db2ec;
left: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 50px;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
visibility: hidden;
width: 200px
}
.vmag-top-header .top-navigation ul li:hover ul {
left: 0;
opacity: 1;
top: 32px;
visibility: visible;
z-index: 9
}
.vmag-top-header .top-navigation .menu ul li {
width: 100%;
padding: 5px 10px
}
.vmag-top-header .top-navigation .menu ul li a {
color: #fff;
text-transform: capitalize;
font-weight: 400
}
.vmag-top-header .top-navigation .menu ul li {
border-left: none
}
.vmag-top-header .top-navigation ul li:hover>ul {
opacity: 1;
visibility: visible;
z-index: 9
}
.vmag-top-header .top-navigation ul ul ul {
left: 100% !important;
top: 0 !important;
opacity: 1;
visibility: visible;
display: none
}
.vmag-top-header .top-navigation ul ul li:hover>ul {
display: block
}
.site-header {
padding: 18px 0 0;
margin: 0 0 10px
}
.site-header .logo-ad-wrapper .vmag-container {
padding: 0
}
.site-header .logo-ad-wrapper {
margin: 0 0 18px
}
.site-header .site-branding {
float: left;
max-width: 28%
}
.boxed_layout .site-header .site-branding {
max-width: 28.5%
}
.site-header .site-branding a.custom-logo-link,.site-header .site-branding .site-title-wrapper {
display: inline-block;
vertical-align: middle
}
.site-header .site-branding a.custom-logo-link {
width: 90%
}
.site-header .site-branding a.custom-logo-link img {
vertical-align: top;
width: 100%
}
.header-ad-wrapper .vmag_leaderboard_ad {
margin: 0
}
.site-header .site-branding .site-title-wrapper p.site-title a {
text-transform: uppercase;
color: #000;
font-weight: 700;
font-family: Verdana
}
.site-header .header-ad-wrapper {
float: right;
width: auto;
max-width: 728px
}
.site-header .main-navigation {
border: 1px solid #d9d8d8;
background: #f6f6f6;
position: relative
}
.nav-wrapper {
float: left;
width: 82%
}
.site-header .main-navigation li {
float: left
}
.site-header .main-navigation li a {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
padding: 0 17.5px;
color: #333;
position: relative;
border-right: 1px solid #d9d8d8;
line-height: 55px
}
.site-header .main-navigation li a:hover:before {
content: '';
border-top: 4px solid #4db2ec;
position: absolute;
top: 0;
width: 100%;
left: 0
}
.site-header .main-navigation .menu-primary-menu-container {
float: left;
width: 90%
}
@-moz-document url-prefix() {
.site-header .main-navigation .icons-wrapper {
line-height: 30px
}
}
.site-header .main-navigation .icons-wrapper .icon-random {
color: #000
}
.site-header .main-navigation .icons-wrapper .icon-search,.site-header .main-navigation .icons-wrapper .icon-random {
position: relative;
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin: 0 13px
}
.site-header .main-navigation .icons-wrapper .icon-search:before {
content: '\f002';
position: absolute;
top: 0
}
.site-header .main-navigation .icons-wrapper .icon-random:before {
content: '\f074';
position: absolute;
top: 0
}
.site-header .main-navigation .vmag-search-form-primary .search-form {
right: 0;
position: absolute;
top: 100px;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
visibility: hidden;
opacity: 0;
width: 300px;
background: #f6f6f6;
border-top: 1px solid #4db2ec;
box-shadow: 0 2px 6px rgba(0,0,0,.2);
padding: 20px;
border-radius: 0;
z-index: 999999
}
.site-header .main-navigation .vmag-search-form-primary.search-in .search-form {
right: 0;
opacity: 1;
top: 56px;
visibility: visible;
z-index: 999999
}
.site-header .main-navigation .vmag-search-form-primary .search-form .search-field {
border-radius: 0;
height: 32px;
float: left
}
.site-header .main-navigation .vmag-search-form-primary .search-form .search-submit {
background: #000;
box-shadow: none;
text-shadow: none;
border: none;
border-radius: 0;
color: #fff;
height: 32px;
float: left;
padding: 10px 0 12px;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
width: 57px
}
@-moz-document url-prefix() {
.site-header .main-navigation .vmag-search-form-primary .search-form .search-submit {
width: 70px
}
}
.site-header .main-navigation .vmag-search-form-primary.search-in .search-form .search-submit:hover {
background: #4db2ec;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s
}
.site-header .main-navigation ul ul {
background: #f6f6f6;
left: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 70px;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s;
visibility: hidden;
width: 200px
}
.site-header .main-navigation ul li:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
z-index: 9
}
.site-header .main-navigation ul ul ul {
left: 100%;
top: 0 !important;
opacity: 1;
visibility: visible;
display: none
}
.site-header .main-navigation ul ul li:hover>ul {
display: block
}
.main-navigation .current_page_item>a:before,.main-navigation .current-menu-item>a:before,.main-navigation .current_page_ancestor>a:before,.main-navigation .current-menu-ancestor>a:before {
border-top: 4px solid #4db2ec;
content: "";
left: 0;
position: absolute;
top: 0;
width: 100%
}
.site-header .main-navigation ul li ul li a {
border: none
}
.site-header .main-navigation ul li ul li a {
padding: 0 10px;
font-size: 12px;
border-bottom: 1px solid #d9d8d8;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s;
line-height: 36px
}
.site-header .main-navigation ul li ul li:last-child a {
border: none
}
.site-header .main-navigation ul li ul li a:hover {
color: #4db2ec;
border-color: #4db2ec;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s
}
.site-header .main-navigation li ul a:hover:before {
border: none
}
.nav-wrapper .current-menu-item a {
position: relative
}
.nav-wrapper .current-menu-item a:before,.nav-wrapper .current-menu-ancestor a:before {
content: '';
border-top: 4px solid #4db2ec;
position: absolute;
top: 0;
width: 100%;
left: 0
}
.nav-wrapper .current-menu-ancestor ul li a:before {
border-top: 0
}
.site-content {
padding: 10px 0
}
.widget .post-tags-links {
position: absolute;
bottom: 15px;
left: 15px
}
.widget .slider-fullwidth .post-tags-links {
bottom: 55px
}
.site-content .homepage-slider-section .widget_vmag_featured_slider .slider-caption .post-tags-links a,.site-content .homepage-slider-section .widget_vmag_featured_slider .post-caption .post-tags-links a {
position: static
}
.footer-widgets-wrapper .widget.widget_tag_cloud .tagcloud a {
color: #fff
}
.homepage-content-wrapper {
padding: 40px 0 0
}
.homepage-content-wrapper .vmag-main-content {
width: 65%;
float: left
}
.widget .vmag-main-content h4.block-title {
font-family: Verdana;
font-size: 20px;
color: #333;
font-weight: 400;
margin: 0 0 29px;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 15px;
text-transform: uppercase
}
.widget .post-meta span.comments-count {
float: right
}
.widget .single-post .post-meta span.comments-count a {
background: #4db2ec none repeat scroll 0 0;
padding: 3px 6px;
position: relative;
color: #fff
}
.widget .single-post .post-meta span.comments-count a:before {
border-color: #4db2ec transparent transparent;
border-style: solid;
border-width: 10px 6.5px 0 0;
bottom: -7px;
content: "";
height: 0;
left: 0;
position: absolute;
width: 0
}
.widget .single-post .post-meta .post-author {
float: none
}
.widget .single-post .post-meta a:hover {
color: #4db2ec
}
.widget.vmag_category_posts_list {
float: right;
width: 46.5%
}
.widget.vmag_category_posts_list .single-post .post-thumb {
float: left;
width: 30%;
position: relative;
vertical-align: top;
margin-right: 5%
}
.widget.vmag_category_posts_list .single-post .post-thumb:before {
border-color: transparent #fff transparent transparent;
border-style: solid;
border-width: 6px 6px 6px 0;
content: "";
height: 0;
position: absolute;
right: 0;
top: 6px;
width: 0;
z-index: 999999
}
.widget.vmag_category_posts_list .single-post {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 14px
}
.widget.vmag_category_posts_list div+div.single-post {
padding-top: 15px
}
.widget.vmag_category_posts_list .single-post:last-child {
border: none
}
.widget.vmag_category_posts_list .single-post .post-caption {
width: 63.51%;
float: left
}
.widget.vmag_category_posts_list .single-post .post-meta a {
color: #aaa;
font-size: 12px;
font-weight: 500;
text-transform: capitalize;
margin-right: 5px
}
.footer-widgets-wrapper .widget.vmag_category_posts_list .single-post .post-caption h3 a {
color: #aaa
}
.vmag-home-aside .widget.vmag_category_posts_list,#secondary .widget.vmag_category_posts_list {
width: 100%;
float: none
}
.vmag-home-aside,#secondary {
width: 30%;
float: right;
font-size: 13px;
font-family: Verdana;
color: #777
}
.widget h4.block-title,.widget h4.widget-title {
border-bottom: 1px solid #e1e1e1;
color: #333;
font-family: Verdana;
font-size: 20px;
font-weight: 400;
margin: 0 0 29px;
padding-bottom: 10px;
text-transform: uppercase
}
.widget.widget_rss h4 a {
color: #333;
display: inline-block;
vertical-align: middle;
line-height: .5;
margin-right: 5px
}
.block-header {
border-bottom: 1px solid #e1e1e1;
margin: 0 0 29px;
padding-bottom: 10px
}
.block-header h4.block-title {
border: none;
padding: 0;
margin: 0;
float: left
}
.block-header .view-all {
float: right
}
.block-header .view-all a {
color: #777;
font-size: 16px;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.block-header .view-all a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.widget h4.block-title a {
color: #333;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.widget h4.block-title a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.widget .block-post-wrapper .single-post {
width: 100%;
padding-bottom: 14px
}
.vmag_category_posts_list .block-post-wrapper .single-post {
padding-bottom: 14px
}
.widget .single-post:last-child {
border: none
}
.widget .single-post .post-thumb {
position: relative
}
.vmag_block_posts_style3 .post-thumb {
margin-bottom: 19px
}
.vmag_block_posts_style2 .post-thumb:before {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 7px 7px;
bottom: 0;
content: "";
height: 0;
position: absolute;
left: 10px;
width: 0;
z-index: 999999
}
.widget .single-post .post-thumb .widget .single-post .post-thumb img {
width: 100%
}
.widget .single-post.first-post h3 a {
font-size: 20px
}
.widget .single-post .post-meta {
margin: 0 0 5px
}
.widget .single-post .post-meta .post-author,.homepage-content-wrapper .vmag-home-aside .single-post .post-meta .posted-on {
display: inline-block;
margin-right: 7px
}
.widget .single-post .post-meta .comments-count {
float: right
}
.widget_tag_cloud .tagcloud a,.tags-links a {
border: 1px solid #cecccc;
color: #333;
display: inline-block;
font-size: 12px !important;
line-height: 12px;
margin: 0 5px 9px 0;
padding: 9px 15px 9px;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.widget_tag_cloud .tagcloud a:hover,.tags-links a:hover {
background: #4db2ec;
color: #fff;
border: 1px solid #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.vmag-footer-widget .widget_tag_cloud .tagcloud a,.tags-links a {
color: #fff
}
h4.block-title {
border-bottom: 1px solid #e1e1e1;
color: #333;
font-family: Verdana;
font-size: 20px;
font-weight: 400;
margin: 0 0 29px;
padding-bottom: 15px;
text-transform: uppercase
}
.lSAction .lSPrev {
background: rgba(255,255,255,.7);
width: 31px;
height: 31px;
opacity: 1;
left: 0;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.lSAction .lSNext {
right: 0;
background: rgba(255,255,255,.7);
width: 31px;
height: 31px;
opacity: 1;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.lSAction .lSPrev:hover,.lSAction .lSNext:hover {
background: rgba(255,255,255,1);
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.vmag_block_posts_carousel .lSAction .lSPrev,.widget_vmag_featured_slider .lSAction .lSPrev {
left: 0
}
.vmag_block_posts_carousel .lSAction .lSNext,.widget_vmag_featured_slider .lSAction .lSNext {
right: 0
}
.widget.vmag_block_posts_column {
color: #777;
font-size: 13px
}
.widget.vmag_block_posts_column .single-post {
border-bottom: 1px solid #e1e1e1;
margin: 0 0 10px;
padding-bottom: 10px;
width: 100%
}
.widget.vmag_block_posts_column .single-post:last-child {
border: none
}
.widget-column-3 .vmag_block_posts_column {
float: left;
margin-right: 29px;
width: 31.5%
}
.widget-column-4 .vmag_block_posts_column {
float: left;
margin-right: 13px;
width: 24%
}
.widget-column-3 .vmag_block_posts_column:last-child {
margin-right: 0
}
.widget-column-4 .vmag_block_posts_column:last-child {
margin-right: 0
}
.widget.vmag_block_posts_column .block-post-wrapper .post-thumb {
position: relative;
margin-bottom: 19px
}
.widget.vmag_block_posts_column .block-post-wrapper .post-thumb:before {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 10px 10px;
bottom: 0;
content: "";
height: 0;
position: absolute;
left: 10px;
width: 0;
z-index: 999999
}
.widget.vmag_block_posts_column .block-post-wrapper .post-thumb img {
width: 100%
}
.widget.vmag_block_posts_column .vmag_block_posts_column .post-tags-links a {
background: rgba(0,0,0,.6) none repeat scroll 0 0;
color: #fff;
display: block;
float: left;
font-family: Verdana;
font-size: 12px;
font-weight: 500;
padding: 3px 10px;
text-transform: uppercase;
position: absolute;
bottom: 15px;
left: 15px
}
.widget .post-tags-links a:hover {
background: #000
}
.widget .single-post.first-post h3 a {
font-size: 20px
}
.widget .single-post .post-meta {
margin: 0 0 5px
}
.widget .single-post .post-meta a {
color: #aaa;
font-size: 12px;
text-transform: capitalize
}
.widget.vmag_block_posts_column .single-post .post-meta .post-author,.widget.vmag_block_posts_column .single-post .post-meta .posted-on {
margin-right: 5px
}
.widget.vmag_block_posts_column .single-post .post-meta .comments-count {
float: right
}
.widget.vmag_block_posts_column .single-post .post-meta .comments-count {
display: none
}
.footer-widgets-wrapper {
background: #222;
padding: 45px 0 40px;
font-size: 13px;
font-family: Verdana;
color: #aaa
}
.footer-widgets-wrapper ul {
padding: 0;
margin: 0
}
.footer-widgets-wrapper ul li {
list-style: none
}
.footer-widgets-wrapper h4.widget-title,.footer-widgets-wrapper .widget h4.block-title {
font-family: Verdana;
font-weight: 700;
color: #fff;
font-size: 21px;
margin: 0 0 15px;
border: none
}
.footer-widgets-wrapper .widget_categories li a,.footer-widgets-wrapper .widget_nav_menu li a {
display: inline-block;
color: #aaa;
font-size: 14px;
margin-bottom: 5px;
position: relative;
padding-left: 10px
}
.widget_categories li a,.widget_archive li a {
width: calc(100% - 28px);
width: -moz-calc(100% - 28px);
width: -webkit-calc(100% - 28px)
}
.widget_categories li {
color: #aaa
}
.footer-widgets-wrapper .widget_categories li a:hover,.footer-widgets-wrapper .widget_nav_menu li a:hover,.footer-widgets-wrapper .widget .single-post h3 a:hover,.footer-widgets-wrapper .widget .single-post .post-meta .post-author a:hover {
color: #4db2ec
}
.vmag-footer-widget h4.widget-title,.vmag-footer-widget h4.block-title,.vmag-footer-widget .block-header {
border: medium none;
color: #fff;
font-family: Verdana;
font-size: 21px;
font-weight: 700;
margin: 0 0 15px
}
.vmag-top-footer {
padding: 20px 0
}
.vmag-top-footer.footer_column_two .vmag-footer-widget {
width: 49%
}
.vmag-top-footer.footer_column_two .vmag-footer-widget.column-first {
float: left
}
.vmag-top-footer.footer_column_two .vmag-footer-widget.column-second {
float: right
}
.vmag-top-footer.footer_column_three .vmag-footer-widget-wrapper {
margin-left: -3%
}
.vmag-top-footer.footer_column_three .vmag-footer-widget {
width: 30%;
float: left;
margin-left: 3%
}
.vmag-top-footer.footer_column_four .vmag-footer-widget-wrapper {
margin-left: -3%
}
.vmag-top-footer.footer_column_four .vmag-footer-widget {
width: 22%;
float: left;
margin-left: 3%
}
.vmag-footer-widget .menu li a {
color: #aaa;
display: inline-block;
font-size: 14px;
margin-bottom: 11px;
padding-left: 15px;
position: relative
}
.vmag-footer-widget .widget_text {
font-size: 14px
}
.vmag-footer-widget .widget.vmag_category_posts_list {
width: 100%
}
.vmag-footer-widget .vmag_category_posts_list .single-post .post-thumb:before {
right: 2px
}
.site-footer {
background: #000;
color: #aaa;
font-size: 12px;
font-family: Verdana;
padding: 10px 0
}
.site-footer span,.site-footer a {
padding: 0 2px
}
.site-footer a {
color: #aaa
}
.site-footer a:hover {
color: #4db2ec
}
.site-footer .site-info {
float: left
}
.site-footer .footer-menu-wrapper {
float: right
}
.site-footer .footer-menu-wrapper li {
display: inline-block;
margin-left: 3px
}
#primary {
width: 65%;
float: left;
padding: 10px 0 20px
}
#primary .entry-header {
margin-bottom: 15px
}
#primary .entry-title {
font-family: Verdana;
font-size: 30px;
font-weight: 400;
text-transform: capitalize;
color: #000;
margin-bottom: 5px;
word-wrap: break-word
}
#primary .entry-header span a {
font-size: 13px;
text-transform: capitalize;
font-family: Verdana;
margin: 0 5px 0 0;
display: inline-block;
color: #777
}
#primary .entry-header span a:hover {
color: #4db2ec
}
#primary .entry-thumb {
margin: 0 0 20px;
position: relative
}
#primary .entry-content {
margin: 0 0 10px
}
#primary .entry-footer {
font-size: 13px;
font-family: Verdana;
font-weight: 400;
font-style: italic
}
#primary .entry-footer .cat-links,#primary .entry-footer .tags-links {
display: block;
position: relative;
padding-left: 20px;
color: #404040
}
#primary .entry-footer .tags-links:before {
content: '\f02c'
}
#primary .entry-footer a:hover {
color: #777
}
#primary h3.comment-reply-title small a {
color: red;
padding: 0 10px
}
#primary .comment-notes {
color: red;
font-size: 12px;
margin-bottom: 15px
}
#primary .comments-area {
overflow: hidden;
padding-bottom: 10px
}
#primary .comments-area span.required {
color: red
}
#primary .comments-area input[type=text],#primary .comments-area input[type=email],#primary .comments-area input[type=url],#primary .comments-area textarea {
width: 100%;
border-radius: 0
}
#primary .comments-area input[type=text],#primary .comments-area input[type=email],#primary .comments-area input[type=url] {
height: 38px
}
#primary .comments-area .comment-form-author,#primary .comments-area .comment-form-email,#primary .comments-area .comment-form-url {
float: left;
width: 32%;
margin-right: 13px;
margin-bottom: 10px
}
#primary .comments-area .comment-form-comment {
margin-bottom: 10px
}
#primary .comments-area .comment-form-url {
margin-right: 0
}
#primary .comments-area .comment-form-author label,#primary .comments-area .comment-form-email label,#primary .comments-area .comment-form-url label,#primary .comments-area .comment-form-comment label {
width: 100%;
margin-bottom: 5px;
display: block;
cursor: pointer
}
#primary .comments-area .form-submit input[type=submit] {
background: #4db2ec none repeat scroll 0 0;
border: medium none;
border-radius: 0;
color: #fff;
float: none;
padding: 10px;
box-shadow: none;
text-shadow: none;
display: inline-block
}
#primary .comment-respond {
margin-bottom: 15px
}
#secondary {
width: 30%;
float: right;
padding: 10px 0 0
}
#secondary ul {
padding: 0;
margin: 0
}
#secondary ul li {
list-style: none
}
#secondary .widget_search {
overflow: hidden;
margin: 0 0 25px
}
#secondary .widget_search label {
width: 245px;
float: left
}
#secondary .widget_search input.search-field {
border-radius: 0;
color: #000;
font-size: 12px;
height: 35px;
padding: 0 10px;
width: 100%
}
#secondary .widget_search input.search-submit {
float: left;
background: #4db2ec;
border-radius: 0;
box-shadow: none;
border: none;
color: #fff;
text-shadow: none;
width: 75px;
padding: 9px 10px
}
#secondary .widget_search input.search-submit:hover {
background: #0497eb
}
#secondary .widget-title {
border-bottom: 1px solid #e1e1e1;
color: #333;
font-family: Verdana;
font-size: 20px;
font-weight: 400;
margin: 0 0 15px;
padding-bottom: 10px;
text-transform: uppercase
}
.widget_recent_entries li a,.widget_archive li a,.widget_categories li a,.widget_meta li a {
color: #000;
display: inline-block;
font-size: 14px;
margin-bottom: 11px;
padding-left: 15px;
position: relative
}
.widget_recent_comments li a {
color: #aaa
}
.widget_recent_entries li a {
margin-bottom: 0
}
.widget_recent_entries li {
margin-bottom: 11px
}
.widget_recent_entries span {
display: inline-block;
width: 100%;
padding-left: 32px;
position: relative
}
.widget_recent_entries span:before {
padding-left: 15px
}
.widget_recent_entries li a:hover,.widget_archive li a:hover,.widget_categories li a:hover,.widget_meta li a:hover,.widget_recent_comments li a:hover,.vmag-footer-widget .menu li a:hover {
color: #4db2ec
}
.page-header h1.page-title {
font-family: Verdana;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 15px;
font-size: 32px;
color: #000
}
h2.entry-title a {
color: #000;
display: block;
margin-bottom: 10px;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
h2.entry-title a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.archive #primary article {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 20px;
margin-bottom: 30px
}
.archive #primary article:last-child {
border: none
}
.archive #primary .taxonomy-description {
margin-bottom: 25px;
font-style: italic
}
.archive #primary h3.entry-title a,.single #primary h2.entry-title a {
font-size: 26px;
font-weight: 400;
margin-bottom: 10px
}
article .entry-meta .posted-on a {
position: relative;
padding-left: 15px
}
article .entry-meta .post-author a {
position: relative;
padding-left: 15px
}
#primary .vmag-author-metabox {
border: 1px solid #d9d8d8;
padding: 15px;
margin: 0 0 30px
}
#primary .vmag-author-metabox .author-avatar {
float: left;
width: 20%;
border: 1px solid #d9d8d8
}
#primary .vmag-author-metabox .author-avatar a {
display: block
}
#primary .vmag-author-metabox .author-avatar a {
width: 100%;
height: auto;
vertical-align: top
}
#primary .vmag-author-metabox .author-desc-wrapper {
float: left;
width: 65%;
margin-left: 40px;
padding-top: 10px;
font-size: 12px
}
#primary .vmag-author-metabox .author-desc-wrapper .author-description {
margin: 0 0 10px
}
#primary .vmag-author-metabox .author-desc-wrapper a.author-title {
font-weight: 700;
font-size: 16px;
font-family: Verdana;
color: #000;
display: block;
margin-bottom: 10px;
font-style: normal
}
#primary .vmag-author-metabox .author-desc-wrapper a.author-title:hover,#primary .vmag-author-metabox .author-desc-wrapper a:hover {
color: #4db2ec
}
#primary .vmag-author-metabox .author-desc-wrapper a {
color: #777;
font-style: italic
}
.vmag-related-wrapper {
overflow: hidden;
margin: 0 0 30px
}
.vmag-related-wrapper h4.related-title,h3.comment-reply-title {
border-bottom: 1px solid #e1e1e1;
color: #333;
font-family: Verdana;
font-size: 20px;
font-weight: 400;
margin: 0 0 20px;
padding-bottom: 10px;
text-transform: uppercase
}
.vmag-related-wrapper .post-thumb {
margin: 0 0 10px
}
.vmag-related-wrapper .single-post {
float: left;
width: 32%;
margin: 0 2% 0 0
}
.vmag-related-wrapper .single-post:last-child {
margin-right: 0
}
.vmag-related-wrapper .post-meta span a {
color: #aaa;
font-size: 12px;
text-transform: capitalize
}
.vmag-related-wrapper .post-meta span a:hover {
color: #4db2ec
}
.vmag-related-wrapper .post-meta .post-author a {
color: #000;
margin: 0 5px 0 0
}
.vmag-related-wrapper .post-meta .posted-on a {
padding-left: 15px;
position: relative
}
.comments-area h2.comments-title {
border-bottom: 1px solid #e1e1e1;
color: #333;
font-family: Verdana;
font-size: 20px;
font-weight: 400;
margin: 0 0 20px;
padding-bottom: 15px;
text-transform: uppercase;
font-style: italic
}
.comments-area ol {
margin: 0;
padding: 0;
list-style: none
}
.comments-area ol li .comment-body {
background: #f1f1f1;
padding: 10px 60px 10px 10px;
margin-bottom: 10px
}
.comments-area ol li .comment-author {
float: left;
width: 100%;
margin-bottom: 10px
}
.comments-area ol li .comment-metadata {
float: left;
width: 100%;
margin-bottom: 5px
}
.comments-area ol li .comment-author img {
width: 32px;
height: 32px;
margin-right: 10px
}
.comment-author .fn a,.comment-author .says {
display: inline-block;
font-size: 14px;
font-style: normal;
font-weight: 700;
margin-top: 6px;
text-transform: capitalize;
color: #000;
padding-top: 10px
}
.comments-area .comment-metadata a {
color: #777;
font-size: 12px;
text-transform: uppercase;
position: relative;
padding-left: 15px
}
.comments-area .comment-metadata a:hover {
color: #4db2ec
}
.comments-area .comment-content {
font-size: 12px;
margin: 0 0 10px
}
.comments-area .reply a {
display: inline-block;
background: #4db2ec;
padding: 5px 10px;
font-size: 12px;
color: #fff
}
.comments-area .reply a:hover {
background: #0497eb
}
article span.comments-count {
float: right;
line-height: 18px
}
article span.comments-count a {
position: relative;
padding-left: 18px
}
.error-404 {
padding: 20px 0 40px;
text-align: center;
color: #777;
font-style: italic
}
.vmag-404 {
font-size: 160px;
display: inline-block;
margin-bottom: 20px;
color: #777;
font-weight: 700;
line-height: 90px
}
.vmag-404 span {
border-radius: 5px;
display: inline-block;
line-height: 73px;
margin: 0 -5px;
text-align: center;
vertical-align: top;
font-style: italic
}
.error-404 .page-header h1.page-title {
color: #777;
margin: 0 0 10px
}
.error-404 .page-content {
font-style: italic;
font-size: 14px;
margin: 0
}
span.edit-link a.post-edit-link {
background: #000;
padding: 3px 6px 3px 27px;
border-radius: 3px;
color: #fff !important;
display: inline-block;
font-style: normal;
position: relative;
margin-top: 5px
}
.widget_recent_comments .recentcomments {
margin-bottom: 11px;
font-size: 14px;
color: #aaa !important
}
.widget_recent_comments .recentcomments span {
color: #aaa;
display: inline-block;
font-size: 14px
}
.widget_recent_comments .recentcomments {
position: relative;
padding-left: 15px !important;
color: #000
}
.widget_pages li {
margin-bottom: 11px
}
.widget_pages li a {
position: relative;
padding-left: 15px !important;
color: #aaa;
font-size: 14px
}
.widget_pages li ul {
padding-left: 10px !important;
margin-top: 10px !important
}
.widget_pages ul ul a {
font-size: 12px
}
.vmag_authors_list .single-user {
display: inline-block;
position: relative;
cursor: pointer;
height: auto;
margin-bottom: 15px
}
.vmag_authors_list .single-user:hover .user-name {
opacity: 1;
visibility: visible
}
.vmag_authors_list .single-user .user-name {
background: rgba(103,103,103,.7) none repeat scroll 0 0;
color: #fff;
font-size: 14px;
height: 100%;
left: 0;
margin: 0;
opacity: 0;
padding: 30px 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
transition: all .5s ease 0s;
visibility: hidden;
width: 100%
}
h3 a {
color: #333;
font-family: Verdana;
font-weight: 500;
margin-bottom: 5px;
display: block;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
h3 a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
h3.large-font a {
font-size: 20px
}
h3.small-font a {
font-size: 13px;
font-weight: 500
}
h3.featured-large-font a {
font-family: Verdana;
font-size: 26px;
font-weight: 500;
margin: 0 0 5px;
text-transform: capitalize;
color: #fff
}
h3.featured-small-font a {
font-family: Verdana;
font-size: 16px;
font-weight: 500;
margin: 0 0 5px;
text-transform: capitalize
}
.post-meta a,.entry-meta a {
color: #777;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
font-size: 12px
}
#primary .entry-footer a {
font-size: 14px;
color: #777
}
.post-meta a:hover,.entry-meta a:hover,#primary .entry-footer a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.entry-meta {
margin-bottom: 18px
}
.entry-meta a {
font-size: 13px
}
.entry-meta>span {
margin-right: 16px
}
.post-tags-links a {
background: rgba(0,0,0,.8) none repeat scroll 0 0;
color: #fff;
display: block;
float: left;
font-family: Verdana;
font-size: 12px;
font-weight: 500;
margin: 0 5px 5px 0;
padding: 5px 10px;
text-transform: uppercase;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.post-tags-links a:hover {
background: #000;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
#vmag-breadcrumbs {
margin-bottom: 20px
}
#vmag-breadcrumbs span a {
color: #777;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
#vmag-breadcrumbs span a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
article p {
margin-bottom: 20px
}
.archive .vmag-archive-more,.search .vmag-archive-more,.blog .vmag-archive-more {
display: inline-block;
padding: 6px 15px 4px;
color: #777;
border: 1px solid #ddd;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.archive .vmag-archive-more:hover,.search .vmag-archive-more:hover,.blog .vmag-archive-more:hover {
background: #4db2ec;
border: 1px solid #4db2ec;
color: #fff;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.archive .tags-links {
display: block
}
.entry-meta .cat-links {
position: relative;
padding-left: 18px
}
.entry-meta .cat-links:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.pagination .nav-links span,.pagination .nav-links a {
border: 1px solid #ddd;
text-align: center;
padding: 5px 10px;
color: #333;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.pagination .nav-links span:hover,.pagination .nav-links a:hover {
color: #fff;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
background: #4db2ec;
border-color: #4db2ec
}
.pagination .nav-links span.current {
background: #4db2ec;
border-color: #4db2ec;
color: #fff
}
.post-navigation .nav-links {
margin: 0 auto 40px;
overflow: hidden;
display: table;
width: 100%;
border-bottom: 1px solid #efefef;
border-top: 1px solid #efefef;
padding: 20px 0
}
.post-navigation .nav-links a {
color: #777
}
.post-navigation .nav-links .nav-previous,.post-navigation .nav-links .nav-next {
padding-bottom: 15px;
padding-top: 15px;
float: left;
vertical-align: middle;
width: 50%
}
.post-navigation .nav-links .nav-next {
float: right;
border-left: 1px solid #efefef
}
.post-navigation .nav-links .nav-previous {
border-right: 1px solid #efefef;
padding-right: 30px;
text-align: right
}
.post-navigation .nav-links .nav-next {
padding-left: 30px;
text-align: left
}
.post-navigation .nav-links .nav-previous a {
color: #777;
display: block;
float: right;
width: 78%
}
.post-navigation .nav-links .nav-next a {
color: #777;
display: block;
float: left;
width: 78%
}
.post-navigation .nav-links .nav-previous a,.post-navigation .nav-links .nav-next a {
position: relative;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.post-navigation .nav-links .nav-previous a:hover,.post-navigation .nav-links .nav-next a:hover {
color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.post-navigation .nav-links .nav-previous a:before {
content: '\f104';
left: -30px;
font-size: 20px
}
.post-navigation .nav-links .nav-next a:before {
content: '\f105';
right: -30px;
font-size: 20px
}
.single .entry-content p img.aligncenter {
margin: 15px auto
}
.single .entry-content p img.alignright,.single .entry-content p img.alignleft {
margin-top: 15px;
margin-bottom: 15px
}
.sub-toggle,.sub-toggle-children {
display: none
}
.left-sidebar #secondary {
float: left
}
.left-sidebar #primary {
float: right
}
.no-sidebar-center #primary {
margin: 0 auto;
float: none;
width: 70%
}
.no-sidebar #primary {
width: 100%
}
.no-sidebar #primary article .entry-thumb img {
width: 100%
}
span.format-icon {
background: rgba(0,0,0,.7) none repeat scroll 0 0;
border-radius: 6px;
bottom: 10px;
box-shadow: 0 0 2px rgba(255,255,255,.4);
color: #fff;
display: block;
height: 32px;
right: 10px;
position: absolute;
transition: all .7s ease 0s;
width: 32px;
text-align: center;
line-height: 30px;
cursor: pointer;
z-index: 999
}
span.format-icon:hover {
background: #4db2ec
}
.post-thumb {
overflow: hidden
}
.post-thumb a img {
display: inline-block;
transform: translateZ(0px);
-webkit-transform: translateZ(0px);
transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-property: transform;
-webkit-transition-property: transform;
vertical-align: middle
}
.post-thumb a:hover img {
display: inline-block;
transform: scale(1.3);
-webkit-transform: scale(1.3)
}
#scroll-up {
background: rgba(0,0,0,.4) none repeat scroll 0 0;
border-radius: 3px;
bottom: 15px;
color: #fff;
display: block;
font-size: 33px;
height: 45px;
line-height: 45px;
position: fixed;
right: 15px;
text-align: center;
width: 50px;
z-index: 999999;
padding: 7px
}
#scroll-up:hover {
background: rgba(77,178,236,1) none repeat scroll 0 0;
color: #fff;
transition: all .7s ease-in-out 0s
}
.vmag_block_posts_style3 .single-post.no-thumb {
border-top: 1px solid #e1e1e1;
padding-top: 14px
}
.archive .tags-links,.single-post .tags-links,.search .tags-links,.blog .tags-links {
display: block;
position: relative;
border: none;
font-size: 13px !important;
padding: 0 0 0 20px;
margin-bottom: 17px;
color: #777
}
.archive .tags-links a:hover,.single-post .tags-links a:hover,.search .tags-links a:hover,.blog .tags-links a:hover {
background: 0 0;
border: none;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
color: #4db2ec
}
.archive .tags-links a,.single-post .tags-links a,.search .tags-links a,.blog .tags-links a {
display: inline-block;
border: none;
padding: 0;
font-size: 13px !important;
color: #777
}
.boxed_layout .site {
max-width: 1100px;
margin: 0 auto;
background: #fff
}
.boxed_layout .widget.vmag_category_posts_slider .single-post .post-caption {
margin-left: 159px
}
.boxed_layout .widget-column-3 .vmag_block_posts_column {
width: 31%
}
.footer-menu-wrapper ul ul {
display: none
}
.footer-menu-wrapper ul li.current-menu-item a {
color: #4db2ec
}
.widget_archive select,.widget_categories select,.widget_text select {
padding: 8px 7px;
width: 100%
}
.widget_rss ul li {
margin-bottom: 15px
}
.widget_rss ul li:last-child {
margin-bottom: 0
}
.widget_rss ul li a.rsswidget {
color: #000;
display: block;
font-size: 14px;
font-weight: 600;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-ms-transition: all ease .3s
}
.widget_rss ul li a.rsswidget:hover {
color: #4db2ec;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-ms-transition: all ease .3s
}
.widget_rss ul li span {
margin-bottom: 10px;
display: block;
position: relative;
padding-left: 18px
}
.widget_rss ul li .rssSummary {
margin-bottom: 5px
}
.widget_rss ul li cite {
position: relative;
color: #4db2ec;
padding-left: 12px;
display: block
}
.widget_rss ul li cite:before {
position: absolute;
content: '';
left: 0;
display: block;
background: #4db2ec;
width: 8px;
height: 1px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%)
}
.widget_search input {
border-radius: 0;
padding: 8px 10px;
line-height: 1.2;
height: 35px;
font-size: 14px
}
.widget_search input.search-submit {
box-shadow: none;
text-shadow: none;
background: #4db2ec;
border: 1px solid #4db2ec;
color: #fff;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-ms-transition: all ease .3s
}
.widget_search input.search-submit:hover {
transition: all ease .3s;
-webkit-transition: all ease .3s;
-ms-transition: all ease .3s;
background: 0 0;
color: #4db2ec
}
.widget_text .textwidget strong {
font-size: 14px;
display: block;
margin-bottom: 15px
}
.widget_text .textwidget p img {
display: block;
margin-bottom: 10px
}
.vmag_block_posts_carousel .post-tags-links,.vmag_category_posts_slider .post-tags-links {
position: static
}
.boxed_layout .site {
max-width: 1100px;
width: 100%;
margin: 0 auto;
background: #fff;
-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,.1);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,.1);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,.1)
}
@media (max-width: 1090px) {
body {
overflow-x:hidden
}
.vmag-container {
padding: 0 10px
}
.site-content .vmag-newsticker-wrapper .vmag-container {
padding: 0 10px
}
.site-header .logo-ad-wrapper .vmag-container {
padding: 0 10px
}
.widget .right-posts-wrapper .single-post .post-thumb,.widget.vmag_category_posts_list .single-post .post-thumb {
width: 30%
}
.widget .right-posts-wrapper .single-post .post-caption-wrapper {
width: 100%;
margin-left: 0
}
.widget.vmag_block_posts_list .single-post .post-thumb {
width: 33%
}
.widget .right-posts-wrapper .single-post .post-caption-wrapper,.widget.vmag_category_posts_list .single-post .post-caption {
width: 56%;
margin-left: 3%;
padding-top: 5px
}
.widget.vmag_category_posts_list .single-post .post-caption {
width: 63%
}
.widget.vmag_category_posts_list .single-post .post-caption {
margin-left: 0
}
.widget .right-posts-wrapper .single-post .post-caption-wrapper h3 a,.widget.vmag_block_posts_style2 .block-post-wrapper.column3-layout .single-post h3 a,.widget.vmag_category_posts_list .single-post .post-caption h3 a {
font-size: 16px
}
.widget.vmag_category_posts_slider .single-post .post-caption {
margin-left: 55%;
width: 89%
}
.widget-column-3 .vmag_block_posts_column {
margin-right: 2.7%
}
.footer-widgets-wrapper.widget-column-3 .widget {
margin-right: 1.8%
}
#secondary .widget_search input.search-field {
width: 99%;
margin-bottom: 5px
}
.widget.vmag_block_posts_style3 .block-post-wrapper.column4-layout .single-post {
width: 48%;
margin-right: 2%
}
.footer-widgets-wrapper.widget-column-4 .widget {
width: 48%;
float: left;
margin-right: 10px
}
}
@media (max-width: 1045px) {
.footer-widgets-wrapper.widget-column-2 .widget {
width:47%;
float: left;
margin-right: 41px
}
.footer-widgets-wrapper.widget-column-2 .widget {
width: 100%;
margin-right: 0
}
}
@media (max-width: 1020px) {
#primary .comments-area .comment-form-url {
width:100%
}
#primary .comments-area .comment-form-comment {
display: inline-block;
width: 100%
}
#primary .comments-area .comment-form-email,#primary .comments-area .comment-form-author {
width: 49%;
margin-right: 0
}
#primary .comments-area .comment-form-email {
float: right
}
}
@media (min-width: 1005px) {
.site-header .main-navigation .menu {
display:block !important
}
}
@media (max-width: 1004px) {
.site-header .main-navigation .menu {
display:none !important
}
.site-header .main-navigation .nav-wrapper.active .menu {
display: block !important
}
.site-header .main-navigation {
padding: 6px 6px 1px
}
.nav-toggle {
height: 35px;
width: 35px;
display: inline-block;
cursor: pointer;
border-radius: 4px
}
.nav-toggle span {
background: #4db2ec;
display: block;
height: 4px;
margin: 5.6px auto 0;
width: 77%;
border-radius: 2px
}
.site-header .main-navigation .icons-wrapper {
position: absolute;
right: -10px;
line-height: 10px;
width: 100px;
line-height: 16px
}
@-moz-document url-prefix() {
.site-header .main-navigation .icons-wrapper {
line-height: 19px
}
}
.site-header .main-navigation {
position: relative
}
.site-header .main-navigation .menu-primary-menu-container {
width: auto;
float: none
}
.nav-wrapper {
text-align: left;
width: 100%;
vertical-align: middle;
display: inline-block
}
.site-header .main-navigation li:last-child a,.site-header .main-navigation ul ul li:last-child a {
border-bottom: 0 !important
}
.site-header .main-navigation li a {
border-bottom: 1px solid #e1e1e1;
border-right: medium none;
line-height: 26px;
margin-bottom: 0;
padding: 5px 0;
width: 100%;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
color: #000
}
.site-header .main-navigation li a:hover {
border-color: #4db2ec;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.site-header .main-navigation li a:hover {
color: #4db2ec
}
.site-header .main-navigation li.current_page_item a {
border-color: #4db2ec;
color: #4db2ec
}
.site-header .main-navigation li a:hover:before,.nav-wrapper .current-menu-item a:before {
border: none !important
}
.site-header .main-navigation .icons-wrapper .vmag-search-form-primary .search-field {
top: 0
}
.site-header {
margin-bottom: 0
}
.site-header .main-navigation li {
width: 100%
}
.nav-wrapper #primary-menu {
display: none
}
.nav-wrapper.active #primary-menu {
display: block
}
.sub-toggle,.sub-toggle-children {
background: #4db2ec none repeat scroll 0 0;
color: #fff;
cursor: pointer;
display: block;
height: 20px;
line-height: 20px;
position: absolute;
right: 5px;
text-align: center;
top: 7px;
width: 20px
}
#site-navigation ul.sub-menu,#site-navigation ul.children {
box-shadow: none;
display: none;
opacity: 1;
padding: 0;
position: static;
visibility: visible;
width: 100%;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s
}
.site-header .main-navigation ul li ul {
background: 0 0;
overflow: hidden
}
.site-header .main-navigation ul li ul li a {
margin: 0 0 0 27px;
font-size: 12px;
border-bottom: 1px solid #d9d8d8 !important;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s;
line-height: 36px;
overflow: hidden
}
.site-header .main-navigation ul li ul li a:hover {
border-color: #4db2ec !important
}
span.sub-toggle {
display: block
}
.site-header .main-navigation .vmag-search-form-primary.search-in .search-form {
top: 47px
}
.main-navigation .current_page_item>a:before,.main-navigation .current-menu-item>a:before,.main-navigation .current_page_ancestor>a:before,.main-navigation .current-menu-ancestor>a:before {
border-top: none
}
}
@media (max-width: 860px) {
.site-header .header-ad-wrapper {
float:none;
margin: 0 auto
}
.site-header .site-branding {
float: none;
margin: 0 auto 30px;
max-width: 30%
}
}
@media (max-width: 830px) {
.widget.vmag_block_posts_style1 .right-posts-wrapper .single-post .post-caption-wrapper {
margin-left:5px;
padding-top: 0
}
.widget.vmag_block_posts_style1 .right-posts-wrapper .single-post .post-thumb {
margin-bottom: 10px
}
.site-header .logo-ad-wrapper {
margin-bottom: 15px
}
.site-header {
padding: 0
}
.site-header .logo-ad-wrapper {
margin-bottom: 15px
}
}
@media (max-width: 768px) {
body {
overflow-x:hidden
}
.vmag-container {
padding: 0 10px
}
.site-header .logo-ad-wrapper .vmag-container {
padding: 0 10px
}
.vmag-top-header .main-navigation.top-navigation ul.menu,#footer-menu {
display: block
}
.homepage-content-wrapper .vmag-main-content,.vmag-home-aside {
width: 100%
}
.widget .right-posts-wrapper .single-post .post-caption-wrapper,.widget.vmag_category_posts_list .single-post .post-caption {
width: 60%
}
.footer-widgets-wrapper.widget-column-3 .widget {
width: 100%;
margin-right: 0;
margin-bottom: 20px
}
.footer-widgets-wrapper h4.widget-title {
margin-bottom: 15px
}
.vmag-top-header .vmag-current-date,.vmag-top-header .main-navigation.top-navigation,.site-footer .site-info,.site-footer .footer-menu-wrapper {
float: none
}
.site-footer .site-info {
margin-bottom: 5px
}
.vmag-top-header .vmag-current-date {
padding-bottom: 0
}
.vmag-top-header {
text-align: center
}
.site-footer {
text-align: left
}
.widget.vmag_block_posts_column .single-post h3 a {
font-size: 16px
}
.widget .right-posts-wrapper .single-post .post-thumb,.widget.vmag_category_posts_list .single-post .post-thumb {
width: 30%
}
.widget .right-posts-wrapper .single-post .post-caption-wrapper,.widget.vmag_category_posts_list .single-post .post-caption {
margin-left: 0
}
.footer-widgets-wrapper {
padding-bottom: 20px
}
.vmag-top-header .main-navigation.top-navigation .menu a {
padding: 0 10px
}
.logo-ad-wrapper {
text-align: center
}
.site-header .site-branding {
float: none;
width: 100%;
padding: 15px 0 0;
margin-bottom: 15px
}
.site-header .header-ad-wrapper {
width: 100%;
max-width: 100%;
float: none
}
#primary,#secondary {
width: 100%
}
#primary-menu .current_page_item a:before {
border-top: none
}
#primary-menu ul {
display: block
}
.site-header .main-navigation .icons-wrapper .vmag-search-form-primary.search-in .search-field {
top: 7px
}
.site-header .main-navigation .menu ul li.page_item_has_children ul.children {
width: 100%;
top: 17px;
padding: 10px
}
li.slide .slider-img img {
width: 100%
}
.vmag-top-header .main-navigation.top-navigation ul li:hover ul {
top: 26px
}
.vmag-top-header .main-navigation.top-navigation ul li ul li {
text-align: left
}
#primary .comments-area .comment-form-author,#primary .comments-area .comment-form-email,#primary .comments-area .comment-form-url {
width: 100%
}
.vmag-newsticker-wrapper {
display: none
}
.vmag-home-aside .vmag_category_posts_slider .post-thumb a img {
display: block;
margin: 0 auto;
max-width: 500px;
transform: translateZ(0px);
transition-duration: 1s;
transition-property: transform;
vertical-align: middle
}
.vmag-top-footer.footer_column_four .vmag-footer-widget {
width: 100%;
margin-left: 0
}
.vmag-top-footer.footer_column_four .vmag-footer-widget-wrapper {
margin-left: 0
}
}
@media (max-width: 700px) {
.widget-column-3 .vmag_block_posts_column {
width:100%
}
}
@media (max-width: 600px) {
.widget.vmag_block_posts_style1 .right-posts-wrapper,.vmag_block_posts_style1 .left-post-wrapper {
width:100%
}
.widget.vmag_category_posts_list {
width: 100%
}
.widget.vmag_block_posts_style1 .right-posts-wrapper .post-thumb img {
width: 100%
}
.widget.vmag_category_posts_slider {
width: 100%;
margin-right: 0
}
.widget.vmag_block_posts_style2 .block-post-wrapper.column4-layout .single-post {
width: 48.7%;
margin: 0 .5%
}
.vmag_category_posts_slider .post-thumb a img {
display: block;
max-width: 500px;
margin: 0 auto
}
}
@media (max-width: 520px) {
.footer-widgets-wrapper.widget-column-4 .widget {
width:100%;
float: left;
margin-right: 0
}
}
@media (max-width: 480px) {
.widget.vmag_block_posts_list .single-post .post-thumb {
width:100%;
margin-right: 0
}
.vmag-related-wrapper .single-post {
float: left;
margin: 0 0 15px;
width: 100%
}
.widget.vmag_block_posts_style3 .block-post-wrapper.column3-layout .single-post {
width: 100%;
margin-right: 0
}
.widget.vmag_block_posts_style1 .right-posts-wrapper .single-post .post-thumb {
width: 100%
}
h3.featured-large-font a {
font-size: 18px
}
h3.featured-small-font a {
font-size: 13px
}
.widget.vmag_block_posts_style2 .block-post-wrapper.column3-layout .single-post,.widget.vmag_block_posts_style3 .block-post-wrapper.column4-layout .single-post {
margin: 0;
width: 100%
}
.widget.vmag_block_posts_style2 .block-post-wrapper.column3-layout .block-column-wrapper {
margin: 0
}
.widget.vmag_block_posts_list .single-post .post-content-wrapper {
width: 100%
}
.vmag-top-footer.footer_column_two .vmag-footer-widget,.vmag-top-footer.footer_column_three .vmag-footer-widget,.vmag-top-footer.footer_column_four .vmag-footer-widget {
width: 100%
}
}
@media (max-width: 400px) {
.post-navigation .nav-links .nav-previous,.post-navigation .nav-links .nav-next {
width:100%;
display: inline-block
}
.post-navigation .nav-links .nav-previous {
border-bottom: 1px solid #efefef;
border-right: none
}
.post-navigation .nav-links {
padding: 0
}
.post-navigation .nav-links .nav-next {
border-left: none
}
}
@font-face {
font-family: TablePress;
src: url(//www.angularjswiki.com/wp-content/plugins/tablepress/css/tablepress.eot);
src: url(//www.angularjswiki.com/wp-content/plugins/tablepress/css/tablepress.eot?#ie) format('embedded-opentype'),url(data:application/x-font-woff;base64,d09GRgABAAAAAAXYAAwAAAAACXwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABHAAAABwAAAAcZInHOk9TLzIAAAE4AAAAPgAAAGB7NXPDY21hcAAAAXgAAABMAAABUvD45QVnYXNwAAABxAAAAAgAAAAIAAAAEGdseWYAAAHMAAABKQAAAgjYVHFyaGVhZAAAAvgAAAAvAAAANv2jaBNoaGVhAAADKAAAAB0AAAAkCk0F6GhtdHgAAANIAAAAIAAAACgoAADqbG9jYQAAA2gAAAAWAAAAFgJWAbxtYXhwAAADgAAAAB0AAAAgAE4AH25hbWUAAAOgAAAB3AAAA43ZugaUcG9zdAAABXwAAABZAAAAgeNVfAkAAAABAAAAAMwXcmMAAAAAy1XFoAAAAADNHI82eJxjYGbexjiBgZWBhaWHxZiBgaENQjMVM0SB+ThBQWVRMYPDh+APd9gY/gP5bAyMykCKEUmJAgMjAC56Ct8AAHicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhEwMDB9CPtz6cOf/fyAr+MN1EIt/A78evy5UFxgwsjHAuYxAPSB9KICRYdgDAL67D8kAAQAB//8AD3icXU/NTsJAEJ5ZFggxxmCbkiwHAzLTowlu4ejeyxPwCOBR7r3rE/geeubuG3i3TyGts12MtT18ndnd7w8QsvpdX/Q/IAboI9s1rpY3mMTDkcAVDuaqPD0RqRfaU05UGSxJhj2p5wDNUplqyjsZQT6EQ/2mc9GcyBIPReQOObPrkccHMZhgonMS3R1tiLCsDNFm8bgQF3W06ekgqqnN5Aa//D9nlrOgDeg09Aq4lK3RTiX16n621BBVLrIe2PQK09s2c4THyPIvF4TrAndwO5uHvhPUwOa7MNw8FsCtZfZDJBKB66BQhW58cRwHW09OVMEtI+3aOhEHX+E63crM2dh6X+WazMFLvf6F57OvAqiPGvo+87Tb+LrT4X9/7lT6bKXs9vsByDlkyAAAAHicY2BkYGAA4mO9Sxji+W2+MnCzM4DAWZl+bwT9fyuLN+tpIJeDgQkkCgAbqgoOAHicY2BkYGBj+HeXgYGdAQRYvBkYGVABFwA+hgJEAAAAeJxjZ4AAdiBmaWAwBeJSFhAbiJkaGByAGMwGADa+AxEAAAAAAAAAAAAqAFgAdgCUALIA0AEEAAB4nGNgZGBg4GKQYWBiAAEQycgAEnMA8xkABjEAbgAAAHicjZJBaxNBFMf/u0mbJoig5KC3QcRblt2tFCm9lEp701iKIHiZJLPJ0mSnzE5S8h38BB79Nn4ab94E/zN9JVB7MCEzv/3Pm/f+720ADPEbCe4/qXCCAV4Kp+jhrXAHGb4Ld/Ecv4T38Cx5I7yPQfJBuIdPyR/hAzxJa+E+Buk3Zku6fal8xwn9dIRTPMVr4Q6+4kS4S/Wn8B5eJanwPobJO+EefiRfhA/wIv0o3Mcw3YRyV9CYYAmDMRzXll9c6cnSjJ1pyZcU51gzRDMAl2a+XmrCOSwa+Lg7RhgolJxKzv2Yv8cSqwfZ7iILHGHEdcT7OfdDJreNP7dublSZ5epY7QwpMUCxOBoVozIvDh/v4mEx/JsE+MwQx+A6dhO8hA7y2EvwUjLEuLa2jSqyPFcsV/7H0MbxUFMOYwkhVSykODAb10U8OePTDbY8qel0QV3FO1PSvaUqDnh3p5LBB8WxxozqKnZ4TU1T9THfhJ3vsjTcw9M02s1ocWl0a5QzlXHKW+UXRp3Zm62r5wuvWjP1oenKunhS8YUo7/TMrLS7Vtp7V0/WMaSxvp6aNoP8FYKzU9zGOpbOTHidzqvTW9PaFZ/e0+QmtnJBatjAlqLeGHWhm9kWfwGPR6C4eJxjYGIAg/9VDFEM2AAXEDMyMDEyMTIzsjCyMrIxsjNy8CRnpJYV5efF56SmlfDCOEWZ6RklXMmJRakl8Sn55XkcEGZpAVQMpJgbwgQrZSnOLyoBACnGHqgAAAA=) format('woff'),url(//www.angularjswiki.com/wp-content/plugins/tablepress/css/tablepress.ttf) format('truetype'),url(//www.angularjswiki.com/wp-content/plugins/tablepress/css/tablepress.svg#TablePress) format('svg');
font-weight: 400;
font-style: normal
}
.tablepress-table-description {
clear: both;
display: block
}
.tablepress {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 1em;
border: none
}
.tablepress td,.tablepress th {
padding: 8px;
border: none;
background: 0 0;
text-align: left;
float: none!important
}
.tablepress tbody td {
vertical-align: top
}
.tablepress tbody td,.tablepress tfoot th {
border-top: 1px solid #ddd
}
.tablepress tbody tr:first-child td {
border-top: 0
}
.tablepress thead th {
border-bottom: 1px solid #ddd
}
.tablepress tfoot th,.tablepress thead th {
background-color: #d9edf7;
font-weight: 700;
vertical-align: middle
}
.tablepress .odd td {
background-color: #f9f9f9
}
.tablepress .even td {
background-color: #fff
}
.tablepress .row-hover tr:hover td {
background-color: #f3f3f3
}
.tablepress img {
margin: 0;
padding: 0;
border: none;
max-width: none
}
.dataTables_wrapper {
clear: both;
margin-bottom: 1em
}
.dataTables_wrapper .tablepress {
clear: both;
margin: 0!important
}
.dataTables_length {
float: left;
white-space: nowrap
}
.dataTables_filter {
float: right;
white-space: nowrap
}
.dataTables_wrapper .dataTables_filter input {
margin-left: .5em
}
.dataTables_info {
clear: both;
float: left;
margin: 4px 0 0
}
.dataTables_paginate {
float: right;
margin: 4px 0 0
}
.dataTables_paginate a {
color: #111!important;
display: inline-block;
outline: 0;
position: relative;
text-decoration: underline;
margin: 0 5px
}
.dataTables_paginate a:first-child {
margin-left: 0
}
.dataTables_paginate a:last-child {
margin-right: 0
}
.paginate_button:hover {
cursor: pointer;
text-decoration: none
}
.paginate_button.disabled {
color: #999!important;
text-decoration: none;
cursor: default
}
.paginate_button.current {
font-weight: 700;
text-decoration: none;
cursor: default
}
.dataTables_paginate.paging_simple {
padding: 0 15px
}
.paging_simple .paginate_button.next:after,.paging_simple .paginate_button.previous:before {
text-align: left;
font-family: TablePress;
font-size: 14px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
content: "\f053";
text-shadow: .1em .1em #666;
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: -14px;
margin: auto;
height: 14px;
width: 14px;
line-height: 1
}
.paging_simple .paginate_button.next:after {
text-align: right;
content: "\f054";
left: auto
}
.paginate_button:after,.paginate_button:before {
color: #d9edf7
}
.paginate_button:hover:after,.paginate_button:hover:before {
color: #049cdb
}
.paginate_button.disabled:after,.paginate_button.disabled:before {
color: #f9f9f9
}
.dataTables_processing {
display: none
}
.dataTables_scroll {
clear: both
}
.dataTables_scrollBody {
-webkit-overflow-scrolling: touch
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing {
height: 0;
overflow: hidden;
margin: 0!important;
padding: 0!important
}
.tablepress .sorting,.tablepress .sorting_asc,.tablepress .sorting_desc {
position: relative;
padding-right: 20px;
cursor: pointer;
outline: 0
}
.tablepress .sorting:after,.tablepress .sorting_asc:after,.tablepress .sorting_desc:after {
font-family: TablePress;
font-weight: 400;
font-size: 14px;
-webkit-font-smoothing: antialiased;
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 6px;
margin: auto;
height: 14px;
line-height: 1
}
.tablepress .sorting:after {
content: "\f0dc"
}
.tablepress .sorting_asc:after {
content: "\f0d8";
padding: 0 0 2px
}
.tablepress .sorting_desc:after {
content: "\f0d7"
}
.tablepress .sorting:hover,.tablepress .sorting_asc,.tablepress .sorting_desc {
background-color: #049cdb
}
.dataTables_scrollBody .tablepress thead th:after {
content: ""
}
.dataTables_wrapper:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.dataTables_wrapper label input,.dataTables_wrapper label select {
display: inline;
margin: 2px;
width: auto
}
p#subscribe-email {
margin-top: 5px;
margin-bottom: 10px
}
.post-thumb {
display: none !important
}
body {
color: #000 !important;
font-size: 15px
}
.vmag-home-aside,#secondary {
color: #000 !important
}
.site-title-wrapper .site-title a {
color: #4db2ec !important
}
pre {
background: 0 0;
font-family: monospace;
border: 1px;
border-style: inset
}
h2,h3 {
margin-bottom: 10px !important
}
.post-navigation {
display: none
}
#primary .vmag-author-metabox .author-desc-wrapper {
width: 73%;
font-size: 15px;
padding-top: 0;
margin-left: 10px
}
#primary .vmag-author-metabox .author-desc-wrapper a.author-title {
margin-bottom: 0
}
#primary .vmag-author-metabox {
padding: 5px;
border: none
}
.site-header .site-branding .site-title-wrapper p.site-title a {
text-transform: none;
font-size: 2em
}
ul {
list-style: inside
}
.site-header .main-navigation li a {
text-transform: none
}
#secondary .widget-title {
text-transform: none
}
.vmag-home-aside,#secondary {
font-size: 15px
}
.vmag-container .site-branding {
margin-left: 10px;
max-width: 100%
}
#primary p a {
text-decoration: underline;
color: #f16334
}
#primary .vmag-author-metabox .author-desc-wrapper a {
color: #f16334
}
#primary .entry-thumb {
display: none
}
.vmag-top-header .top-navigation .menu li>a {
padding: 0 5px
}
.entry-content ul {
margin-bottom: 20px;
margin-left: 20px;
list-style: circle
}
em {
font-style: inherit;
background: #e6e6fa;
font-family: monospace
}
code {
background: #eff0f1
}
.top-navigation ul {
margin-left: 0 !important
}
.vmag-top-header .top-navigation {
padding: 0 !important
}
.top-navigation ul {
padding: 0 !important
}
#subscribecustom #subscribe-email {
height: 35px !important;
float: left !important;
margin-right: 40px !important
}
#subscribecustom .jetpack_subscription_widget h2 {
display: none
}
#subscribecustom #subscribe-submit input[type=submit] {
padding: 0 5px !important
}
.default-wp-page {
display: none
}
.author-box {
box-shadow: none;
padding: 20px 0 0
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2')
}
.material-icons {
font-family: 'Material Icons';
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased
}
div.dataTables_wrapper {
margin-top: 20px;
margin-bottom: 20px
}
-->
| Icon | Icon Name | mat-icon code |
|---|---|---|
| check_box | check box icon | <mat-icon>check_box</mat-icon> |
| check_box_outline_blank | check box outline blank icon | <mat-icon>check_box_outline_blank</mat-icon> |
| indeterminate_check_box | indeterminate check box icon | <mat-icon>indeterminate_check_box</mat-icon> |
| radio_button_checked | radio button checked icon | <mat-icon>radio_button_checked</mat-icon> |
| radio_button_unchecked | radio button unchecked icon | <mat-icon>radio_button_unchecked</mat-icon> |
| star | star icon | <mat-icon>star</mat-icon> |
| star_border | star border icon | <mat-icon>star_border</mat-icon> |
| star_half | star half icon | <mat-icon>star_half</mat-icon> |
Angular material mat-icon 资源参考_Toggle的更多相关文章
- Angular Material 按钮图标系列
工做中经常用到Angular Material 中的好多按钮素材,奈何官网经常上不去,所以只能自己把这些常用的按钮扒下来了,留给自己同时也留给大家方便查看. Angular material mat- ...
- Angular Material design设计
官网: https://material.io/design/ https://meterial.io/components 优秀的Meterial design站点: http://material ...
- Angular Material & Hello World
前言 Angular Material(下称Material)的组件样式至少是可以满足一般的个人开发需求(我真是毫无设计天赋),也是Angular官方推荐的组件.我们通过用这个UI库来快速实现自己的i ...
- Ng-Matero:基于 Angular Material 搭建的中后台管理框架
前言 目前市面上关于 Angular Material 的后台框架比较少,大多都是收费主题,而且都不太好用. 很多人都说 Material 是一个面向 C 端的框架,其实在使用其它框架做管理系统的时候 ...
- Icon资源详解[1]
本文分享&备忘最近了解到的icon资源在windows平台下相关的一部分知识,所有测试代码都尽可能的依赖win32 API实现.更全面的知识,参考文末列出的”参考资料“. 关键字:I ...
- Angular Material 白天模式和黑夜模式
Material design调色板 https://www.materialpalette.com/ 明暗:虽然颜色不变,但是针对白天黑夜有做不同处理. 叠加:对话框,弹出菜单,事先是没有加载的.是 ...
- ASP.NET Core 2.1 Web API + Identity Server 4 + Angular 6 + Angular Material 实战小项目视频
视频简介 ASP.NET Core Web API + Angular 6的教学视频 我是后端开发人员, 前端的Angular部分讲的比较差一些, 可以直接看代码!!!! 这是一个小项目的实战视频, ...
- Angular 2 to Angular 4 with Angular Material UI Components
Download Source - 955.2 KB Content Part 1: Angular2 Setup in Visual Studio 2017, Basic CRUD applicat ...
- [转]VS Code 扩展 Angular 6 Snippets - TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout
本文转自:https://marketplace.visualstudio.com/items?itemName=Mikael.Angular-BeastCode VSCode Angular Typ ...
随机推荐
- java判断一个数是否为素数[转]
http://blog.csdn.net/lwcumt/article/details/8027586 import java.util.Scanner; //质数又称素数,是指在一个大于1的自然数中 ...
- MISCONF Redis is configured to save RDB snapshots, but is currently not able to persist on disk. Commands that may modify the data set are disabled. Please check Redis logs for details about the error
今天购物车突然不能添加了,发现redis报错了,重启了一下好了,一会又报错了. 错误信息: MISCONF Redis is configured to save RDB snapshots, but ...
- Redis安装及HA(High Availability)配置(转)
出处:http://www.cnblogs.com/morvenhuang/p/4184262.html Redis是一种内存数据库,以KEY-VALUE(即键值对)的形式存储数据.这篇文章主要介绍的 ...
- [GO]goexit的使用
package main import "fmt" func test() { defer fmt.Println("cccccccccccc")//在函数退出 ...
- 白话浅说TCP/UDP面向连接,面向无连接的区别
TCP是面向连接的UDP是面向无连接的就是这种关系了 TCP(Transmission Control Protocol,传输控制协议) UDP(User Datagram Protocol,用户数据 ...
- 从命令行运行 MyBatis Generator
? ? 一.准备 1. 获取最新jar包 2. 获取xml dtd <?xml version="1.0" encoding="UTF-8"?> & ...
- 【微服务架构】SpringCloud之Eureka(服务注册和服务发现基础篇)(二)
上篇文章讲解了SpringCloud组件和概念介绍,接下来讲解一下SpringCloud组件相关组件使用.原理和每个组件的作用的,它主要提供的模块包括:服务发现(Eureka),断路器(Hystrix ...
- C++ 调用C++写的类库的2种方法之一(隐式链接)
一:创建C++ DLL类库,名称:Dll1 1.Dll1.h /*#ifndef Dll_API #else #define Dll_API _declspec(dllimport) #endif * ...
- MVC4 路由解析 同名Controller的解决方案
通常我们在MVC中通过Area建立子站的时候会有 controller名称重复的情况,这是后如何区分路由优先级, 我们知道 在Route对象中存在RouteValueDictionary 类型的Dat ...
- 搭建服务器集群——Windows7系统中nginx与IIS服务器搭建集群实现负载均衡
转载:https://www.cnblogs.com/xiongze520/p/10308720.html 分布式,集群,云计算机.大数据.负载均衡.高并发······当耳边响起这些词时,做为一个菜鸟 ...