<data:blog.pageTitle/>
<data:blog.pageName/> | <data:blog.title/>
ul {
display: block
}
/*=====================================
= Top Bar
=====================================*/
#top-bar .social-icons {
margin: 8px 0px;
}
#top-bar {
float: left;
width: 100%;
background: #202020;
padding: 10px 0px
}
.social-icons li {
display: inline-block;
list-style: none;
margin-right: 15px;
}
.social-icons li a {
color: #ABABAB;
}
.social-icons li a:hover {
color: #fff;
}
.buttons li {
display: inline-block;
}
.buttons li a {
color: #fff;
text-decoration: none;
background: #2071EE;
font-size: 12px;
padding: 8px 24px;
float: left;
font-weight: bold;
border-radius: 18px;
}
a.border-button {
border: 2px solid #fff;
background: none!important;
padding: 6px 24px!important;
}
/*=====================================
= Featured Posts
=====================================*/
#featured-posts {
float: left;
width: 100%;
background: #202020;
padding: 95px 0px;
margin-bottom: 89px;
}
#featured-posts h3 {
font-size: 48px;
letter-spacing: -2px;
text-transform: capitalize;
margin-bottom: 5px;
color: #fff;
font-weight: bold;
text-align: center;
margin: 0px 0px 45px 0px;
}
#featured-posts #label_with_thumbs {
margin: 0;
padding: 0;
}
#featured-posts #label_with_thumbs li {
display: block;
float: left;
width: 50%;
position: relative;
}
#featured-posts #label_with_thumbs li img {
width: 100%;
}
#featured-posts #label_with_thumbs li:first-child {
padding-right: 20px;
}
#featured-posts #label_with_thumbs li:last-child {
padding-left: 20px;
}
#featured-posts #label_with_thumbs .container {
height: 400px;
overflow: hidden;
}
#featured-posts #label_with_thumbs .details {
background: #fff;
position: absolute;
width: 580px;
top;
: 0;
z-index: 1;
top: 0;
padding: 0;
}
#featured-posts .post-info {
float: left;
}
#featured-posts .details {
float: right;
}
#featured-posts .details h2 {
float: right;
width: 421px;
font-size: 20px;
margin: 28px 24px 24px 24px;
height: 41px;
overflow: hidden;
}
#featured-posts .details h2 a {
text-decoration: none;
color: #111;
}
#featured-posts .post-info {
background: #2071EE;
padding: 21px;
}
#featured-posts .post-info a {
color: #fff;
text-align: center;
font-size: 24px;
}
#featured-posts .post-info span {
width: 100%;
float: left;
}
#featured-posts span.month {
text-transform: uppercase;
font-size: 14px;
border-top: 1px solid #fff;
padding: 5px 0px 0px 0px;
margin: 5px 0px 0px 0px;
}
/*=====================================
= Footer
=====================================*/
.footer {
background-color: #32302f;
color: #CCC;
border-top-color: rgba(0, 0, 0, .2);
width: 100%;
float: left;
padding: 60px 0px 0px 0px;
margin: 80px 0px 0px 0px;
}
.footer-widget h2 {
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 18px;
color: #fff;
}
.footer-widget {
float: left;
width: 250px;
margin-left: 30px;
color: #CCC;
}
.footer-widget:first-child {
margin: 0px;
}
.footer-widget p {
line-height: 22px;
}
.footer-widget a:hover {
text-decoration: underline;
}
.footer-widget a {
color: #2071EE;
text-decoration: none;
}
.footer-widget li {
display: block;
margin-bottom: 10px;
}
.footer-widget.last {
width: 358px;
}
.copyrights {
background-color: #2a2928;
color: rgba(255, 255, 255, .25);
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
float: left;
width: 100%;
padding: 25px 0px;
margin-top: 60px;
}
.copyrights p {
margin: 20px 0px;
}
.copyrights a {
color: rgba(255, 255, 255, .25);
}
.copyrights ul {
margin: 20px 0px;
}
.left {
float: left;
}
.right {
float: right;
}
.right li {
float: left;
display: block;
margin-right: 15px;
}
.footer-widget.last p {
font-size: 16px;
}
.footer .social-links {
float: left;
width: 100%;
margin-top: 28px;
}
.footer .social-links li {
float: left;
margin-left: 22px;
color: #fff;
}
.footer .social-links li a {
color: #fff;
font-size: 20px;
padding: 12px 17px;
border: 1px solid #fff;
}
.footer .social-links li:first-child {
margin: 0px;
}
.email-form {
float: left;
width: 100%;
margin-top: 20px;
}
.emailtext {
background-color: rgba(0, 0, 0, .2)!important;
color: rgba(255, 255, 255, .25)!important;
padding: 15px 20px!important;
width: 244px!important;
float: left;
border-radius: 0!important;
border: 0px;
}
.sub-button {
background: #2071EE;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
width: 112px;
border: 0px;
padding: 15px 20px!important;
}
.popular-posts ul {
margin: 0px;
padding: 0px;
}
/*=====================================
= Popular Course
=====================================*/
#popular-course {
float: left;
width: 100%;
margin-top: 50px;
}
#popular-course .section {
width: 50%;
float: left;
}
#popular-course #label_with_thumbs {
margin: 0;
padding: 0;
}
#popular-course li {
display: block;
border: 1px solid #ddd;
margin-bottom: 20px;
}
#popular-course .section:last-child {
padding-left: 10px;
}
#popular-course .section:first-child {
padding-right: 10px;
}
#popular-course img {
width: 100%;
transition: all .2s ease-in-out;
}
#popular-course img:hover {
transform: scale(1.1);
}
#popular-course .container {
overflow: hidden;
}
#popular-course h2 {
font-size: 15px;
text-align: center;
margin: 5px 0px;
}
#popular-course h2 a {
color: #111;
text-decoration: none;
}
#popular-course .details {
text-align: CENTER;
border-bottom: 1px solid #ddd;
padding: 30px 20px 40px 20px;
}
#popular-course .label_title {} #popular-course .post-info a {
color: #A5A5A5;
text-decoration: none;
}
.popular1 li:first-child {
width: 100%;
}
.popular1 li {
width: 49%;
float: left;
margin-right: 10px;
}
li.recent-box:last-child {
margin: 0;
}
.popular2 li:last-child {
width: 100%;
}
.popular2 li:first-child {
margin: 0;
width: 49%;
margin-right: 10px;
}
.popular2 li {
width: 49%;
float: left;
}
#popular-course .title-text {
display: none;
}
/*=====================================
= Static Page
=====================================*/
.static_page .post-title a {
margin: 0;
color: #484848;
font-size: 43px;
font-weight: 200;
letter-spacing: -1px;
margin-bottom: 0;
float: left;
text-align: center;
width: 100%;
line-height: 50px;
font-family: source sans pro, sans-serif;
text-transform: capitalize;
text-decoration: none;
}
.static_page .post-title {
margin: 0;
}
/*=====================================
= Our Team
=====================================*/
#title-info {
float: left;
width: 100%;
background: #F5F5F5;
text-align: center;
padding: 48px 0px;
margin-bottom: 34px;
}
#title-info h1 {
margin: 0;
color: #484848;
font-size: 43px;
font-weight: 200;
letter-spacing: -1px;
margin-bottom: 0;
float: left;
text-align: center;
width: 100%;
line-height: 50px;
font-family: source sans pro, sans-serif;
text-transform: capitalize;
}
.item #rsidebar-wrapper,
.static_page #rsidebar-wrapper {
display: block;
}
.item #main-wrapper,
.static_page #main-wrapper {
width: 825px;
float: left;
}
.item .post-outer,
.static_page .post-outer {
width: 100%;
padding: 0;
}
.item .description {
color: #999999;
font-family: source sans pro, sans-serif;
font-size: 16px;
}
.item .post-body {
margin: 0px;
padding: 0;
}
.item .wrapfullpost,
.static_page .wrapfullpost {
border: 0;
}
.item .post-outer,
.static_page .post-outer {
float: left;
font-size: 18px;
line-height: 32px;
font-family: source sans pro, san-serif;
}
.item .postmeta-primary {
font-size: 15px;
}
.item .postmeta-primary span {
margin-right: 20px;
}
.post img {
max-width: 100%;
height: auto;
}
/*=====================================
= 404 Page
=====================================*/
.error_page .main .Blog {
display: none;
}
.notfound {
text-align: center;
margin: 0px 0px 89px 0px;
line-height: 32px;
margin-top: 80px;
}
.notfound h2 {
font-size: 76px;
}
.notfound p {
font-size: 25px;
font-weight: 300;
}
.error_page #rsidebar-wrapper {
display: none;
}
.error_page #main-wrapper {
width: 100%;
}
div#error-page {
float: left;
width: 100%;
}
/*=====================================
= Our Team
=====================================*/
#our-team {
width: 100%;
float: left;
background: #F5F5F5;
padding: 80px 0px;
margin: 75px 0px 40px 0px;
}
#our-team li {
width: 16.6%;
float: left;
padding-right: 15px;
display: block;
}
#our-team li img {
width: 100%;
height: auto;
border: 1px solid #ddd;
margin-bottom: 14px;
-webkit-transition: all .6s ease;
}
#our-team li img:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
/* For Webkit browsers */
filter: gray;
/* For IE 6 - 9 */
-webkit-transition: all .6s ease;
}
#our-team .name,
#our-team .rank {
width: 100%;
text-align: center;
float: left;
}
#our-team .name {
text-transform: uppercase;
margin-top: 10px;
}
#our-team .rank {
color: #9E9E9E;
font-size: 13px;
}
#our-team .image-wrap {
height: 193px;
overflow: hidden;
float: left;
}
/*=====================================
= Author
=====================================*/
.aboutauthor img {
display: block;
width: 139px;
height: auto;
border-radius: 50%;
border: 0px;
background: none;
float: left;
padding: 0px;
margin-right: 20px;
}
.aboutauthor .authorname {
color: #434242;
font-family: 'raleway', sans-serif;
font-size: 23px;
margin: 4px 0px 0px 0px;
font-weight: bold;
}
.aboutauthor {
float: left;
border-top: 1px solid #d2d2d2;
padding: 37px 0px;
}
.aboutauthor .authorrank {
color: #A2A2A2;
margin: 0px;
}
.aboutauthor p {
margin: 6px 0;
font-size: 15px;
line-height: 29px;
}
.postmeta-primary {
padding: 10px 0px;
border-bottom: 1px solid #d2d2d2;
}
/*=====================================
= Related Posts
=====================================*/
#related-posts {
float: left;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding: 39px 0px;
width: 100%;
}
#related-posts h2 {
color: #4B4B4B;
text-transform: uppercase;
font-weight: 500;
font-size: 28px;
margin-bottom: 30px;
padding: 0;
}
/*=====================================
= Share Buttons
=====================================*/
.share-button-link-text {
display: block;
text-indent: 0;
}
.post-share-buttons {
display: block;
width: 100%;
float: left;
margin: 35px 0;
font-family: 'Montserrat', sans-serif;
}
.post-share-buttons .fb:hover {
background: #375593;
color: #fff
}
.post-share-buttons .email:hover {
background: #13B3FF;
color: #fff
}
.post-share-buttons .tw:hover {
background: #0eb6f6;
color: #fff
}
.post-share-buttons .pin:hover {
background: #cb2027;
color: #fff
}
.post-share-buttons .gp:hover {
background: #dd4b39;
color: #fff
}
.post-share-buttons span {
text-decoration: none;
height: 50px;
width: 53px;
text-align: center;
line-height: 33px;
font-size: 17px;
color: #434242;
display: inline-block;
border-radius: 100%;
margin: 5px 6px;
padding-top: 9px;
border: 1px solid #CCC;
}
/*=====================================
= Status Msg
=====================================*/
#main-wrapper .status-msg-wrap {
display: none;
}
.status-msg-body {
text-align: center;
font-size: 16px;
font-family: 'open sans', sans-serif;
}
.status-msg-wrap {
text-align: left;
}
.status-msg-border {
border: none;
}
.status-msg-body a {
display: none;
}
.status-msg-body {
background: none;
position: static;
margin: 0;
color: #484848;
font-size: 43px;
font-weight: 200;
letter-spacing: -1px;
margin-bottom: 0;
float: left;
text-align: center;
width: 100%;
line-height: 76px;
font-family: source sans pro, sans-serif;
text-transform: capitalize;
}
.status-msg-body b {
background: #2071EE;
color: #fff;
padding: 5px;
text-transform: uppercase;
}
.status-msg-bg {
display: none;
}
.status-msg-body b {} .PopularPosts .widget-content ul li {
padding: .7em 0;
display: block;
}
/*=====================================
= Responsive Menu
=====================================*/
nav#nav-mobile {
position: relatitve;
display: none;
}
#nav-trigger {
float: right;
margin: 0;
}
nav#nav-mobile {
margin: 0px;
}
nav#nav-mobile {
display: none;
}
#nav-trigger span .fa {
font-size: 18px;
color: #555555;
}
nav#nav-mobile {
float: right;
width: 100%;
z-index: 300;
position: relative;
}
#nav-mobile li {
width: 100%;
float: right;
}
#nav-mobile li {
display: block;
width: 100%;
}
#nav-mobile li a {
background-color: #3F3E3E;
padding: 13px 20px 13px 20px;
width: 100%;
float: right;
color: #fff;
}
#nav-mobile li li a {
background: #515151;
}
#nav-trigger {
display: none;
}
#nav-mobile .menu-secondary {
margin: 0;
}
.fixed-nav #nav-mobile {
margin-top: 58px;
}
.widget {
margin: 0;
}
/*=====================================
= Responsive
=====================================*/
@media screen and (max-width: 1110px) {
.margin-1200,
.slide-wrap {
max-width: 800px;
}
#featured-posts #label_with_thumbs .details {
height: 99px;
overflow: hidden;
}
#featured-posts .details h2 {
width: 223px;
overflow: hidden;
height: 61px;
margin: 19px;
}
#featured-posts #label_with_thumbs .details {
width: 380px;
}
#featured-posts {
height: 538px;
}
.post-outer {
width: 50%;
}
.readmore {
width: 323px;
}
#our-team .image-wrap {
height: 108px;
}
.popular1 li {
width: 48.7%;
}
.popular2 li:first-child {
width: 48%;
}
.footer-widget {
float: left;
width: 117px;
}
.copyrights {
text-align: center;
}
.copyrights .left,
.copyrights .right {
width: 100%;
}
.copyrights .right {
text-align: center;
display: inline-block;
float: none;
width: 566px;
margin: auto;
}
.item #main-wrapper,
.static_page #main-wrapper {
width: 431px;
float: left;
}
}
/*=====================================
= Slider
=====================================*/
@-moz-document url-prefix() {
#slider-container {
margin-top: 0px!important;
}
}
#slider-container {
height: 600px;
overflow: hidden;
position: relative;
float: left;
width: 100%;
}
#slider-container ul {
padding: 0;
}
*,
:after,
:before {
box-sizing: border-box;
}
#slider-container * {
transition: all 0 ease;
-webkit-transition: all 0 ease;
-moz-transition: all 0 ease;
-o-transition: all 0 ease
}
.slider-load span {
position: absolute;
font-size: 20px;
top: 50%;
margin-top: -20px;
left: 50%;
margin-left: -20px;
background-color: #fff;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
border-radius: 5px;
color: #555
}
.slider-load {
width: 100%;
height: 600px;
position: absolute;
z-index: 8;
background-color: #F0F0F0;
left: 0;
top: 0
}
#slider {
position: relative;
overflow: auto;
transition: all 0 ease;
-webkit-transition: all 0 ease;
-moz-transition: all 0 ease;
-o-transition: all 0 ease
}
#slider li {
list-style: none
}
#slider ul li {
position: relative;
float: left
}
.slider-img {
width: 100%;
height: 600px;
overflow: hidden
}
.dots {
position: absolute;
bottom: 20px;
text-align: center;
width: 100%
}
.dots li {
font-size: 0;
display: inline-block;
width: 8px;
border-radius: 50px;
height: 8px;
padding: 2px;
border: 0;
cursor: pointer;
background-color: #FA411E;
margin-right: 5px
}
.dots li.active {
background: #fff
}
.slideraro a {
cursor: pointer;
border: 2px solid #FFF;
border-radius: 50%;
overflow: hidden;
display: block;
color: #FFF;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
font-size: 18px
}
.slideraro a:hover {
color: #555;
background-color: #FFF
}
.slideraro a.unslider-arrow.next:before {
content: "\f054";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slideraro a.unslider-arrow.prev:before {
content: "\f053";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
#slider .widget h2 {
width: 400px;
font-size: 30px;
line-height: 54px;
color: #fff;
font-weight: 400;
}
.slide-wrap {
width: 1200px;
margin: auto;
float: none;
position: static;
}
.slide-wrap-ab {
position: absolute;
z-index: 5;
top: 65px;
z-index: 10;
}
.unslider-arrow.next {
position: absolute;
z-index: 6;
top: 50%;
margin-top: -25px;
right: 20px
}
.unslider-arrow.prev {
position: absolute;
z-index: 6;
top: 50%;
margin-top: -25px;
left: 20px
}
.slider-img {
background-color: #111
}
.slider-img img {
opacity: 0.8
}
#slider .widget-item-control {
display: none
}
#slider .slide-wrap p {
color: #fff;
font-weight: 300;
width: 500px;
line-height: 26px;
font-size: 14px;
}
#slider .widget-content .caption {
width: 1200px;
margin: auto;
float: none;
}
#blog-pager a {
background: #2071EE;
color: #fff;
padding: 10px;
text-transform: uppercase;
text-decoration: none;
}
#blog-pager {
margin: 1em 0;
text-align: center;
overflow: visible;
margin-top: 69px;
width: 100%;
float: left;
}
#blog-pager a:hover {
background: #111;
}
@media screen and (max-width: 810px) {
.margin-1200,
.slide-wrap {
max-width: 300px;
}
.item #main-wrapper,
.static_page #main-wrapper {
width: 300px;
float: left;
}
#rsidebar-wrapper {
width: 300px;
overflow: hidden;
}
#slider .widget h2 {
width: 250px!important;
}
#slider .slide-wrap p {
width: 250px!important;
}
.wrapfullpost {
width: 100%;
}
.post-outer {
width: 100%;
}
#header {
width: 100%;
text-align: center;
}
.entrybody {
height: auto;
}
#featured-posts #label_with_thumbs .details {
height: 63px;
}
#featured-posts #label_with_thumbs li {
width: 100%;
padding: 0!important;
}
#featured-posts {
height: 719px;
}
#featured-posts #label_with_thumbs .container {
height: auto;
margin-bottom: 35px;
}
#featured-posts #label_with_thumbs .details {
width: 300px;
}
#featured-posts .post-info {
padding: 3px;
}
#featured-posts .details h2 {
width: 220px;
margin: 3px;
height: 52px;
font-size: 17px;
margin: 6px 3px;
}
#our-team li {
width: 50%;
margin-bottom: 23px;
}
#featured-posts {
height: auto;
}
.authorname {
float: left;
text-align: center;
margin-bottom: 15px;
}
.comment-actions {
position: static;
float: none;
}
.social-share {
float: none;
margin: auto;
width: 205px;
}
.comment-posted {
float: left;
margin-top: 18px;
margin-left: 53px;
}
#primary_nav_wrap {
display: none;
}
#nav-mobile {
display: block!important;
}
#top-bar .social-icons {
width: 100%;
float: none;
text-align: center;
}
.buttons.right {
width: 216px;
margin: auto;
float: none;
margin-top: 17px;
}
#nav-mobile ul {
display: none;
margin: 0;
padding: 0;
}
#nav-trigger {
display: block;
}
#header {
width: 268px;
}
#header-wrapper {
max-height: 102px;
}
#nav-trigger {
display: block;
margin-top: 12px;
}
#nav-mobile ul ul {
display: none!important;
}
.popular1 li {
width: 48%;
}
#popular-course .section {
width: 100%;
}
#popular-course .section:last-child {
padding: 0;
}
.popular2 li:first-child {
width: 47%;
}
.footer-widget {
width: 100%;
}
.footer-widget.last {
width: 300px;
}
.emailtext {
width: 177px!important;
}
.footer .social-links li a {
padding: 6px 11px;
}
.copyrights .right {
width: 100%;
text-align: center;
padding: 0;
}
.copyrights .right li {
width: 100%;
margin: 0;
}
.footer-widget {
width: 100%;
margin-left: 0;
margin-bottom: 27px!important;
}
.aboutauthor img {
width: 100%;
}
.aboutauthor .authorname {
width: 100%;
}
p.authorrank {
width: 100%;
text-align: center;
}
.aboutauthor p {
text-align: center;
}
#related-posts a {
width: 100%;
padding: 0;
}
#related-posts img {
width: 100%!important;
height: auto!important;
}
#related-posts div {
width: 100%!important;
}
.post-share-buttons span {
margin: 5px 1px;
}
}
]]>
Syed Faizan AliMaster / Computers
Syed Faizan AliMaster / Computers
Syed Faizan AliMaster / Computers
Syed Faizan AliMaster / Computers