/* Theme Name: Grepfrut Child Theme URI: http://wordpress.tanshcreative.com/grepfrut/ Description: Grepfrut Child Theme Author: Tansh Author URI: http://tanshcreative.com Template: grepfrut Version: 1.0.0 */ @import url("../grepfrut/style.css"); /* =Theme customization starts here -------------------------------------------------------------- */ /* =Theme customization starts here -/*---------------------------------------------------------------------------*/ /* customizing log in page ===> to be added to style.css /*---------------------------------------------------------------------------*/ body.login { background: url(images/body-bg-18.png) repeat !important;} /* main background image here */ .login, body.login {} #login { width: 400px; } #loginform, #lostpasswordform, #registerform { background: url(images/lock.png) top center no-repeat !important; /* you can add a lock icon here */ background:#fefefe; border: 1px solid #C3D4DB; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px; -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px; box-shadow:rgba(0,0,0,0.15) 0 0 1px; color:#444; font:normal 12px/14px Arial, Helvetica, Sans-serif; padding-top:60px; } .login form .forgetmenot {float: none;} #login form p.submit {margin-top: 20px;} .login form .input { -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; background: #e4e4e4 !important; border: 1px solid #F7F7F7; -webkit-box-shadow: inset 0px 1px 1px 0px #999999; box-shadow: inset 0px 1px 1px 0px #999999; padding-left:10px; } .login .reg_passmail { display:none;} .login .button-primary { float: none; width: 320px; padding: 10px 10px; border: 1px solid #B7B7B7 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform:uppercase; color: #FC4C00 !important; background:#42CAFF; text-shadow:none !important; } .login .message { background:#fefefe; border: 1px solid #C3D4DB; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#444; font:normal 12px/14px Arial, Helvetica, Sans-serif; padding: 10.5px 21px; color: #5E5D5D; text-align:center !important; } #login_error { background: #FFC2C2 !important; border: 1px solid #C3D4DB !important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:normal 12px/14px Arial, Helvetica, Sans-serif; padding: 10.5px 21px; color: #5E5D5D; text-align:center !important; } #login_error a {color: #19B1FC !important;} .login h1 a { background-image: url(http://websolutions2.com/images/WS2_logo4site_72dpi.png) !important; /* here goes your logo */ background-size:300px 100px; width:420px; padding-bottom: 20px; } .login #backtoblog{text-align:center !important; text-shadow:none !important;} .login #nav a, .login #backtoblog a {color: #666 !important;} .login #nav a:hover, .login #backtoblog a:hover {} .login #nav, .login #backtoblog {} .login .button-primary:hover { background: #02B6ED;} #page-header { display: none; } /* Breadcrumbs*/ #heading-icon clearfix { width: 300px; height: 100px; } /* Team Image Circle*/ .icon-bg { height: 65px !important; width: 65px !important; border-radius:10px; } blockquote { border-left: 5px solid #063 !important; font-size: 15px; color: #063 !important; font-style: italic; padding: 10px 0 10px 10px; margin-bottom:38px; height: 130px; } blockquote a { margin-bottom: 7px; display: block; } blockquote.pull-right { border-right: 5px solid #063 !important; } blockquote p { font-size: 14px; color: #063 !important; font-style: italic; height:100:px; margin-top:10px; } /*----- 10.3 Team -----*/ .team img { margin-bottom: 10px; border: 10px !important; width:170px; height:180px; } .team-social { margin-top: 10px; padding: 0; list-style-type: none; border: 10px !important; } .team-social li { float: left; display: inline; } .team-social li:last-child { float: none; } /*----- 10.3 Team -----*/ div.team{ background-color: gainsboro; text-align: center; border-radius: 15px; padding-top:10px; height:auto !important; margin:7px; width:220px; } .team img { border: solid #333333 !important; border-radius: 15px; } /* Later may reactivate a.linkedin-icon { } div#header{ padding-left:10px; height:200px; padding-bottom:25px; } .logo img{ height:auto !important; } .logo { height:50%; width:50%; } /* .col-xs-12{ width:105% }*/ /* div.col-md-12.col-sm-12.col-xs-12.clearfix{ width:1000px; }*/ /* /* THE DIMENSION OF A SINGLE THUMB */ .tp-bullets.tp-thumbs .bullet { width:180px; height:74px; margin: 0 2px 0 2px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden; border-radius: 4px; background-color: rgba(0, 0, 0, 0.2); float:left; opacity:0.4 !important; filter:alpha(opacity=40); /* For IE8 and earlier */ padding: 0 !important; } /* THE DIMENSION OF A SINGLE THUMB */ *.tp-bullets.tp-thumbs .bullet:hover, *.tp-bullets.tp-thumbs .bullet.selected { width:180px; height:74px; margin: 0 2px 0 2px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden; border-radius: 4px; background-color: rgba(0, 0, 0, 0.2); float:left; opacity:100 !important; filter:alpha(opacity=100); /* For IE8 and earlier */ padding: 0 !important; } h1{ font-family: Raleway, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #646464; } /* Projects page */ .projects1:hover{ opacity:100 !important; } .projects1 { opacity:.6 !important; width: 200px; height:230px; } .projects1 img { border:2px solid; border-radius:19px; width:180px !important; height:125px!important ; } @media all and (max-width: 768px) { .projects1 img{ width:150px !important; height:100px !important; text-align:center !important; } } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { h2.wpb_heading.wpb_singleimage_heading { font-size:15px !important; margin-left: !important; padding-right:0px !important; } } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { img.attachment-thumbnail { width:175px !important; height:125px !important; margin-right: 15px !important;; margin-top: 5px !important;; margin-bottom: 10px !important;; border: 1px solid black !important;; padding: 3px !important; } } @media only screen and (max-device-width : 320px) { .projects1 { margin-left:75px !important; } } @media only screen and (max-width : 200px) { .projects1 img{ padding-left:25px !important; }} /* Image links before Blog PostB\ */ img.attachment-post-thumbnail.wp-post-image{ pointer-events: none; cursor: default;} /* Mr. Potato Head */ /* Stopwatch */ div#clock1.stopwatch { width: 310px !important; margin-bottom: 10px !important; } .stopwatch .display{ width:200px !important } div#clock{ float:right } @media only screen and (max-width : 600px) { #containerp{ width:auto !important; } } /* End Mr. Potato Head @media only screen and (max-width : 600px) { canvas {width:400px !important; }} /* End Mr. Potato Head @media only screen and (max-width : 600px) { .kineticjs-content {width:400px !important; }}*/ /* End Mr. Potato Head */ /* background-position: auto !important; }}*/ /**Blog Post*/ .post-thumb img{ border-radius: 24px; box-shadow: 10px 10px 5px grey; text-align:center; } .post-meta{ font-size: 18px; } div.post-summary{font-size: 16px !important; } div.wpb_wrapper{font-size: 16px !important; } div.post-content{font-size: 16px !important; } /**End Blog Post*/ /**Links a, a:link {color: #069 !important;} */ /*Team Ipad Version_Ipad*/ /* iPads (portrait and landscape) ----------- */ @media only screen and (min-width : 768px) and (max-width : 980px) {div.team { width:180px; }} .js .selectnav{ color: white !important; } /*iphone landscape version*/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { .projects2 { opacity:.6 !important; width: 200px; height:200px; float:left; } } /*iPad mini*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) { .iphone9 { width:725px !important; } } /*iPad mini Landscape*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { .iphone9 { width:960px !important; } } img.vc_box_border_grey { border-radius: 24px; box-shadow: 10px 10px 5px grey; text-align:center; } .post-meta{ font-size: 18px; } div.post-summary{font-size: 16px !important; } div.wpb_wrapper{font-size: 16px !important; } div.post-content{font-size: 16px !important; } /*May Need to be put back - when removed CSSSlider wordks*/ label { width: auto !important; height: auto; line-height: 14px; } .space { font-size: 1em; line-height: 1.25em; margin: 0; text-align: justify; color: black; } /* Allows for embed video to be responsive */ @media all and (max-width: 600px) and (min-width: 300px) {.video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: auto; overflow: hidden; } } /* Allows for embed video to be responsive */ @media all and (max-width: 600px) and (min-width: 300px) {.video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } } /* Removes Hypen and Widow*/ .widow { width: auto !important; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; } /* Makes image fit*/ div#fancy_inner { height: 120% !important; } /* Font FancyBox Popup Clear*/ body { text-shadow: none !important; } /* Team iPhone Centered*/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { div.entry-content { padding-left: 2px !important; } } /* Text Box for HTML*/ .boxed { border: 1px solid black ; width: 500px; padding: 10px; background-color: #E0E0E0; -moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #ccc; } span#li_ui_li_gen_1407128994754_0-title {margin-top: 3px !important;} /* Activtes link to featured image .post-thumb a { display: block; } */ /*iphone landscape version @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { .videoBlog { width: auto height: auto; background-color: red; }} */ /*Removed Yellow a, a:link { color: #d9b444; text-decoration: none; cursor: pointer; font-style: normal; outline: none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover { color: #767676; text-decoration: none; }*/ /*Removes last button in social share*/ .mr_social_sharing a.mr_social_sharing_popup_link, .mr_social_sharing div, .mr_social_sharing span, .mr_social_sharing iframe, .mr_social_sharing img {height:20px;} img.linksalpha_image{ display:none !important; } /*div.post-meta { visibility: hidden; }*/ /*div.post-meta{ width:100px; !important; } */ /*/*Mobile Menue*/ /*.js .selectnav{ outline: none; border: 1px solid #767676; width: 90%; padding: 5px 10px; background: green; font-size: 12px; height: auto; margin: 0 auto; } */ .headerTitle { border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000; } div#slider-bg { background-color: black; } .post-thumb a { display: block;} .cntctfrm_contact_form * { font-size:19px; }