Skip to content

Instantly share code, notes, and snippets.

@xavortm
Created October 6, 2014 11:01
Show Gist options
  • Save xavortm/a780e39621bb582bd067 to your computer and use it in GitHub Desktop.
Save xavortm/a780e39621bb582bd067 to your computer and use it in GitHub Desktop.
Fixed sidebar issue
/*--------------------------------------------------------------
9.0 - Facelift
--------------------------------------------------------------*/
#site-container { border-top-color: #454E77 }
#main-container { }
#header-container { background: transparent; color: white;}
#header-container hgroup { padding: 0 20px;}
#header-container hgroup .site-descriptionpadding { color: #333; }
.entry-content .wpv-filter-form { float: left; display:block; margin-bottom: 0; margin-bottom: 15px;}
.entry-content .clearfix > div:first-child {float:right; }
.entry-content .clearfix .team-map-view { clear: both; border-top: 1px solid #f0f0f0; padding-top: 50px;}
.entry-content .clearfix .team-map-view li {
list-style: none;
margin: 0;
width: 47%;
/* background: #fff url("http://imageshack.com/a/img909/1489/E5nPVB.png") no-repeat bottom right; */
box-shadow: inset 0px 0px 80px #f0f0f0;
border-radius: 0px;
border: 1px solid #eee;
margin-right: 5%;
float: left;
min-height: 223px;
height: auto;
display: inline-block;
margin-bottom: 36px;
padding: 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #888;
transition: 0.4s all ease;
}
.entry-content .clearfix .team-map-view li:hover {
background: #fff;
transition: 0.4s all ease;
box-shadow: 0 0 24px #e5e5e5;
}
.entry-content .clearfix .team-map-view li:nth-child(2n) {
margin-right: 0;
}
.entry-content .clearfix .team-map-view li strong { color: black; }
.entry-content .clearfix .team-map-view li p:first-child() { margin-top: 20px; }
div.entry-content p { margin-bottom: 5px;}
.team-center-marker { display: block; float: left; position: relative; max-width: 30%; margin-right: 30px; height:100%; }
.team-center-marker p > img { /* position:absolute; */ left: 20px; background: #000;}
.team-infoWin > img { display: block; margin-bottom: 5px;}
.team-infoWin br { display: none; }
.team-infoWin > a:nth-child(n+2) { font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px; /* display: inline-block; */ /* background: #333; */ border-radius: 10px; /* margin-left: 5px; */ padding: 3px 0px;}
.team-infoWin > a:nth-child(n+3) { font-size: 14px; color: #0088cc; font-weight: normal; background: none; display: none;}
nav.main-navigation {
margin-top: 40px;
background: -webkit-linear-gradient(top, rgba(63,76,107,1) 0%,rgba(43,53,94,1) 100%);
}
nav.main-navigation li { border-right-color: #454E77}
nav.main-navigation li a { color: white;}
nav.main-navigation li a:hover { color: white;}
nav.main-navigation li ul li a { color: black; }
nav.main-navigation li ul li a:hover { color: black; }
.entry-title { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal;}
.entry-header { border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; }
/* .type-attraction br:not(.clear) { display: none; } */
.type-attraction table th,
.type-attraction table td { padding: 20px; border: none; background: #f0f0f0; color: #333; }
.type-attraction table td { border-right: 1px solid #ddd; text-align: center; padding: 0 20px;}
.type-attraction table td > img { display: block;}
.type-attraction table td { vertical-align: middle !important; }
hr { border-color: #f0f0f0;}
header.entry-header h1.entry-title {
margin-bottom: 0;
font-weight: bold;
color: black;
font-size: 34px;
}
/* HOMEPAGE CHANGES IN LAYOUT */
.home.page { background-color: #fff; }
.home.page #site-container { box-shadow: 0 0 60px #eee; margin-top: 30px; }
.home.page .second_sidebar { display: none; }
.wptypes_middle.two_colomn { width: 75%; float: left; }
.home.page .entry-content .clearfix .team-map-view li { width: 31.3333%; margin-right:3%;}
.home.page .entry-content .clearfix .team-map-view li:nth-child(2n) { margin-right: 3%; }
.home.page .entry-content .clearfix .team-map-view li:nth-child(3n) { margin-right: 0%; }
#js-main-map-canvas { width: 100%; }
@media (max-width:1040px) {
.team-center-marker { max-width: 100%; }
.home.page .entry-content .clearfix .team-map-view li { min-height: 500px; }
}
@media (max-width:768px){
.entry-content .clearfix .team-map-view li { width: 100%; margin-bottom: 20px;}
.home.page .entry-content .clearfix .team-map-view li { min-height: 0; width: 100% !important;}
.team-center-marker { max-width: 180px;}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment