@charset "UTF-8";
div#alt-cerkls, html {
overflow-y: scroll
}
a, div.list-options select:hover, div.newsitem, select:hover {
cursor: pointer
}
li, ol.tags {
list-style: none
}
div.newsitem div.cal-icon, li.select2-search-choice, ol.tags li {
text-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}
body {
color: #333;
font: 14px/20px roboto, helvetica, arial, sans-serif;
height: 100%;
background-color: #fff -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
speak: none;
text-transform: none
}
body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
margin: 0;
padding: 0
}
legend {
color: #000
}
img {
max-width: 100%
}
fieldset, img {
border: 0
}
h1 {
color: #e48942;
font-size: 1.8em
}
h2 {
font-size: 1.3em;
color: #585858;
font-weight: 700
}
h1, h2 {
margin-top: 4px;
margin-bottom: 4px;
text-transform: uppercase
}
p {
margin: 0 0 .8em;
line-height: 1.6em
}
a {
color: #39bfc9;
text-decoration: none;
outline: 0
}
a:focus, a:hover {
color: #e48942;
text-decoration: none
}
.beta-alert {
background-color: #E48942;
border-radius: 4px;
color: #fff;
text-transform: lowercase;
padding: 3px;
font-size: 9px
}
.navbar-cerkl {
background: #39bfc9;
zoom: 1
}
span.invalid-data, span.valid-data {
background-position: left;
background-repeat: no-repeat;
padding-left: 20px
}
.navbar-cerkl .navbar-brand {
display: none
}
.navbar-cerkl .navbar-nav>li>a, .navbar-cerkl .navbar-text {
color: #fff
}
.navbar-cerkl i.fa {
color: inherit!important
}
.navbar-cerkl .navbar-nav>li>a:focus, .navbar-cerkl .navbar-nav>li>a:hover {
color: #fff;
background-color: transparent
}
.navbar-cerkl .navbar-nav>.active>a, .navbar-cerkl .navbar-nav>.active>a:focus, .navbar-cerkl .navbar-nav>.active>a:hover {
color: #fff;
background-color: #49608c
}
.navbar-cerkl .navbar-nav>.disabled>a, .navbar-cerkl .navbar-nav>.disabled>a:focus, .navbar-cerkl .navbar-nav>.disabled>a:hover {
color: #444;
background-color: transparent
}
.navbar-cerkl .navbar-toggle {
border-color: #FFF
}
.navbar-cerkl .navbar-toggle:focus, .navbar-cerkl .navbar-toggle:hover {
background-color: #24797F
}
.navbar-cerkl .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-cerkl .navbar-collapse, .navbar-cerkl .navbar-form {
border-color: #101010
}
.navbar-cerkl .navbar-nav>.open>a, .navbar-cerkl .navbar-nav>.open>a:focus, .navbar-cerkl .navbar-nav>.open>a:hover {
color: #fff;
background-color: #49608c
}
.navbar-cerkl .navbar-nav>.dropdown>a .caret, .navbar-cerkl .navbar-nav>.dropdown>a:hover .caret, .navbar-cerkl .navbar-nav>.open>a .caret, .navbar-cerkl .navbar-nav>.open>a:focus .caret, .navbar-cerkl .navbar-nav>.open>a:hover .caret {
border-top-color: #fff;
border-bottom-color: #fff
}
@media(max-width:768px) {
.navbar-cerkl .navbar-brand {
display: block
}
.navbar-cerkl .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #080808
}
.navbar-cerkl .navbar-nav .open .dropdown-menu>li>a {
color: #fff
}
.navbar-cerkl .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-cerkl .navbar-nav .open .dropdown-menu>li>a:hover {
color: #fff;
background-color: transparent
}
.navbar-cerkl .navbar-nav .open .dropdown-menu>.active>a, .navbar-cerkl .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-cerkl .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #fff;
background-color: #24797F
}
.navbar-cerkl .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-cerkl .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-cerkl .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #444;
background-color: transparent
}
}
.navbar-cerkl .navbar-link {
color: #999
}
.navbar-cerkl .navbar-link:hover {
color: #fff
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
color: #fff;
text-decoration: none;
background-color: #49608c!important
}
div#todo-bar {
z-index: 101;
text-align: center;
font-size: .9em;
color: #444;
background-color: #FFF9B1;
border-top: 1px solid #CFCACA;
box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34, 25, 25, .4);
-moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34, 25, 25, .4);
-webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34, 25, 25, .4);
padding-top: 8px;
padding-bottom: 8px;
display: none;
width: 100%;
margin-top: 51px;
margin-bottom: -50px
}
#wrapper {
top: 60px;
position: relative;
padding-bottom: 20px
}
.help-text {
font-size: 13px!important;
color: #777;
text-transform: none;
font-weight: 400
}
.match-type, .popover-title, .sidebar .widget h4, div.hovercard div.hovercard-detail, div.newsitem div.author-name-card .org-name, div.newsitem-title, span.exp-company {
text-transform: uppercase
}
span.unknown-data {
color: #777;
padding-left: 20px
}
span.valid-data {
background-image: url(../img/accept.png);
color: #390
}
span.invalid-data {
background-image: url(../img/error.png);
color: #C33
}
.hidden, .template {
display: none!important
}
div.list-options {
width: 240px;
height: 34px;
overflow: hidden;
background: url(../img/select_arrow.jpg) right no-repeat #DDD;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-color: #DDD #E1DFDF #D1CDCD
}
div.list-options select {
background: 0 0;
width: 268px;
padding: 5px;
border: 1px solid #E9E9E9;
height: 34px;
-webkit-appearance: none
}
div#avatar-container {
display: block;
width: 100px;
height: 100px;
font-size: .6em;
text-align: center
}
div#avatar-change-link {
float: left;
padding: 15px 0 0;
text-align: center;
line-height: 1.5em
}
div#avatar-container a {
position: absolute;
top: 152px;
left: 16px
}
div#ajax, div#menu-logo {
position: absolute;
background-repeat: no-repeat;
top: 9px;
left: 50%;
width: 127px;
height: 35px;
margin-left: -63px
}
div#org-select {
margin-top: 4px
}
div#ajax {
background-image: url(../img/ajax-loader.gif);
background-position: center;
display: none
}
div#menu-logo {
background-image: url(../img/logo_small.png);
display: inline-block
}
.float-left-contents {
float: left
}
.float-right-contents {
float: right
}
div#org-add a {
margin: 3px 0 0 5px;
background-image: url(../img/icon_add.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 24px;
height: 30px;
padding-top: 12px
}
input, select, textarea {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
div.newsitem {
padding: 20px;
margin-bottom: 15px;
border: 2px solid #ddd;
background-color: #fbfbfb
}
.form-control.select2-container.select2-dropdown-open, .form-control:focus, .select2-drop-active, div.highlight {
border: 2px solid #e48942
}
.form-control:focus {
color: #000;
background-color: #ffffb4
}
div.grid-view {
width: 364px;
float: left
}
div.list-view {
width: 100%!important
}
div.newsitem div.newsheader-list {
width: 320px;
float: left;
margin-right: 10px
}
div.top-right {
position: absolute;
top: 0;
right: 0;
z-index: 100
}
div.newsitem div.follow-user {
position: absolute;
top: -2px;
left: 0;
z-index: 10
}
div.newsitem div.cal-icon div.cal-icon-month {
font-size: 10px;
font-weight: 500;
text-transform: uppercase
}
div.newsitem div.cal-icon div.cal-icon-day {
font-size: 22px
}
div.newsitem div.cal-icon {
border-radius: 4px;
background-color: #39bfc9;
border: 2px solid #DBDBDB;
color: #fff;
padding-bottom: 9px;
padding-top: 7px;
text-align: center;
width: 46px;
position: absolute;
top: 10px;
left: 10px
}
div.newsitem div.comment-avatar {
float: left;
width: 40px
}
div.newsitem div.comment-box {
margin-left: 40px
}
div.newsitem div.comment-box i.fa {
color: #999;
font-size: 13px
}
div.newsitem div.author-name-bkg {
width: 100%;
max-width: 320px;
top: 0;
left: 0;
position: absolute;
height: 160px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, .7)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .7) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .7) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .7) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .7) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#b3000000', GradientType=0);
zoom: 1
}
div#post-types-control img, div.post-type {
height: 16px;
width: 16px
}
div.newsitem div.author-name-card {
z-index: 1000;
margin-top: 90px;
margin-left: 10px
}
.author-name {
font-size: 16px;
color: #E7E7E7;
font-weight: 400
}
div.newsitem div.author-name-card .org-name {
font-size: 14px;
color: #DADADA;
font-weight: 700
}
div.newsitem div.author-name-card a:hover {
text-decoration: none;
color: #e48942
}
div.newsitem div.author-info {
position: relative
}
div.event-details, div.need-details {
margin-top: 5px;
padding-bottom: 5px;
padding-top: 5px;
line-height: 2em;
font-size: .85em
}
div.newsitem-like-info {
display: inline-block;
font-size: 12px;
float: right;
text-align: right
}
a.like-count:hover {
text-decoration: none
}
div.newsitem-title {
font-weight: 700;
margin-bottom: 3px;
font-size: 20px;
font-family: 'roboto condensed', sans-serif
}
div.post-type {
float: left;
margin-right: 4px;
background-repeat: no-repeat;
background-size: 16px 16px;
margin-top: 3px
}
div.newsitem-post {
line-height: 1.7em;
padding-bottom: 4px;
border-bottom: 1px solid #eee;
letter-spacing: .02em;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word
}
div.list-view div.newsitem-post {
min-height: 210px
}
div.post-options {
border-top: 1px solid #eee;
margin-top: 4px;
font-size: 13px!important;
text-align: center;
padding-top: 6px
}
.opt-add-like .dropdown-menu {
font-size: 13px;
text-align: left
}
div.post-options i.fa {
font-size: 14px
}
div.post-options a {
white-space: nowrap
}
div.newsitem-content {
border-radius: 6px;
background-color: #F7F7F7;
border: 1px solid #ccc;
padding-top: 3px;
padding-bottom: 3px
}
div.newsitem img.newsfeed-picture {
width: 160px;
height: 160px;
float: left
}
div.newsitem div.time-info {
background-color: #000;
padding: 6px;
margin-bottom: 8px;
font-size: 12px;
color: #fff
}
div.newsitem div.time-info a {
color: #e48942
}
div.newsitem-comment-add textarea {
font-size: 1em!important
}
a.newsitem-organization {
font-size: .85em
}
div.newsitem span.newsitem-title {
font-size: 12px
}
span.posted-time {
color: #999;
font-size: 11px;
background-image: url(../img/icon_clock.png);
background-repeat: no-repeat;
padding-left: 13px
}
div.newsitem-comment, div.newsitem-comment-add {
line-height: 1.5em;
font-size: 14px;
padding: 10px
}
.metadata, div.hovercard {
font-size: 12px
}
div.newsitem-comment-information {
min-height: 38px
}
.metadata {
color: #999
}
div.hovercard div.hovercard-avatar {
float: left;
padding-right: 5px;
border-right: 1px solid #efefef
}
div.hovercard div.hovercard-user-info {
display: inline-block;
margin-left: 5px;
width: 180px;
height: 130px;
text-align: left;
line-height: 1.2
}
div.hovercard div.hovercard-detail {
font-weight: 700;
margin-top: 10px;
margin-bottom: 10px
}
div.hovercard div.hovercard-detail-join {
text-align: center;
color: #000;
font-size: 10px;
opacity: .7;
font-weight: 400;
line-height: 1em
}
div.metadata-display {
float: right;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
margin-right: 6px;
font-size: 11px;
background-color: #8E8EA7;
padding: 8px;
text-align: center
}
div.supporting {
background-color: #e48942!important
}
div.admins {
background-color: #24797F!important
}
span.metadata-count {
font: 18px/18px Arial, sans-serif;
font-weight: 700
}
div.hovercard div.hovercard-full-name {
font-size: 16px;
font-weight: 300
}
.swap-photo {
position: absolute;
top: 8px;
background-color: #39BFC9;
border: 1px solid #fff;
border-radius: 50%;
text-align: center;
padding: 8px;
right: 5px;
z-index: 1
}
.swap-photo i.fa {
color: #fff
}
.profile-pic {
border-radius: 8px;
width: 160px
}
div.avatar-image {
float: left;
margin-right: 10px
}
.avatar, .avatar-large, .avatar-med, .avatar-small, .avatar-xl, .avatar-xs {
border-radius: 50%
}
.avatar-small {
width: 32px;
height: 32px
}
.avatar-med {
width: 48px;
height: 48px
}
.avatar {
width: 64px;
height: 64px
}
.avatar-large {
width: 96px;
height: 96px
}
.avatar-xl {
width: 128px;
height: 128px
}
.avatar-xs {
width: 24px;
height: 24px
}
div.hovercard-popup {
display: none;
background: url(../img/hover_white_bkg.png);
height: 190px;
padding: 23px 35px 32px 25px;
width: 370px;
z-index: 100000
}
.opacity-full {
opacity: 1!important
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
font-size: 13px
}
table.cerkl {
border: 1px solid #ccc;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc
}
table.cerkl tbody tr:nth-child(even) {
background: #f5f5f5;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset
}
table.cerkl td, table.cerkl th {
border-top: 1px solid #ccc;
padding: 6px;
text-align: left
}
table.cerkl th {
border-top: none
}
table.cerkl td:first-child, table.cerkl th:first-child {
border-left: none
}
.location, span.calendar, span.contact-email, span.contact-phone, span.contact-web, span.joined, span.quantity {
padding: 3px 0 3px 19px;
background-repeat: no-repeat;
background-position: 0 50%
}
span.quantity {
background-image: url(../img/icon_qty.png)
}
.location {
background-image: url(../img/icon_geo.png)
}
span.calendar {
background-image: url(../img/icon_calendar.png)
}
span.contact-email {
background-image: url(../img/icon_contact.png)
}
span.contact-web {
background-image: url(../img/icon_weburl.png);
display: inline-block
}
span.contact-phone {
background-image: url(../img/icon_phone.png)
}
span.joined {
background-image: url(../img/icon_joined.png)
}
li.select2-search-choice {
color: #fff!important;
padding: .55em .75em .55em 16px!important;
background: #39bfc9!important;
font-weight: 600;
line-height: inherit!important
}
ol.tags {
margin-top: 5px;
margin-bottom: 5px
}
li.choice, ol.tags li {
float: left;
position: relative;
margin: 2px 5px 2px 0;
line-height: inherit;
color: #fff;
background: #39bfc9!important
}
ol.tags li {
font-size: 13px;
padding: .1em .75em;
border: 2px solid #d5d5d5;
border-radius: 16px
}
li.choice {
display: block;
font-size: 12px;
padding: .3em .5em;
-webkit-border-radius: 4px;
border-radius: 4px
}
div.right-section {
margin-top: 16px;
border-bottom: 1px solid #efefef;
padding-bottom: 8px
}
div#entity-information {
float: left;
max-width: 600px;
min-width: 300px;
vertical-align: top
}
div#entity-contact {
font-size: .9em;
margin-top: 4px;
line-height: 13px
}
span.edu-school, span.exp-title {
color: #000;
font-weight: 700
}
.zebra:nth-child(odd) {
background: #F8F9F9
}
.center-contents {
text-align: center!important
}
.right-align-contents {
text-align: right!important
}
a.link-external:after {
content: url(../img/icon_external_link.png);
margin-left: 3px;
margin-right: 5px
}
div.filter-options input, div.supporter {
margin-right: 3px
}
.addthisevent-drop {
display: inline-block;
position: relative
}
.addthisevent_dropdown {
width: 200px;
position: absolute;
z-index: 99999;
padding: 6px 0 0;
background: #fff;
text-align: left;
display: none;
margin-top: 4px;
margin-left: -1px;
border-top: 1px solid #c8c8c8;
border-right: 1px solid #bebebe;
border-bottom: 1px solid #a8a8a8;
border-left: 1px solid #bebebe;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, .15);
-moz-box-shadow: 1px 3px 6px rgba(0, 0, 0, .15);
box-shadow: 1px 3px 6px rgba(0, 0, 0, .15)
}
.addthisevent_dropdown span {
width: 175px;
display: block;
line-height: 110%;
background: #fff;
text-decoration: none;
font-size: 12px;
color: #39bfc9;
padding: 8px 10px 9px 15px
}
.addthisevent_dropdown span:hover {
background: #f4f4f4;
color: #e48942;
text-decoration: underline
}
.addthisevent span, .addthisevent-drop ._all_day_event, .addthisevent-drop ._description, .addthisevent-drop ._end, .addthisevent-drop ._facebook_event, .addthisevent-drop ._location, .addthisevent-drop ._organizer, .addthisevent-drop ._organizer_email, .addthisevent-drop ._start, .addthisevent-drop ._summary, .addthisevent-drop ._url {
display: none!important
}
.addthisevent_dropdown .copyx {
width: 200px;
height: 21px;
display: block;
position: relative;
cursor: default
}
.addthisevent_dropdown .brx {
width: 180px;
height: 1px;
overflow: hidden;
background: #e0e0e0;
position: absolute;
z-index: 100;
left: 10px;
top: 9px
}
.addthisevent_dropdown .frs {
position: absolute;
top: 5px;
cursor: pointer;
right: 10px;
padding-left: 10px;
font-style: normal;
font-weight: 400;
text-align: right;
z-index: 101;
line-height: 110%;
background: #fff;
text-decoration: none;
font-size: 9px;
color: #cacaca
}
.match-count, span.exp-years {
font-style: italic
}
.addthisevent {
visibility: hidden
}
div.search-results {
border-top: 1px solid #efefef;
display: inline-block;
margin-top: 10px;
width: 100%
}
div.filter-option-header {
background: #39BFC9;
padding: 4px;
margin-top: 6px
}
span.header-text {
color: #FFF
}
div.collapsed {
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
background-image: url(../img/icon_expand.png);
display: inline-block;
width: 90%
}
div.expanded {
background-image: url(../img/icon_collapse.png)
}
div#supporters-pane div.supporter-content {
height: 186px;
padding: 4px;
border: 2px solid #ddd;
background-color: #FAFAFA
}
div.supporter {
margin-top: 3px;
float: left;
overflow: hidden;
position: relative;
border: 2px solid transparent;
color: #fff;
padding: 0;
z-index: 1
}
div.supporter div.supporter-distance {
position: absolute;
top: 1px;
left: 1px;
height: 20px;
width: 64px;
background: rgba(0, 0, 0, .5);
font-size: 11px;
text-align: center;
z-index: 2;
color: #fff
}
div.supporter div.supporter-information {
position: absolute;
top: 129px;
left: 1px;
height: 54px;
width: 128px;
color: #000;
font-size: 11px;
text-align: center;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
padding-top: 4px
}
.btn-file, .dropdown-submenu {
position: relative
}
div.supporter div.supporter-information .supporter-name {
font-weight: 700
}
a.supporter-name {
z-index: 10000
}
div.selected {
border: 2px solid #E48942;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
div.supporter:hover {
cursor: pointer;
border: 2px solid #E48942
}
div.filter-options {
border: 1px solid #C9C9C9;
overflow-y: auto!important;
font-size: 12px;
display: none;
background-color: #fff
}
div#selection {
border: 1px solid #CCC;
overflow-y: auto;
overflow-x: hidden;
padding: 6px;
height: 60px;
line-height: 20px;
margin-top: 6px;
background: #FFF9B1;
color: #000;
border-radius: 4px
}
.btn-file, div.board {
overflow: hidden
}
div.selectedOption {
background: #D5F7F7;
transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-webkit-transition: background .3s ease-in-out;
color: #000
}
div.filter-options div.description {
padding-top: 1px;
padding-left: 3px;
border-bottom: 1px solid #EBEBEB;
margin-left: 2px
}
span.match-information {
color: #000
}
div.matches {
background-color: #e48942
}
img.remove-link {
height: 16px;
width: 16px;
border: none;
vertical-align: middle;
opacity: .25;
cursor: pointer;
margin-right: 5px
}
img.remove-link:hover {
opacity: 1
}
.morecontent span {
display: none
}
@media only screen and (max-width:768px) {
a.menu-add-org, div#menu-logo {
display: none
}
.navbar-cerkl {
background: #39bfc9
}
.navbar-cerkl .navbar-collapse, .navbar-cerkl .navbar-form {
background-color: #39bfc9
}
}
.sidebar {
border-radius: 4px;
background-color: #eee;
padding-top: 10px
}
.sidebar .widget {
margin: 0 0 60px
}
.sidebar .widget h4 {
margin: 0 0 20px;
font-size: 15px;
font-weight: 700;
color: #888
}
.sidebar .widget i {
color: #888
}
.sidebar ol, .sidebar ul {
margin: 0;
padding: 0
}
.sidebar ol li, .sidebar ul li {
margin: 0 0 20px;
list-style-type: none;
font-size: 14px;
line-height: 1.6
}
.sidebar ol li span, .sidebar ul li span {
margin: 0 0 0 2px;
color: #aaa;
font-size: 12px
}
.sidebar ol li:last-child, .sidebar ul li:last-child {
margin: 0
}
.sidebar ol li a:hover span, .sidebar ol li:hover span, .sidebar ul li a:hover span, .sidebar ul li:hover span {
text-decoration: none;
color: #aaa
}
a.user-tag, a.user-tag:hover {
text-decoration: underline
}
.post {
margin: 0 0 30px;
padding: 0 0 30px;
border-bottom: 1px solid #eee
}
.post .post-feature-image:hover {
opacity: .75
}
.post .post-feature-image {
margin: 0 0 20px;
width: 100%;
height: 160px;
display: block;
background-position: center center;
border: 5px solid #A8A8A8
}
.pagination-wrapper {
margin: 0 auto 60px;
text-align: center
}
#map-canvas {
margin: 0;
padding: 0;
width: 100%;
height: 480px
}
.twitter-typeahead {
width: 100%;
position: relative
}
.tt-dropdown-menu {
width: 100%;
min-width: 160px;
margin-top: 2px;
padding: 5px 0;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
-webkit-border-radius: 6px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
cursor: pointer
}
.tt-suggestion {
display: block;
padding: 3px 20px;
border-bottom: 1px solid #eee
}
.twitter-typeahead .tt-suggestion.tt-cursor {
color: #fff;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #08c, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
background-image: -webkit-linear-gradient(top, #08c, #0077b3);
background-image: -o-linear-gradient(top, #08c, #0077b3);
background-image: linear-gradient(to bottom, #08c, #0077b3);
background-repeat: repeat-x;
zoom: 1
}
.tt-suggestion.tt-cursor a {
color: #fff
}
.tt-suggestion p {
margin: 0
}
.match-type {
font-size: 11px
}
.match-count {
float: right;
font-size: 12px
}
div#post-types-control .panel-body {
background-color: #fbfbfb
}
div#post-types-control {
border: 2px solid #ddd;
border-radius: 0
}
div.panel-heading h3 {
font-weight: 600
}
label {
font-weight: 600!important
}
.list-group {
font-size: 14px
}
.row-spacer-5 {
margin-top: 5px
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
color: #fff;
background-color: #e48942
}
.jumbotron, div.text-container {
background-color: #fff
}
.panel-body {
padding: 8px
}
hr {
margin-top: 10px;
margin-bottom: 10px;
border-top: 1px solid #fff
}
.page-header {
padding-bottom: 5px;
margin: 15px 0;
border-bottom: 1px solid #d5d5d5
}
i.fa, span.glyphicon {
color: #E48942
}
ul.dropdown-menu i.fa, ul.dropdown-menu span.glyphicon {
width: 14px;
text-align: center;
margin-right: 3px;
color: #B9B9B9
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px
}
.dropdown-submenu:hover>.dropdown-menu {
display: block
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent transparent transparent #ccc;
border-style: solid;
border-width: 5px 0 5px 5px;
margin-top: 5px;
margin-right: -10px
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff
}
.dropdown-submenu.pull-left {
float: none
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px
}
.btn-danger i.fa, .btn-primary i.fa {
color: #fff
}
div.modal-header button i.fa {
color: #E48942
}
.navbar-nav>li>a {
line-height: 26px!important;
padding-top: 10px;
padding-bottom: 10px;
height: 52px
}
blockquote {
border-left: 5px solid #fff
}
.panel {
margin-bottom: 10px
}
.dropdown-menu>li>a {
padding: 3px 10px
}
.dropdown-menu>li>a.user-tag-dropdown {
padding: 3px 40px 0 10px
}
.navbar-fixed-top {
border-width: 0;
height: 53px
}
div.text-container {
border-radius: 4px
}
div.text-container div.page-header {
border-bottom: 1px solid #eee
}
div.text-container hr {
border-top: 1px solid #eee
}
a.navbar-brand img {
width: 127px;
height: 35px;
margin-top: -7px
}
.popover-title {
font-weight: 700;
color: #39BFC9
}
.alert {
line-height: 1.5em
}
.form-control {
margin-bottom: 20px;
border-radius: 10px!important
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
background: red;
cursor: inherit;
display: block
}
div#cover:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to bottom right, #3F3F3F, #FFF);
opacity: .25
}
div#cover div#org-name {
position: absolute;
top: 10px;
left: 10px;
font-weight: 700;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
line-height: 20px;
font-size: 24px
}
@media(min-width:768px) {
div#cover div#org-name {
font-size: 48px;
line-height: 40px
}
}
div#profile-pic-div {
position: relative;
width: 140px
}
.v-offset-10 {
margin-top: 10px
}
.close {
opacity: 1
}
span.tag-match-count {
font-size: 12px;
color: #565656;
font-style: italic
}
span.exp-title {
font-weight: 700
}
div.post-file {
position: relative;
float: left;
margin-right: 5px;
margin-top: 5px
}
div.post-file img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
div.post-file a img {
cursor: zoom-in
}
div.board .nav-tabs {
position: relative;
margin: 5px auto 0;
box-sizing: border-box
}
div.board p.narrow {
width: 70%;
margin: 5px auto
}
div.board .liner {
height: 2px;
background: #ddd;
position: absolute;
width: 80%;
margin: 0 auto;
left: 0;
right: 0;
top: 50%;
z-index: 1
}
.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, div.board .nav-tabs>li.active>a {
color: #555;
cursor: default;
border: 0;
border-bottom-color: transparent
}
div.board span.round-tabs {
width: 70px;
height: 70px;
line-height: 70px;
display: inline-block;
border-radius: 100px;
background: #F0F0F0;
z-index: 2;
position: absolute;
left: 0;
text-align: center;
font-size: 25px;
border: 2px solid #DDD
}
div.board li.active:after, div.board li:after {
content: " ";
position: absolute;
left: 45%;
margin: 0 auto;
bottom: 0
}
div.board li.active span.round-tabs {
background: #fff!important;
border: 2px solid #39BFC9;
color: #39BFC9
}
div.board .nav-tabs>li.active>a span.round-tabs {
background: #fafafa
}
div.board .nav-tabs>li {
width: 25%
}
div.board .nav-tabs>li.five {
width: 20%
}
div.board li:after {
opacity: 0;
border: 5px solid transparent;
border-bottom-color: #39bfc9;
transition: .1s ease-in-out
}
div.board li.active:after {
opacity: 1;
border: 10px solid transparent;
border-bottom-color: #39bfc9
}
div.board .nav-tabs>li a {
width: 70px;
height: 70px;
margin: 20px auto;
border-radius: 100%;
padding: 0
}
div.board .nav-tabs>li a:hover {
background: 0 0
}
div.board .tab-pane {
position: relative;
padding: 20px
}
.btn-outline-rounded {
border-radius: 25px;
font-size: 16px
}
@media(max-width:585px) {
.board {
height: auto!important
}
div.board .nav-tabs>li a, span.round-tabs {
width: 50px;
height: 50px;
line-height: 50px
}
span.round-tabs {
font-size: 16px
}
.tab-content .head {
font-size: 20px
}
div.board li.active:after {
content: " ";
position: absolute;
left: 35%
}
.btn-outline-rounded {
padding: 12px 20px
}
div.container {
padding-right: 2px;
padding-left: 2px
}
}
.btn-primary, .btn-primary[disabled] {
background-color: #49608c;
border-color: #263751
}
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.bropdown-toggle.btn-primary {
background-color: #263751;
border-color: #263751
}
div#alt-cerkls {
height: 200px;
line-height: 30px;
margin-left: 20px;
margin-right: 20px;
font-size: 20px
}
div#alt-cerkls label {
display: block;
border-bottom: 1px solid #eee
}
.pulsor {
box-shadow: 0 0 4px #E48942;
-webkit-animation: pulsate .8s infinite alternate;
-moz-animation: pulsate .8s infinite alternate;
-animation: pulsate .8s infinite alternate
}
@-webkit-keyframes pulsate {
from {
box-shadow: 0 0 4px
}
to {
box-shadow: 0 0 16px
}
}
@-moz-keyframes pulsate {
from {
box-shadow: 0 0 4px
}
to {
box-shadow: 0 0 16px
}
}
@keyframes pulsate {
from {
box-shadow: 0 0 4px
}
to {
box-shadow: 0 0 16px
}
}
.icon-cerkl:before {
content: url(../img/cerkl-sharing.png)
}
.everyone-links a.active, .mp-links a.active {
color: #CCC
}
img.newsletter-style-option {
height: 300px;
width: 181px;
cursor: pointer;
border: 4px solid transparent
}
img.newsletter-style-option.selected {
border: 4px solid #39bfc9;
cursor: default
}
a.user-tag, th.everyone-links a, th.mp-links a {
cursor: pointer
}
p.newsletter-style-desc {
min-height: 40px
}
.nav-tabs {
border: none
}
span#progress-percent {
font-weight: 700;
color: #E48942
}
div.progress-bar {
background-color: #E48942
}
div.author-name-bkg>div.callout {
position: absolute;
left: 0;
background: #e48942;
padding: 0 8px 4px 12px;
color: #fff;
font-size: 14px;
font-weight: 600;
height: 22px;
display: none;
letter-spacing: 1px;
z-index: 100;
-webkit-box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, .75);
-moz-box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, .75);
box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, .75)
}
div.author-name-bkg>div.callout:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: -11px;
top: 0;
border: 11px solid #e48942;
border-left-width: 0;
border-right-color: transparent
}
.pulse-button {
box-shadow: 0 0 0 0 rgba(57, 191, 201, .7);
-webkit-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1)
}
.pulse-button:hover {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none
}
@-webkit-keyframes pulse {
to {
box-shadow: 0 0 0 40px rgba(232, 76, 61, 0)
}
}
@-moz-keyframes pulse {
to {
box-shadow: 0 0 0 40px rgba(232, 76, 61, 0)
}
}
@-ms-keyframes pulse {
to {
box-shadow: 0 0 0 40px rgba(232, 76, 61, 0)
}
}
@keyframes pulse {
to {
box-shadow: 0 0 0 40px rgba(232, 76, 61, 0)
}
}
.tab-content {
margin-top: 15px
}
.notif-alert {
background: radial-gradient(5px -9px, circle, #fff 8%, red 26px);
background: -moz-radial-gradient(5px -9px, circle, #fff 8%, red 26px);
background: -ms-radial-gradient(5px -9px, circle, #fff 8%, red 26px);
background: -o-radial-gradient(5px -9px, circle, #fff 8%, red 26px);
background: -webkit-radial-gradient(5px -9px, circle, #fff 8%, red 26px);
background-color: red;
border-radius: 12px;
box-shadow: 1px 1px 1px #000;
color: #fff;
font-weight: 700;
height: 16px;
padding: 2px 6px;
text-align: center;
min-width: 14px;
display: inline
}
a.user-tag {
background: #39bfc9!important;
padding: 4px;
font-weight: 400;
font-size: inherit;
border-radius: 4px
}
span.badge.menu-badge {
position: relative;
top: 10px;
left: -10px;
background-color: rgba(255, 0, 0, .5);
color: #fff;
font-size: 8px
}
.dropdown ul li a {
padding-right: 30px
}
.dropdown-header {
font-weight: 700;
text-align: center
}
div.section-title {
margin-bottom: 30px
}
.section-title h1, .section-title h2 {
text-align: left;
text-transform: none;
margin: 0 0 10px
}
.section-title h2 {
font-size: 26px;
font-weight: 300;
margin-top: -5px;
line-height: 30px;
color: #555;
text-transform: none
}
p.larger {
font-size: 1.1em
}