app/assets/stylesheets/parties.css.less
.party-title-name {
font-weight: normal;
img {
height: 96px;
width: 96px;
}
}
#representatives {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
.representative {
opacity: 0;
background: #fff 50% 0 no-repeat;
a {
position: relative;
height: 100%;
display: block;
text-align: center;
color: #000;
text-decoration: none;
span {
display: block;
padding-top: 5px;
font-size: 0.85em;
line-height: 1.25em;
}
img {
border-radius: 2px;
}
}
}
}
.swiper-navigation {
position: absolute;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
font-weight: bold;
top: 50%;
margin-top: -40px;
background-color: #000;
background-color: rgba(0,0,0,0.25);
border-radius: 3px;
color: #fff;
cursor: pointer;
&:hover {
background-color: #000;
}
&.swiper-prev {
left: -20px;
}
&.swiper-next {
right: -20px;
}
}
@media (max-width: 767px) {
.swiper-navigation {
display: none;
}
}
/* Swiper Styles */
.swiper-container {
overflow:hidden;
height: 200px;
.representative {
&:hover a:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.05);
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
}
&:active a:after {
background-color: rgba(0,0,0,0.2);
}
}
}
.swiper-wrapper {
position:relative;
}
.swiper-slide {
height: 160px;
float:left;
position: relative;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
.parties-issue-list {
font-size: 1.25em;
list-style-type: none;
margin: 0 0 3em 0;
> li {
padding: 0.4em 0;
line-height: 1.5em;
}
}