Angular material mat-icon 资源参考_Images
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 |
---|---|---|
add_a_photo | add a photo icon | <mat-icon>add_a_photo</mat-icon> |
add_photo_alternate | add photo alternate icon | <mat-icon>add_photo_alternate</mat-icon> |
add_to_photos | add to photos icon | <mat-icon>add_to_photos</mat-icon> |
adjust | adjust icon | <mat-icon>adjust</mat-icon> |
assistant | assistant icon | <mat-icon>assistant</mat-icon> |
assistant_photo | assistant photo icon | <mat-icon>assistant_photo</mat-icon> |
audiotrack | audiotrack icon | <mat-icon>audiotrack</mat-icon> |
blur_circular | blur circular icon | <mat-icon>blur_circular</mat-icon> |
blur_linear | blur linear icon | <mat-icon>blur_linear</mat-icon> |
blur_off | blur off icon | <mat-icon>blur_off</mat-icon> |
blur_on | blur on icon | <mat-icon>blur_on</mat-icon> |
brightness_1 | brightness 1 icon | <mat-icon>brightness_1</mat-icon> |
brightness_2 | brightness 2 icon | <mat-icon>brightness_2</mat-icon> |
brightness_3 | brightness 3 icon | <mat-icon>brightness_3</mat-icon> |
brightness_4 | brightness 4 icon | <mat-icon>brightness_4</mat-icon> |
brightness_5 | brightness 5 icon | <mat-icon>brightness_5</mat-icon> |
brightness_6 | brightness 6 icon | <mat-icon>brightness_6</mat-icon> |
brightness_7 | brightness 7 icon | <mat-icon>brightness_7</mat-icon> |
broken_image | broken image icon | <mat-icon>broken_image</mat-icon> |
brush | brush icon | <mat-icon>brush</mat-icon> |
burst_mode | burst mode icon | <mat-icon>burst_mode</mat-icon> |
camera | camera icon | <mat-icon>camera</mat-icon> |
camera_alt | camera alt icon | <mat-icon>camera_alt</mat-icon> |
camera_front | camera front icon | <mat-icon>camera_front</mat-icon> |
camera_rear | camera rear icon | <mat-icon>camera_rear</mat-icon> |
camera_roll | camera roll icon | <mat-icon>camera_roll</mat-icon> |
center_focus_strong | center focus strong icon | <mat-icon>center_focus_strong</mat-icon> |
center_focus_weak | center focus weak icon | <mat-icon>center_focus_weak</mat-icon> |
collections | collections icon | <mat-icon>collections</mat-icon> |
collections_bookmark | collections bookmark icon | <mat-icon>collections_bookmark</mat-icon> |
color_lens | color lens icon | <mat-icon>color_lens</mat-icon> |
colorize | colorize icon | <mat-icon>colorize</mat-icon> |
compare | compare icon | <mat-icon>compare</mat-icon> |
control_point | control point icon | <mat-icon>control_point</mat-icon> |
control_point_duplicate | control point duplicate icon | <mat-icon>control_point_duplicate</mat-icon> |
crop | crop icon | <mat-icon>crop</mat-icon> |
crop_16_9 | crop 16 9 icon | <mat-icon>crop_16_9</mat-icon> |
crop_3_2 | crop 3 2 icon | <mat-icon>crop_3_2</mat-icon> |
crop_5_4 | crop 5 4 icon | <mat-icon>crop_5_4</mat-icon> |
crop_7_5 | crop 7 5 icon | <mat-icon>crop_7_5</mat-icon> |
crop_din | crop din icon | <mat-icon>crop_din</mat-icon> |
crop_free | crop free icon | <mat-icon>crop_free</mat-icon> |
crop_landscape | crop landscape icon | <mat-icon>crop_landscape</mat-icon> |
crop_original | crop original icon | <mat-icon>crop_original</mat-icon> |
crop_portrait | crop portrait icon | <mat-icon>crop_portrait</mat-icon> |
crop_rotate | crop rotate icon | <mat-icon>crop_rotate</mat-icon> |
crop_square | crop square icon | <mat-icon>crop_square</mat-icon> |
dehaze | dehaze icon | <mat-icon>dehaze</mat-icon> |
details | details icon | <mat-icon>details</mat-icon> |
edit | edit icon | <mat-icon>edit</mat-icon> |
exposure | exposure icon | <mat-icon>exposure</mat-icon> |
exposure_neg_1 | exposure neg 1 icon | <mat-icon>exposure_neg_1</mat-icon> |
exposure_neg_2 | exposure neg 2 icon | <mat-icon>exposure_neg_2</mat-icon> |
exposure_plus_1 | exposure plus 1 icon | <mat-icon>exposure_plus_1</mat-icon> |
exposure_plus_2 | exposure plus 2 icon | <mat-icon>exposure_plus_2</mat-icon> |
exposure_zero | exposure zero icon | <mat-icon>exposure_zero</mat-icon> |
filter | filter icon | <mat-icon>filter</mat-icon> |
filter_1 | filter 1 icon | <mat-icon>filter_1</mat-icon> |
filter_2 | filter 2 icon | <mat-icon>filter_2</mat-icon> |
filter_3 | filter 3 icon | <mat-icon>filter_3</mat-icon> |
filter_4 | filter 4 icon | <mat-icon>filter_4</mat-icon> |
filter_5 | filter 5 icon | <mat-icon>filter_5</mat-icon> |
filter_6 | filter 6 icon | <mat-icon>filter_6</mat-icon> |
filter_7 | filter 7 icon | <mat-icon>filter_7</mat-icon> |
filter_8 | filter 8 icon | <mat-icon>filter_8</mat-icon> |
filter_9 | filter 9 icon | <mat-icon>filter_9</mat-icon> |
filter_9_plus | filter 9 plus icon | <mat-icon>filter_9_plus</mat-icon> |
filter_b_and_w | filter b and w icon | <mat-icon>filter_b_and_w</mat-icon> |
filter_center_focus | filter center focus icon | <mat-icon>filter_center_focus</mat-icon> |
filter_drama | filter drama icon | <mat-icon>filter_drama</mat-icon> |
filter_frames | filter frames icon | <mat-icon>filter_frames</mat-icon> |
filter_hdr | filter hdr icon | <mat-icon>filter_hdr</mat-icon> |
filter_none | filter none icon | <mat-icon>filter_none</mat-icon> |
filter_tilt_shift | filter tilt shift icon | <mat-icon>filter_tilt_shift</mat-icon> |
filter_vintage | filter vintage icon | <mat-icon>filter_vintage</mat-icon> |
flare | flare icon | <mat-icon>flare</mat-icon> |
flash_auto | flash auto icon | <mat-icon>flash_auto</mat-icon> |
flash_off | flash off icon | <mat-icon>flash_off</mat-icon> |
flash_on | flash on icon | <mat-icon>flash_on</mat-icon> |
flip | flip icon | <mat-icon>flip</mat-icon> |
gradient | gradient icon | <mat-icon>gradient</mat-icon> |
grain | grain icon | <mat-icon>grain</mat-icon> |
grid_off | grid off icon | <mat-icon>grid_off</mat-icon> |
grid_on | grid on icon | <mat-icon>grid_on</mat-icon> |
hdr_off | hdr off icon | <mat-icon>hdr_off</mat-icon> |
hdr_on | hdr on icon | <mat-icon>hdr_on</mat-icon> |
hdr_strong | hdr strong icon | <mat-icon>hdr_strong</mat-icon> |
hdr_weak | hdr weak icon | <mat-icon>hdr_weak</mat-icon> |
healing | healing icon | <mat-icon>healing</mat-icon> |
image | image icon | <mat-icon>image</mat-icon> |
image_aspect_ratio | image aspect ratio icon | <mat-icon>image_aspect_ratio</mat-icon> |
image_search | image search icon | <mat-icon>image_search</mat-icon> |
iso | iso icon | <mat-icon>iso</mat-icon> |
landscape | landscape icon | <mat-icon>landscape</mat-icon> |
leak_add | leak add icon | <mat-icon>leak_add</mat-icon> |
leak_remove | leak remove icon | <mat-icon>leak_remove</mat-icon> |
lens | lens icon | <mat-icon>lens</mat-icon> |
linked_camera | linked camera icon | <mat-icon>linked_camera</mat-icon> |
looks | looks icon | <mat-icon>looks</mat-icon> |
looks_3 | looks 3 icon | <mat-icon>looks_3</mat-icon> |
looks_4 | looks 4 icon | <mat-icon>looks_4</mat-icon> |
looks_5 | looks 5 icon | <mat-icon>looks_5</mat-icon> |
looks_6 | looks 6 icon | <mat-icon>looks_6</mat-icon> |
looks_one | looks one icon | <mat-icon>looks_one</mat-icon> |
looks_two | looks two icon | <mat-icon>looks_two</mat-icon> |
loupe | loupe icon | <mat-icon>loupe</mat-icon> |
monochrome_photos | monochrome photos icon | <mat-icon>monochrome_photos</mat-icon> |
movie_creation | movie creation icon | <mat-icon>movie_creation</mat-icon> |
movie_filter | movie filter icon | <mat-icon>movie_filter</mat-icon> |
music_note | music note icon | <mat-icon>music_note</mat-icon> |
music_off | music off icon | <mat-icon>music_off</mat-icon> |
nature | nature icon | <mat-icon>nature</mat-icon> |
nature_people | nature people icon | <mat-icon>nature_people</mat-icon> |
navigate_before | navigate before icon | <mat-icon>navigate_before</mat-icon> |
navigate_next | navigate next icon | <mat-icon>navigate_next</mat-icon> |
palette | palette icon | <mat-icon>palette</mat-icon> |
panorama | panorama icon | <mat-icon>panorama</mat-icon> |
panorama_fish_eye | panorama fish eye icon | <mat-icon>panorama_fish_eye</mat-icon> |
panorama_horizontal | panorama horizontal icon | <mat-icon>panorama_horizontal</mat-icon> |
panorama_vertical | panorama vertical icon | <mat-icon>panorama_vertical</mat-icon> |
panorama_wide_angle | panorama wide angle icon | <mat-icon>panorama_wide_angle</mat-icon> |
photo | photo icon | <mat-icon>photo</mat-icon> |
photo_album | photo album icon | <mat-icon>photo_album</mat-icon> |
photo_camera | photo camera icon | <mat-icon>photo_camera</mat-icon> |
photo_filter | photo filter icon | <mat-icon>photo_filter</mat-icon> |
photo_library | photo library icon | <mat-icon>photo_library</mat-icon> |
photo_size_select_actual | photo size select actual icon | <mat-icon>photo_size_select_actual</mat-icon> |
photo_size_select_large | photo size select large icon | <mat-icon>photo_size_select_large</mat-icon> |
photo_size_select_small | photo size select small icon | <mat-icon>photo_size_select_small</mat-icon> |
picture_as_pdf | picture as pdf icon | <mat-icon>picture_as_pdf</mat-icon> |
portrait | portrait icon | <mat-icon>portrait</mat-icon> |
remove_red_eye | remove red eye icon | <mat-icon>remove_red_eye</mat-icon> |
rotate_90_degrees_ccw | rotate 90 degrees ccw icon | <mat-icon>rotate_90_degrees_ccw</mat-icon> |
rotate_left | rotate left icon | <mat-icon>rotate_left</mat-icon> |
rotate_right | rotate right icon | <mat-icon>rotate_right</mat-icon> |
shutter_speed | shutter speed icon | <mat-icon>shutter_speed</mat-icon> |
slideshow | slideshow icon | <mat-icon>slideshow</mat-icon> |
straighten | straighten icon | <mat-icon>straighten</mat-icon> |
style | style icon | <mat-icon>style</mat-icon> |
switch_camera | switch camera icon | <mat-icon>switch_camera</mat-icon> |
switch_video | switch video icon | <mat-icon>switch_video</mat-icon> |
tag_faces | tag faces icon | <mat-icon>tag_faces</mat-icon> |
texture | texture icon | <mat-icon>texture</mat-icon> |
timelapse | timelapse icon | <mat-icon>timelapse</mat-icon> |
timer | timer icon | <mat-icon>timer</mat-icon> |
timer_10 | timer 10 icon | <mat-icon>timer_10</mat-icon> |
timer_3 | timer 3 icon | <mat-icon>timer_3</mat-icon> |
timer_off | timer off icon | <mat-icon>timer_off</mat-icon> |
tonality | tonality icon | <mat-icon>tonality</mat-icon> |
transform | transform icon | <mat-icon>transform</mat-icon> |
tune | tune icon | <mat-icon>tune</mat-icon> |
view_comfy | view comfy icon | <mat-icon>view_comfy</mat-icon> |
view_compact | view compact icon | <mat-icon>view_compact</mat-icon> |
vignette | vignette icon | <mat-icon>vignette</mat-icon> |
wb_auto | wb auto icon | <mat-icon>wb_auto</mat-icon> |
wb_cloudy | wb cloudy icon | <mat-icon>wb_cloudy</mat-icon> |
wb_incandescent | wb incandescent icon | <mat-icon>wb_incandescent</mat-icon> |
wb_iridescent | wb iridescent icon | <mat-icon>wb_iridescent</mat-icon> |
wb_sunny | wb sunny icon | <mat-icon>wb_sunny</mat-icon> |
icon | <mat-icon> </mat-icon> |
Angular material mat-icon 资源参考_Images的更多相关文章
- 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 ...
随机推荐
- code1064 虫食算
dfs搜索每个字母对应的数字 剪枝: 1.当一列上三个数a b c都已知时,如果 (a+b)%n!=c && (a+b+1)%n!=c 剪枝(+1是考量进位,注意&&) ...
- 使用python把图片存入数据库-乾颐堂
一般情况下我们是把图片存储在文件系统中,而只在数据库中存储文件路径的,但是有时候也会有特殊的需求:把图片二进制存入数据库. 今天我们采用的是python+mysql的方式 MYSQL 是支持把图片存入 ...
- [Training Video - 6] [File Reading] [Java] Read Excel File Using Apache POI API
读取以下两种格式的Excel : *.xls and *.xlsx 用Apache POI API来实现,需要用到 HSSF 和 XSSF 的类库 HSSF is the POI Project's ...
- 开源项目spring-shiro-training思维导图
写在前面 终于完成了一个开源项目的思维导图解读.选spring-shiro-training这个项目解读是因为它开源,然后涉及到了很多我们常用的技术,如缓存,权限,任务调度,ssm框架,Druid监控 ...
- ubuntu下学习linux
---恢复内容开始--- 查看当前正在运行的进程(ps命令, grep 搜索命令) ps -ef # -e 显示所有进程,环境变量 -f 全格式 也可以用: ps -e -f # 显示所有关于java ...
- MySQL 存储过程 -流程控制的使用
#五.流程控制的使用 #1.IF 使用 create PROCEDURE iftest1() BEGIN DECLARE a int DEFAULT 10; -- IF (a>1 &&a ...
- HDU 6097 Mindis (计算几何)
题意:给一个圆C和圆心O,P.Q是圆上或圆内到圆心距离相等的两个点,在圆上取一点D,求|PD| + |QD|的最小值 析:首先这个题是可以用三分过的,不过也太,.... 官方题解: 很不幸不总是中垂线 ...
- C++11之Lambda特性探析
目录 目录 1 1. 什么是Lambda? 1 2. 语法格式 1 2.1. 语法格式 1 2.2. 最简定义 2 3. 应用示例 2 4. capture列表 3 4.1. 基本形式 3 4.2. ...
- 编写高质量代码改善C#程序的157个建议——建议156:利用特性为应用程序提供多个版本
建议156:利用特性为应用程序提供多个版本 基于如下理由,需要为应用程序提供多个版本: 应用程序有体验版和完整功能版. 应用程序在迭代过程中需要屏蔽一些不成熟的功能. 假设我们的应用程序共有两类功能: ...
- 编写高质量代码改善C#程序的157个建议——建议153:若抛出异常,则必须要注释
建议153:若抛出异常,则必须要注释 有一种必须加注释的场景,即使异常.如果API抛出异常,则必须给出注释.调用者必须通过注释才能知道如何处理那些专有的异常.通常,即便良好的命名也不可能告诉我们方法会 ...