Angular material mat-icon 资源参考_Hardware
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 |
---|---|---|
cast | cast icon | <mat-icon>cast</mat-icon> |
cast_connected | cast connected icon | <mat-icon>cast_connected</mat-icon> |
computer | computer icon | <mat-icon>computer</mat-icon> |
desktop_mac | desktop mac icon | <mat-icon>desktop_mac</mat-icon> |
desktop_windows | desktop windows icon | <mat-icon>desktop_windows</mat-icon> |
developer_board | developer board icon | <mat-icon>developer_board</mat-icon> |
device_hub | device hub icon | <mat-icon>device_hub</mat-icon> |
device_unknown | device unknown icon | <mat-icon>device_unknown</mat-icon> |
devices_other | devices other icon | <mat-icon>devices_other</mat-icon> |
dock | dock icon | <mat-icon>dock</mat-icon> |
gamepad | gamepad icon | <mat-icon>gamepad</mat-icon> |
headset | headset icon | <mat-icon>headset</mat-icon> |
headset_mic | headset mic icon | <mat-icon>headset_mic</mat-icon> |
keyboard | keyboard icon | <mat-icon>keyboard</mat-icon> |
keyboard_arrow_down | keyboard arrow down icon | <mat-icon>keyboard_arrow_down</mat-icon> |
keyboard_arrow_left | keyboard arrow left icon | <mat-icon>keyboard_arrow_left</mat-icon> |
keyboard_arrow_right | keyboard arrow right icon | <mat-icon>keyboard_arrow_right</mat-icon> |
keyboard_arrow_up | keyboard arrow up icon | <mat-icon>keyboard_arrow_up</mat-icon> |
keyboard_backspace | keyboard backspace icon | <mat-icon>keyboard_backspace</mat-icon> |
keyboard_capslock | keyboard capslock icon | <mat-icon>keyboard_capslock</mat-icon> |
keyboard_hide | keyboard hide icon | <mat-icon>keyboard_hide</mat-icon> |
keyboard_return | keyboard return icon | <mat-icon>keyboard_return</mat-icon> |
keyboard_tab | keyboard tab icon | <mat-icon>keyboard_tab</mat-icon> |
keyboard_voice | keyboard voice icon | <mat-icon>keyboard_voice</mat-icon> |
laptop | laptop icon | <mat-icon>laptop</mat-icon> |
laptop_chromebook | laptop chromebook icon | <mat-icon>laptop_chromebook</mat-icon> |
laptop_mac | laptop mac icon | <mat-icon>laptop_mac</mat-icon> |
laptop_windows | laptop windows icon | <mat-icon>laptop_windows</mat-icon> |
memory | memory icon | <mat-icon>memory</mat-icon> |
mouse | mouse icon | <mat-icon>mouse</mat-icon> |
phone_android | phone android icon | <mat-icon>phone_android</mat-icon> |
phone_iphone | phone iphone icon | <mat-icon>phone_iphone</mat-icon> |
phonelink | phonelink icon | <mat-icon>phonelink</mat-icon> |
phonelink_off | phonelink off icon | <mat-icon>phonelink_off</mat-icon> |
power_input | power input icon | <mat-icon>power_input</mat-icon> |
router | router icon | <mat-icon>router</mat-icon> |
scanner | scanner icon | <mat-icon>scanner</mat-icon> |
security | security icon | <mat-icon>security</mat-icon> |
sim_card | sim card icon | <mat-icon>sim_card</mat-icon> |
smartphone | smartphone icon | <mat-icon>smartphone</mat-icon> |
speaker | speaker icon | <mat-icon>speaker</mat-icon> |
speaker_group | speaker group icon | <mat-icon>speaker_group</mat-icon> |
tablet | tablet icon | <mat-icon>tablet</mat-icon> |
tablet_android | tablet android icon | <mat-icon>tablet_android</mat-icon> |
tablet_mac | tablet mac icon | <mat-icon>tablet_mac</mat-icon> |
toys | toys icon | <mat-icon>toys</mat-icon> |
tv | tv icon | <mat-icon>tv</mat-icon> |
videogame_asset | videogame asset icon | <mat-icon>videogame_asset</mat-icon> |
watch | watch icon | <mat-icon>watch</mat-icon> |
Angular material mat-icon 资源参考_Hardware的更多相关文章
- 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 ...
随机推荐
- [C++] NEW Advanced Usage
NEW Advanced Usage 将分配的内存限定在特定的一块区域 #include<iostream> #include<new> ); ); }; using name ...
- IntelliJ IDEA 安装
1.在终端输入sudo vim /private/etc/hosts 2.在打开的hosts文件中,在尾行添加 0.0.0.0 account.jetbrains.com 3.去网站http://id ...
- qt下的跨目录多工程编译(转)
这里要编译的工程包含一个库和一个可执行文件.可执行文件依赖于库,所以要先编译库,编译后库放在lib目录里面,可执行文件放在bin目录里面. 目录结构如下: 全局的工程文件complex.pro在工程根 ...
- 分布式缓存系统Memcached简介与以及在.net下的实践(转)
缘起: 在数据驱动的web开发中,经常要重复从数据库中取出相同的数据,这种重复极大的增加了数据库负载.缓存是解决这个问题的好办法.但是ASP.NET中的虽然已经可以实现对页面局部进行缓存,但还是不够灵 ...
- IT技术公众号推荐
获取二维码方法:http://open.weixin.qq.com/qr/code/?username=公众账号,例如:cjscwe_2015 目录 全栈 编程语言 前端开发 移动开发 数据库 操 ...
- Java文件路径
几大常用的方法 Class.getResource("") 返回的是当前Class这个类所在包开始的位置 getClassLoader().getResource(" ...
- set集合排序
不仅list是有序集合,set也可以变为有序集合. /** * 给字符串时间的set排序 * @return 有序的set集合 */ public static Set getSort(){ Set& ...
- [raspberry p3] [suse] 安装maven
[raspberry p3] [suse] 安装maven 配置package repositroy, 添加devel:tools:building vim /etc/zypp/repos.d/ope ...
- 折腾了两天的跨站脚本提交问题,与IIS7有关
根据这里提供的方法,本地测试通过没有问题,但是部署到服务器上之后,只有GET请求可以跨站提交,POST请求继续报错,折腾了两天之后觉得,是不是IIS7的问题?果然,找到了这篇文章,照做之后解决.
- CLR via C# 读书笔记-21.托管堆和垃圾回收
前言 近段时间工作需要用到了这块知识,遂加急补了一下基础,CLR中这一章节反复看了好多遍,得知一二,便记录下来,给自己做一个学习记录,也希望不对地方能够得到补充指点. 1,.托管代码和非托管代码的区别 ...