@charset "UTF-8";
.icon-trophy, .icon-bargraph, .icon-sort, .icon-more, .icon-pq, .icon-upload, .icon-edit, .icon-expand, .icon-info {
overflow: hidden;
text-indent: -99999px;
}
/* -----------------------------------------
Legacy png icons and such
TODO: convert these to SVG sprite icons as applicable
----------------------------------------- */
.icon-info {
background: url("../ui-icons/css/png/info.png") no-repeat 0 0;
background-size: 100%;
content: "";
display: inline-block;
height: 15px;
width: 15px;
cursor: pointer;
vertical-align: middle;
}
.icon-expand {
background: url("../ui-icons/css/png/expand.png") no-repeat 0 0;
background-size: 100%;
content: "";
display: inline-block;
height: 20px;
width: 17px;
cursor: pointer;
vertical-align: middle;
}
.icon-expand.active, .active .icon-expand {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.icon-edit {
background: url("../ui-icons/css/png/edit.png") no-repeat 0 0;
background-size: 100%;
content: "";
display: inline-block;
height: 40px;
width: 40px;
}
.icon-upload {
background: url("../ui-icons/css/png/upload.png") no-repeat 0 0;
background-size: 100%;
content: "";
display: inline-block;
height: 20px;
width: 16px;
background-size: 90%;
}
.icon-pq {
background: url("../ui-icons/css/png/pocket-quieries.png") no-repeat 0 0;
background-size: 100%;
content: "";
display: inline-block;
height: 16px;
width: 16px;
}
.icon-more {
background: url("../ui-icons/css/png/more.png") no-repeat 0 0;
background-size: 100%;
content: "";
display: inline-block;
height: 24px;
width: 24px;
background-image: url("/app/ui-icons/icons/global/more.svg");
}
.icon-action .icon-more:hover, .icon-action .icon-more:active, .icon-action .icon-more:focus, .icon-more.icon-action:hover, .icon-more.icon-action:active, .icon-more.icon-action:focus {
background-image: url("/app/ui-icons/icons/global/more-hover.svg");
}
.icon-sort {
background: url("../ui-icons/css/png/sort.png") no-repeat 0 0;
background-size: 100%;
content: "";
display: inline-block;
height: 24px;
width: 24px;
background-image: url("/app/ui-icons/icons/global/sort.svg");
}
.icon-action .icon-sort:hover, .icon-action .icon-sort:active, .icon-action .icon-sort:focus, .icon-sort.icon-action:hover, .icon-sort.icon-action:active, .icon-sort.icon-action:focus {
background-image: url("/app/ui-icons/icons/global/sort-hover.svg");
}
.icon-bargraph {
background-image: url("/app/ui-icons/icons/premium-features/bargraph.svg");
}
.icon-trophy {
background-image: url("/app/ui-icons/icons/premium-features/trophy.svg");
}
/*
CSS/SVG icons
Standalone icons (.icon): currentColor if associated with text.
Icons inside a button (.btn-icon .icon): $tempest when inactive/$emerald on hover.
Example:
*/
.btn-icon {
background: none;
border: 0;
color: #4A4A4A;
cursor: pointer;
padding: 0;
}
.btn-icon:hover, .btn-icon:focus {
color: #02874D;
}
.btn-icon .icon {
height: 24px;
width: 24px;
pointer-events: none;
}
.btn-icon .icon-cancel {
color: #4A4A4A;
fill: #FFFFFF;
}
.btn-icon:hover .icon-cancel, .btn-icon:active .icon-cancel, .btn-icon:focus .icon-cancel {
color: #FFFFFF;
fill: #4A4A4A;
}
/**
* For svg icons
*/
.icon-svg-fill.evergreen {
fill: #004D2B;
}
.icon-svg-fill.emerald {
fill: #02874D;
}
.icon-svg-fill.sea {
fill: #00B265;
}
.icon-svg-fill.dirt {
fill: #5F452A;
}
.icon-svg-fill.dust {
fill: #83603f;
}
.icon-svg-fill.sand {
fill: #f8edd4;
}
.icon-svg-fill.sunshine {
fill: #E0B70A;
}
.icon-svg-fill.poppy {
fill: #F35C00;
}
.icon-svg-fill.dark-seas {
fill: #2B7277;
}
.icon-svg-fill.glacier {
fill: #04C8D6;
}
.icon-svg-fill.sky {
fill: #3D76C5;
}
.icon-svg-fill.sunset {
fill: #F38B00;
}
.icon-svg-fill.white {
fill: #FFFFFF;
}
.icon-svg-fill.cotton {
fill: #E4E4E4;
}
.icon-svg-fill.cloud {
fill: #E4E4E4;
}
.icon-svg-fill.storm {
fill: #777777;
}
.icon-svg-fill.charcoal, .icon-svg-fill.tempest {
fill: #4A4A4A;
}
.icon-svg-fill.facebook-blue {
fill: #4267B2;
}
.icon-svg-fill.twitter-blue {
fill: #1DA1F2;
}
.icon-svg-fill.active-sea {
outline: none;
}
.icon-svg-fill.active-sea:hover, .icon-svg-fill.active-sea:active, .icon-svg-fill.active-sea:focus {
fill: #00B265;
}
.icon-svg-fill.active-emerald {
outline: none;
}
.icon-svg-fill.active-emerald:hover, .icon-svg-fill.active-emerald:active, .icon-svg-fill.active-emerald:focus {
fill: #02874D;
}
.icon-svg-fill.active-charcoal, .icon-svg-fill.active-tempest {
outline: none;
}
.icon-svg-fill.active-charcoal:hover, .icon-svg-fill.active-charcoal:active, .icon-svg-fill.active-charcoal:focus, .icon-svg-fill.active-tempest:hover, .icon-svg-fill.active-tempest:active, .icon-svg-fill.active-tempest:focus {
fill: #4A4A4A;
}
/* ----------------------------------
Buttons
---------------------------------- */
button.no-focus:focus {
outline: none;
}
.btn-iconsvg {
display: flex;
}
.btn-iconsvg svg {
width: 22px;
height: 22px;
margin-right: 3px;
}
.btn-remove-file {
position: absolute;
top: 6px;
right: 6px;
}
.btn-clear {
background: 0;
border: 0;
border-radius: 0;
}
.btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
border: 1px solid;
cursor: pointer;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: block;
}
.btn svg {
vertical-align: bottom;
}
.btn:hover, .btn:active, .btn:focus {
text-decoration: none;
}
.btn.btn-primary {
background-color: #02874D;
border-color: #02874D;
color: #FFFFFF;
min-width: 150px;
border-radius: 4px;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
background-color: #00B265;
border-color: #00B265;
}
.btn.btn-primary[disabled], .btn.btn-primary[disabled]:hover, .btn.btn-primary[disabled]:active, .btn.btn-primary[disabled]:focus {
background-color: #9B9B9B;
border-color: #9B9B9B;
}
.btn.btn-secondary {
background-color: transparent;
border: none;
color: #4A4A4A;
}
.btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus {
color: #00B265;
}
.btn.btn-secondary[disabled], .btn.btn-secondary[disabled]:hover, .btn.btn-secondary[disabled]:active, .btn.btn-secondary[disabled]:focus {
color: #777777;
}
.btn.btn-tertiary {
background-color: transparent;
border: 1px solid #3D76C5;
border-radius: 40px;
color: #3D76C5;
font-size: 0.875em;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.btn.btn-tertiary:hover, .btn.btn-tertiary:active, .btn.btn-tertiary:focus {
background-color: #3D76C5;
color: #FFFFFF;
outline: none;
}
.btn.btn-tertiary[disabled], .btn.btn-tertiary[disabled]:hover, .btn.btn-tertiary[disabled]:active, .btn.btn-tertiary[disabled]:focus {
background-color: #9B9B9B;
border-color: #9B9B9B;
}
.btn.btn-tertiary.inverted {
color: #FFFFFF;
border-color: #FFFFFF;
}
.btn.btn-tertiary.inverted:hover, .btn.btn-tertiary.inverted:active, .btn.btn-tertiary.inverted:focus {
background-color: #FFFFFF;
color: #04C8D6;
border-color: #04C8D6;
}
.btn.btn-dark {
background-color: #4A4A4A;
border-color: #4A4A4A;
color: #FFFFFF;
min-width: 150px;
border-radius: 4px;
}
.btn.btn-dark:hover, .btn.btn-dark:active, .btn.btn-dark:focus {
background-color: #777777;
border-color: #777777;
}
.btn.btn-dark[disabled], .btn.btn-dark[disabled]:hover, .btn.btn-dark[disabled]:active, .btn.btn-dark[disabled]:focus {
background-color: #9B9B9B;
border-color: #9B9B9B;
}
.btn.btn-danger, .btn.btn-destroy {
background-color: #D34627;
border-color: #D34627;
border-radius: 4px;
color: #FFFFFF;
}
.btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger:focus, .btn.btn-destroy:hover, .btn.btn-destroy:active, .btn.btn-destroy:focus {
background-color: rgb(222, 116.25, 93);
border-color: rgb(222, 116.25, 93);
outline: none;
}
.btn.btn-danger[disabled], .btn.btn-danger[disabled]:hover, .btn.btn-danger[disabled]:active, .btn.btn-danger[disabled]:focus, .btn.btn-destroy[disabled], .btn.btn-destroy[disabled]:hover, .btn.btn-destroy[disabled]:active, .btn.btn-destroy[disabled]:focus {
background-color: #9B9B9B;
border-color: #9B9B9B;
}
.btn.btn-link {
background: none;
border: none;
}
.btn.btn-link:hover, .btn.btn-link:active, .btn.btn-link:focus {
text-decoration: underline;
}
.btn.btn-link[disabled], .btn.btn-link[disabled]:hover, .btn.btn-link[disabled]:active, .btn.btn-link[disabled]:focus {
color: #9B9B9B;
text-decoration: none;
}
.btn.full-width {
width: 100%;
}
.btn-facebook,
.btn-twitter {
align-items: center;
border-radius: 4px;
color: #FFFFFF;
display: flex;
justify-content: center;
text-align: left;
}
.btn-facebook .icon,
.btn-twitter .icon {
margin-right: 12px;
vertical-align: middle;
}
.btn-facebook:hover, .btn-facebook:active, .btn-facebook:focus,
.btn-twitter:hover,
.btn-twitter:active,
.btn-twitter:focus {
color: #FFFFFF;
}
.btn-facebook {
background-color: #4267B2;
border-color: #4267B2;
}
.btn-twitter {
background-color: #1DA1F2;
border-color: #1DA1F2;
}
.btn-oauth-facebook,
.btn-oauth-google,
.btn-oauth-apple {
display: flex;
border-radius: 4px;
padding: 0 16px;
align-items: center;
cursor: pointer;
border: none;
text-decoration: none;
}
.btn-oauth-facebook:hover,
.btn-oauth-google:hover,
.btn-oauth-apple:hover {
text-decoration: none;
}
.btn-oauth-facebook .icon,
.btn-oauth-google .icon,
.btn-oauth-apple .icon {
height: 24px;
width: 24px;
position: absolute;
}
.btn-oauth-facebook span,
.btn-oauth-google span,
.btn-oauth-apple span {
padding: 12px 40px;
flex-grow: 1;
text-align: center;
}
.btn-oauth-google {
background-color: #FFFFFF;
color: #757575;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.btn-oauth-apple {
background-color: black;
color: #FFFFFF;
}
.btn-oauth-facebook {
background-color: #4267B2;
color: #FFFFFF;
}
.btn-play-video {
display: inline-block;
}
.btn-play-video:hover, .btn-play-video:active, .btn-play-video:focus {
text-decoration: none;
}
.btn-play-video:hover span, .btn-play-video:active span, .btn-play-video:focus span {
text-decoration: underline;
}
.btn-play-video:hover .icon, .btn-play-video:active .icon, .btn-play-video:focus .icon {
text-decoration: none;
}
.btn-play-video .icon {
background-color: rgba(255, 255, 255, 0.3);
border-radius: 50%;
border: 4px solid #FFFFFF;
box-sizing: border-box;
display: inline-block;
height: 40px;
margin-right: 0.5em;
position: relative;
vertical-align: middle;
width: 40px;
}
.btn-play-video .icon:before {
font-size: 18px;
height: 18px;
padding-left: 4px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.btn-group {
text-align: left;
display: flex;
flex-flow: column wrap;
}
@media screen and (min-width: 480px) {
.btn-group {
flex-flow: row nowrap;
justify-content: center;
}
.btn-group input {
flex-grow: 1;
margin-bottom: 0;
margin-right: 10px;
}
}
.btn-group input {
width: auto;
}
.btn-group .btn {
flex-grow: 1;
}
@media screen and (min-width: 480px) {
.btn-group .btn {
flex-basis: 150px;
}
.btn-group .btn + .btn {
margin-left: 24px;
}
}
.btn-group.inline {
display: block;
text-align: center;
}
.btn-group.inline .btn {
min-width: 150px;
display: inline-block;
}
.btn-group.inline .btn + .btn {
margin-top: 0;
}
.btn-group.inline-left {
text-align: left;
}
.btn-group-stacked {
margin: 1.5rem auto;
}
.btn-group-stacked .btn {
margin: 0 auto;
}
.btn-group-stacked .btn + .btn {
margin-top: 1rem;
margin-left: auto;
}
.pill {
color: #4A4A4A;
border: 1px solid #4A4A4A;
padding: 0.5em 0.75em;
margin-right: 20px;
border-radius: 25px;
font-size: 14px;
background: transparent;
line-height: 1;
-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
}
.pill:hover, .pill:active,
.pill .active, .pill:focus {
border-radius: 25px;
color: #FFFFFF;
}
.pill.primary {
color: #FFFFFF;
border-color: #3D76C5;
}
.pill.primary:hover, .pill.primary:active,
.pill.primary .active, .pill.primary:focus {
background-color: #3D76C5;
}
.pill.secondary {
color: #FFFFFF;
border-color: #04C8D6;
text-transform: uppercase;
}
.pill.secondary:hover, .pill.secondary:active,
.pill.secondary .active, .pill.secondary:focus {
background-color: #02874D;
}
.attributes table {
width: 100%;
}
.attributes ul {
list-style: none;
margin: 0;
padding: 0;
}
.attributes li {
display: inline-block;
margin: 12px 12px 12px 0;
}
.attributes .btn-attribute {
background: none;
border: 0;
cursor: pointer;
display: block;
padding: 0;
fill: #e4e4e4;
}
.attributes .btn-attribute.with-attr, .attributes .btn-attribute.without-attr {
fill: #231f20;
}
.attributes .btn-attribute.with-attr.btn-maintenance, .attributes .btn-attribute.without-attr.btn-maintenance {
fill: #ca3929;
}
.attributes .btn-attribute.without-attr {
position: relative;
}
.attributes .btn-attribute.without-attr:after {
background: url("/app/src/assets/icons/attributes/strike.svg") no-repeat;
content: "";
display: block;
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.attributes .btn-attribute svg {
display: block;
pointer-events: none;
}
.attributes .btn-attribute img {
display: block;
height: 30px;
width: 30px;
}
/**
* Passive alert banners
* Error, success, and info states. Error and success banners should be
* dismissable by the user.
*
* Sample markup:
*
*/
.alert.alert-info, .alert.alert-success, .alert.alert-error {
margin: 16px 0;
text-align: left;
}
.alert {
color: #4A4A4A;
display: block;
text-align: center;
padding: 16px;
}
.alert svg {
vertical-align: bottom;
}
.alert p {
margin: 0;
}
.alert a {
color: inherit;
text-decoration: underline;
}
.alert a:hover, .alert a:focus {
text-decoration: none;
}
.alert .btn-primary {
text-decoration: none;
}
.alert ul, .alert li {
list-style-type: none;
}
.alert.alert-dismissable {
padding-right: 48px;
position: relative;
}
.alert.alert-dismissable .btn-close {
color: #777777;
line-height: 100%;
position: absolute;
top: 16px;
right: 16px;
bottom: 16px;
margin: auto;
}
.alert.alert-dismissable .btn-close:hover, .alert.alert-dismissable .btn-close:focus {
color: #4A4A4A;
}
.alert.alert-dismissable .icon {
height: 18px;
width: 18px;
}
.alert.alert-error {
background-color: rgb(246.2, 218, 211.8);
border: 1px solid #D34627;
}
.alert.alert-success {
background-color: rgb(229.5, 247.3, 239.6);
border: 1px solid #02874D;
}
.alert.alert-info {
background-color: rgb(216.2, 227.6, 243.4);
border: 1px solid #3D76C5;
}
/**
* ------------------------------------------------------
* Full bleed banner for new feature messaging, etc
* ATTN: this is being deprecated
* ------------------------------------------------------
*
* Sample markup:
*
*
*/
.alert.alert-attention {
border-color: #3D76C5;
color: #FFFFFF;
background-color: #3D76C5;
overflow: hidden;
margin: 0;
padding: 1em;
text-align: center;
}
@media (min-width: 1055px) {
.alert.alert-attention {
padding: 22px;
}
}
.alert.alert-attention p {
display: block;
margin: 0 auto 1em;
}
@media (min-width: 1055px) {
.alert.alert-attention p {
display: inline-block;
margin-bottom: 0;
margin-right: 3em;
}
}
.alert.alert-attention .btn {
border: 2px solid #FFFFFF;
color: inherit;
display: inline-block;
padding: 0.28125rem 1.25rem;
text-decoration: none;
}
.alert.alert-attention .btn:hover, .alert.alert-attention .btn:active, .alert.alert-attention .btn:focus {
background-color: #FFFFFF;
color: #3D76C5;
}
/* -----------------------------------------------------------------------
[Introduction]
Geocaching Top-Level Navigation Main CSS File
This file provides CSS styles for all media types to most of the Geocaching Web site.
----------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
Headings
----------------------------------------------------------------------- */
h1,
.h1,
h2,
.h2,
.headline {
font-size: 24px;
font-size: 1.5rem;
font-weight: bold;
}
h3,
.h3,
.subheader {
font-size: 18px;
font-size: 1.125rem;
font-weight: bold;
}
h4,
h5,
.h4,
.h5 {
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
}
h6,
.h6 {
font-size: 12px;
font-size: 0.75rem;
font-weight: 400;
text-transform: uppercase;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small {
font-weight: 400;
}
/* -----------------------------------------------------------------------
Begin Global Functions
----------------------------------------------------------------------- */
/* #Banner */
.banner {
background-color: #3D76C5;
color: #FFFFFF;
margin-bottom: 1rem;
text-align: center;
}
.banner .wrapper {
margin: auto;
padding: 0.75rem;
width: 950px;
}
.banner p {
margin-bottom: 0;
}
.banner a {
color: #FFFFFF;
}
.banner a:hover {
color: inherit;
}
.banner .btn,
.banner p {
display: inline-block;
}
.banner p + .btn {
margin-left: 3rem;
}
.banner .btn {
border: 2px solid #FFFFFF;
padding: 0.25em 1.25em;
text-decoration: none;
}
.banner .btn:hover, .banner .btn:focus {
background-color: #FFFFFF;
color: #3D76C5;
}
.alert-cookies {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.BreadcrumbWidget {
color: #777777;
}
.BreadcrumbWidget .separator {
padding: 0 16px;
}
.BreadcrumbWidget .separator .icon {
vertical-align: middle;
}
.BreadcrumbWidget a {
color: #4A4A4A;
text-decoration: underline;
}
.BreadcrumbWidget a:hover, .BreadcrumbWidget a:focus {
color: #02874D;
}
.BreadcrumbWidget a:visited {
color: #4A4A4A;
}
.BreadcrumbWidget p {
margin: 24px 0;
}
.is-preformatted {
font: inherit;
white-space: pre-wrap;
word-wrap: break-word;
}
.validation-error {
color: #D34627;
}
/* #Callout Box */
.SeekCacheWidget .WidgetBody, .HideCacheWidget .WidgetBody,
.GeoTourAwardsWidget, .ResourcesWidget,
.prev-profile-gallery.WidgetBody,
.statistics-settings,
.pq-info-wrapper, .pq-legend,
.validation-form-wrapper {
background-color: #f7f1e9;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
padding: 1.5em;
}
/* #Callout Header */
.GeoTourAwardsWidget > p,
.ResourcesWidget h3, .pq-legend h3 {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #d5d0b4;
box-shadow: 0 1px 0 #fff;
}
/* -----------------------------------------------------------------------
Begin Resources and Guide Styles
----------------------------------------------------------------------- */
.VideoLinkIcon img {
width: 16px;
height: 16px;
position: relative;
top: 2px;
}
.ResourcesWidget {
margin-bottom: 1.5em;
}
.ResourcesWidget h4 {
margin-bottom: 0.5em;
}
.ResourcesWidget .WidgetBody > ul {
list-style: none;
margin: 0;
padding: 0;
}
.ResourcesWidget .WidgetBody p:last-child {
margin-bottom: 0;
}
.ResourcesWidget .Brochures {
margin-bottom: 2em;
}
.ResourcesWidget .Brochures ul {
display: inline-block;
width: 30%;
list-style-position: inside;
}
/* -----------------------------------------------------------------------
End Resources and Guide Styles
Begin Information Widget
----------------------------------------------------------------------- */
.InformationWidget {
color: #4A4A4A;
margin: 1.5em 0;
}
.InformationWidget table td {
background-color: #ebeced;
}
.SecondaryInformationWidget {
margin-top: 1.5em;
padding: 1em;
border: 1px solid #b0b0b0;
background-color: #e7e7e7;
}
.SecondaryInformationWidget.right, SecondaryInformationWidget.FloatRight {
margin-left: 0.5em;
}
.InformationWidget h3, .SecondaryInformationWidget h3 {
margin-top: 0;
}
.SendEmailInfo {
border-top: 1px solid #E3E2D7;
margin-top: 3em;
padding-top: 3em;
}
.SecondaryInformationWidget ul {
margin-bottom: 0;
margin-left: 0 !important;
}
.InformationWidget .NoBolding label {
font-weight: normal !important;
}
/* -----------------------------------------------------------------------
End Information Widget
Begin Multi-Part Form Widget
----------------------------------------------------------------------- */
.MultiPartFormWidget {
margin-top: 1.5em;
zoom: 1;
}
.MultiPartFormWidget, .MultiPartFormWidget ~ div {
width: 90%;
}
.MultiPartFormWidget dl {
position: relative;
}
.MultiPartFormWidget dt {
font-weight: normal;
margin-bottom: 6px;
}
.MultiPartFormWidget dd {
margin-left: 0;
}
.MultiPartFormWidget .WidgetHeader {
margin: 1em 0;
}
.MultiPartFormWidget strong.WidgetHeader {
display: block;
}
.MultiPartFormWidget input[type=text] {
border: 1px solid #779C11;
border-radius: 3px;
padding: 10px;
}
.MultiPartFormWidget input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
-webkit-text-fill-color: #7E7D7A;
}
.MultiPartFormWidget .button__wrap {
margin-top: 1.5em;
text-align: center;
}
/* -----------------------------------------------------------------------
End Multi-Part Form Widget
Begin Custom Checkbox
----------------------------------------------------------------------- */
.checkbox__wrap {
position: relative;
}
.checkbox__wrap input[type=checkbox] {
border: 0;
height: 18px;
margin: 0;
opacity: 0;
outline: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 18px;
}
.checkbox__wrap input[type=checkbox] ~ label {
cursor: pointer;
display: inline-block;
padding-left: 32px;
}
.checkbox__wrap input[type=checkbox] ~ label:before {
background-size: contain;
border: none;
height: 18px;
top: 0;
width: 18px;
-moz-transition: background 0.35s;
-o-transition: background 0.35s;
-webkit-transition: background 0.35s;
transition: background 0.35s;
border: 2px solid #779c11;
border-radius: 3px;
content: "";
display: inline-block;
left: 0;
position: absolute;
top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.checkbox__wrap input[type=checkbox]:checked ~ label:before {
background-image: url(/images/tlnMasters/check.png);
background-color: #779c11;
background-size: contain;
border: none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.checkbox__wrap input[type=checkbox]:checked ~ label:before {
background-image: url(/images/tlnMasters/check@2x.png);
}
}
/* -----------------------------------------------------------------------
End Custom Checkbox
Begin Book
----------------------------------------------------------------------- */
.BookWidget {
margin: 0 0 1.5em 1.5em;
padding: 1.5em 1.5em 0;
width: 200px;
float: right;
text-align: center;
background-color: #f1f1f1;
border: 1px solid #b0b0b0;
}
.BookWidget p {
line-height: normal;
}
/* -----------------------------------------------------------------------
End Book
Begin Callouts
----------------------------------------------------------------------- */
.CalloutWidget {
margin-bottom: 1.5em;
padding: 1.5em 225px 1.5em 1.5em;
border: 1px solid #b0b0b0;
}
.CalloutWidget h3 {
margin-top: 0;
}
.CalloutWidget.RailsToTrailsWidget {
padding: 1.5em !important;
}
/* -----------------------------------------------------------------------
End Callouts
Begin Screenshots and Images
----------------------------------------------------------------------- */
.ScreenshotsWidget {
text-align: center;
}
.ScreenshotsWidget img {
margin-left: 3em;
}
.ScreenshotsWidget img:first-child {
margin-left: 0;
}
.StaticPageImage {
padding-left: 1em;
float: right;
}
.LeftFloatedImage {
float: left;
padding: 0.5em 1.5em 0.5em 0;
}
/* -----------------------------------------------------------------------
End Screenshots and Images
Begin Cache Types, FAQs, Address
----------------------------------------------------------------------- */
h2 sup, h3 sup {
font-size: 0.5em;
}
dl.CacheTypesList dt {
width: 80px;
float: left;
clear: both;
padding-bottom: 0;
}
dl.CacheTypesList dd {
margin-left: 7rem;
padding-bottom: 3rem;
}
dl.CacheTypesList dd h3 {
margin-top: 6px;
}
dl.CacheTypesList dt.First, dl.CacheTypesList dd.First {
padding-top: 2rem;
}
dl.CacheTypesList a {
text-decoration: underline;
}
dl.CacheTypesList a:hover {
text-decoration: none;
}
dl.CacheTypesList a:focus, dl.CacheTypesList a:active {
border-radius: 4px;
outline: 2px solid #4A4A4A;
}
dl.SubscriptionList dt {
margin: 1em 0 0;
padding: 1em 1em 0;
}
dl.SubscriptionList dd {
margin: 0;
padding: 0 1em 1em;
}
dl.SubscriptionList dt.AlternatingRow, dl.SubscriptionList dd.AlternatingRow {
background-color: #edf1f8;
}
.attributes-column h3 {
margin-bottom: 2rem;
}
.attributes-column ul {
margin-bottom: 3rem;
}
.attributes-column li {
display: block;
}
.attributes-column li:before, .attributes-column li:after {
content: "";
display: table;
}
.attributes-column li:after {
clear: both;
}
.attributes-column svg {
margin-right: 0.75rem;
}
.attributes-column svg, .attributes-column span {
display: inline-block;
vertical-align: middle;
}
/* -----------------------------------------------------------------------
End FAQs, Address
Begin Decryption Key
----------------------------------------------------------------------- */
.DecryptionKeyWidget {
font-family: "Courier New", courier, mono;
}
.DecryptionKeyWidget p {
margin: 0 !important;
}
/* -----------------------------------------------------------------------
End Decryption Key
Begin Calendar
----------------------------------------------------------------------- */
.ProfileCalendarTable {
border-color: #b0b0b0;
margin-top: 1.5em;
margin-bottom: 0;
}
.ProfileCalendarTable th, .ProfileCalendarTable td {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
padding: 1px;
}
.ProfileCalendarTable tr:first-child td {
background-color: #fff !important;
}
.ProfileCalendarTable .DayHeaderStyle {
border-top: 1px solid #b0b0b0 !important;
text-align: center;
}
table.EventCalendarTable {
width: 100%;
background-color: transparent !important;
border-collapse: collapse;
border: 1px solid #b0b0b0;
}
table.EventCalendarTable th, table.EventCalendarTable td {
border: 1px solid #b0b0b0;
padding: 0.5em;
vertical-align: top;
}
table.EventCalendarTable tr:first-child td {
background-color: #b0b0b0 !important;
padding: 5px !important;
}
.DayHeaderStyle {
text-align: center;
}
.DayStyle, .OtherMonthDayStyle, .WeekendDayStyle {
border-top: 1px solid #b0b0b0 !important;
border-bottom: 1px solid #b0b0b0 !important;
}
.SelectedDayStyle, .SelectorStyle {
color: #594a42 !important;
background-color: #dfe1d2 !important;
border-top: 1px solid #b0b0b0 !important;
border-bottom: 1px solid #b0b0b0 !important;
}
.TodayDayStyle {
color: #594a42 !important;
background-color: #d7d7d7 !important;
border-top: 1px solid #b0b0b0 !important;
border-bottom: 1px solid #b0b0b0 !important;
}
table.TitleStyle, table.TitleStyle td {
background-color: #fff !important;
border: none !important;
font-weight: bold !important;
margin-bottom: 0;
padding: 3px 5px;
text-align: center;
}
td.NextPrevStyle {
width: 5% !important;
}
table.EventCalendarTable table.TitleStyle td {
background-color: #fff !important;
}
h4 + .CacheCalendarTable {
margin-top: 1em;
}
table.CacheCalendarTable, table.CacheCalendarTable td {
margin-bottom: 1.5em;
border: none !important;
}
.ReportCacheCalendar table, .ReportCacheCalendar table td {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
/* -----------------------------------------------------------------------
End Calendar
Begin LatLong and Waypoint Tables
----------------------------------------------------------------------- */
table.LatLongTable {
border: none !important;
width: 300px;
margin-bottom: 0;
}
table.LatLongTable td {
border-left: none !important;
border-right: none !important;
}
/* -----------------------------------------------------------------------
End LatLong and Waypoint Tables
Begin Bookmarks
----------------------------------------------------------------------- */
.QuickAddWidget {
float: right;
margin-bottom: 1.5em;
margin-top: 0;
}
p.ResultsDropdown {
margin: 0;
padding-bottom: 3px;
float: right;
}
.BookmarkCreateListWidget .btn {
display: inline-block;
margin: 0.5em 0;
vertical-align: middle;
}
/* -----------------------------------------------------------------------
End Bookmarks
Begin Press
----------------------------------------------------------------------- */
table.PressTable {
margin-top: 1.5em;
}
table.PressEditTable tr {
display: none;
}
table.PressEditTable tr.Data {
display: table-row;
}
table.PressTable td, table.PressEditTable td {
border-color: #fff !important;
}
/* -----------------------------------------------------------------------
End Press
Begin Private Profile
----------------------------------------------------------------------- */
.YourProfileWidget {
border: 1px solid #ebeced;
}
.YourProfileWidget .WidgetBody {
padding: 1em;
}
.YourProfileWidget h3, .YourProfileWidget .h3 {
margin: 0;
padding: 0.5em 1em;
font-size: 14px;
background-color: #ebeced;
}
.YourProfileWidget p {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
.YourProfileWidget ul {
margin-left: 0 !important;
}
.YourProfileWidget .AvatarLeft {
float: left;
margin-bottom: 0.5em;
margin-right: 0.75em;
}
.YourProfileWidget p.WidgetFooter {
margin-top: 0 !important;
}
.YourProfileWidget.beta {
border-color: #96ab4d;
margin-bottom: 2em;
}
.YourProfileWidget.beta h3 {
background-color: #96ab4d;
color: #fff;
}
.YourProfileWidget.beta .WidgetBody {
padding: 0;
}
.YourProfileWidget.beta ul {
list-style: none;
margin: 0;
padding: 0;
}
.YourProfileWidget.beta li {
padding: 0.75em 1.5em;
}
.YourProfileWidget.beta li:hover {
background-color: #f1f2f3;
}
.YourProfileWidget.beta li + li {
border-top: 1px solid #ebeced;
}
.YourProfileWidget.beta a, .YourProfileWidget.beta a:link {
color: inherit !important;
display: block;
text-decoration: none;
}
.beta-more {
color: #d2d2d2;
margin-bottom: 2em;
margin-top: -1.5em;
text-align: right;
}
.PublicProfile table.Table, .ProfileStats table.Table {
border-width: 1px 0;
margin-top: 1em;
}
.PublicProfile table.Table th, .ProfileStats table.Table th {
font-size: 14px;
border: none;
font-weight: normal;
padding: 0.25em 0.5em;
}
.PublicProfile table.Table tfoot td {
background-color: #e3ddc2;
}
.ProfileStats table.Table th, .ProfileStats table.Table tfoot td {
background-color: #dfd4c7;
}
.PublicProfile table.Table th.AlignRight, .PublicProfile table.Table td.AlignRight {
padding-right: 1em;
}
.PublicProfile table.Table tbody, .ProfileStats table.Table tbody {
border: 1px solid #c6b2a8;
border-width: 1px 0;
}
.GeocacheStats table.Table tbody tr:first-child td {
padding-top: 1em;
}
.GeocacheStats table.Table tbody tr:last-child td {
padding-bottom: 1em;
}
.PublicProfile table.Table td, .ProfileStats table.Table td {
border: none;
}
.ProfileStats {
padding: 16px 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
.ProfileStats .fill-grid-btn {
border: none;
border-radius: 3px;
cursor: pointer;
height: 40px;
background: #08864d;
background: #02874D;
color: white;
margin-left: 25px;
padding: 0 20px 0 20px;
}
.ProfileStats .fill-grid-btn:hover {
background: #03b265;
background: #00B265;
}
.ProfileStats .stats-grid-level,
.ProfileStats .stats-grid-total {
display: none;
}
.ProfileStats .DTGrid caption {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.ProfileStats .grid-celebration-wrapper {
align-items: center;
display: flex;
flex-grow: 1;
justify-content: center;
}
.ProfileStats #grid-celebration {
display: none;
height: 245px;
min-width: 164px;
padding: 0 15px 0 15px;
text-align: center;
}
.ProfileStats .congrats-img {
margin-top: 0.75rem;
width: 140px;
}
.ProfileStats .congrats-text-header {
margin: 10px 0 10px 0;
font-size: 16px;
font-weight: bold;
}
.ProfileStats .congrats-text-one {
display: none;
font-size: 14px;
}
.ProfileStats .congrats-text {
display: none;
font-size: 14px;
}
.ProfileStats .stats-label {
display: block;
float: left;
font-weight: bold;
margin: 0.525em 1.5em 0.525em 0;
}
.ProfileStats .stats-label + .stats-label {
clear: left;
}
#DifficultyTerrainCaches {
display: flex;
}
.trackables-tab td {
padding-left: 0;
padding-right: 0;
}
.trackables-tab table.Table td {
padding: 7px;
word-break: break-all;
word-break: break-word;
}
.trackables-tab + .trackables-tab {
padding-left: 38px;
}
table.Table tr.InsetRow td, .InsetRow, table.Table tr td.InsetRow {
background-color: #f2f3f4;
padding-left: 30px;
}
.PublicProfile table.Table tfoot {
font-style: normal;
}
tr.InsetRow .AlignRight {
color: #717073;
}
.mxStats {
padding: 10px 0 5px 0;
}
.statbox {
min-width: 64px;
float: left;
margin: 4px 4px 0 0;
text-align: center;
padding: 5px;
background-color: #ebeced;
}
.statbox strong {
font-size: 10px;
display: block;
text-transform: uppercase;
}
.statbox .statcount {
font-size: 18px;
font-weight: bold;
}
.cxUpgradeLink {
display: block;
width: 200px;
word-wrap: break-word;
}
.HomeLocationSearch {
background-color: #f2f4f5;
padding: 1em;
}
.ProfileMapImage {
float: right;
margin: 0 1em;
border: 2px solid #fff !important;
background-color: #fff;
box-shadow: 0 1px 2px #ccc;
}
/* -----------------------------------------------------------------------
End Private Profile
Begin My Friends
----------------------------------------------------------------------- */
.FriendWidget {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
zoom: 1;
vertical-align: top;
width: 48%;
margin: 0 12px 2% 0;
padding: 1em;
border: 1px solid #d7d7d7;
}
.FriendAvatar {
float: left;
}
.FriendAvatar img {
height: 48px;
width: 48px;
}
.FriendText {
margin-left: 68px;
}
.FriendWidget h4 {
margin-top: 0;
}
dl.FriendList {
float: left;
}
dl.FriendList dt {
float: left;
width: 9em;
padding-bottom: 0;
clear: both;
}
dl.FriendList dd {
float: left;
margin-left: 0;
padding-bottom: 0;
max-width: 162px;
}
img[src*=icon_admin], img[src*=icon_reviewer], img[src*=reg_user], img[src*=ch_user], img[src*=prem_user] {
margin-right: 2px;
}
/* -----------------------------------------------------------------------
End My Friends
Begin Email Form
----------------------------------------------------------------------- */
dl.SendEmailForm input.Text, dl.SendEmailForm textarea.Textarea {
border-color: #779C11;
border-radius: 3px;
padding: 10px;
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
dl.SendEmailForm textarea.Textarea + span {
display: block;
}
dl.SendEmailForm textarea.Textarea {
height: 250px;
}
dl.SendEmailForm .CharCount {
margin-top: -2.5em;
text-align: right;
}
/* -----------------------------------------------------------------------
End Email Form
Begin Look-Up User Form
----------------------------------------------------------------------- */
.LookupUserForm {
border: none;
padding: 0;
}
.LookupUserForm legend {
display: block;
font-weight: normal;
margin-bottom: 4px;
}
.LookupUserForm .input-wrapper {
display: flex;
gap: 4px 8px;
margin-bottom: 4px;
}
.LookupUserForm input[type=text] {
border-radius: 4px;
border: 1px solid #C7C7C7;
padding: 10px 12px;
}
.LookupUserForm input[type=text]:hover {
border-color: #ABABAB;
}
.LookupUserForm input[type=text]:focus {
border-color: #4A4A4A;
box-shadow: 0 0 0 1px #4A4A4A;
}
/* -----------------------------------------------------------------------
End Look-Up User Form
Begin Field Notes
----------------------------------------------------------------------- */
.FieldNotesYourProfileWidget {
margin-bottom: 2em;
padding: 1em;
display: block;
border: 1px solid #e2c2c2;
background-color: #fee;
}
.FieldNotesYourProfileWidget p {
margin: 0;
padding: 0;
}
.FieldNotesYourProfileWidget .DismissIcon {
margin: 0;
padding: 0;
width: 16px;
height: 16px;
float: right;
text-indent: -999999px;
background: url(../images/icons/16/close.png) no-repeat top right;
cursor: pointer;
}
/* -----------------------------------------------------------------------
End Field Notes
Begin User Routes
----------------------------------------------------------------------- */
.RandomRouteWidget h3.WidgetHeader {
margin: 0;
padding: 10px;
background-color: #8c0b0b;
color: #fff;
}
.RandomRouteWidget .WidgetBody {
padding: 10px;
border: 1px solid #8c0b0b;
}
.LatestRoutesWidget {
margin-top: 1.5em;
}
dl.UserRoutesStatisticsList dt {
float: left;
clear: both;
padding-bottom: 1em;
width: 8em;
}
dl.UserRoutesStatisticsList dd {
margin-left: 8em;
}
/* -----------------------------------------------------------------------
End User Routes
Begin Trackable Items
----------------------------------------------------------------------- */
.TravelBugHeaderIcon {
position: relative;
top: 7px;
}
dl.BugDetailsList {
margin-top: 1.5em;
}
dl.BugDetailsList dt {
float: left;
padding-bottom: 1em;
clear: none;
width: 10em;
}
dl.BugDetailsList dd {
margin-left: 11em;
}
dl.BugDetailsList .message__owner svg {
top: 3px;
}
#TrackableGoal img,
#TrackableDetails img {
max-width: 100%;
height: auto !important;
}
.TrackableCalloutWidget {
margin-bottom: 1.5em;
width: 32.4%;
}
.TrackableCalloutWidget .WidgetHeader {
margin-top: 0;
padding: 0.5em 1em;
color: #fff;
}
.TrackableCalloutWidget .WidgetHeader a, .TrackableCalloutWidget .WidgetHeader a:link, .TrackableCalloutWidget .WidgetHeader a:active, .TrackableCalloutWidget .WidgetHeader a:hover, .TrackableCalloutWidget .WidgetHeader a:focus, .TrackableCalloutWidget .WidgetHeader a:visited {
color: #fff !important;
text-decoration: none;
}
.TrackableCalloutWidget .WidgetBody {
padding: 1em;
}
.TrackableCalloutWidget .WidgetBody p {
margin-top: 0;
}
.TrackableCalloutWidget .WidgetBody ul {
margin-left: 0 !important;
margin-top: 1em;
}
.PageBuilderWidget table {
margin-bottom: 0;
}
div.GeocoinWidget {
border: 1px solid #992a2a;
float: left;
margin-right: 8px;
}
.GeocoinWidget h3.WidgetHeader {
background: #992a2a url(../images/tabs/geocoin.jpg) no-repeat right center;
border-bottom: 1px solid #922a2a;
}
div.TravelBugWidget {
border: 1px solid #448e35;
float: left;
margin-right: 8px;
}
.TravelBugWidget h3.WidgetHeader {
background: #448e35 url(../images/tabs/tbug.jpg) no-repeat right center;
border-bottom: 1px solid #448e35;
}
div.PromotionalsWidget {
border: 1px solid #35598e;
float: left;
margin-right: 0;
}
.PromotionalsWidget h3.WidgetHeader {
background: #35598e url(../images/tabs/jeep.jpg) no-repeat right center;
border-bottom: 1px solid #35598e;
}
.TrackableSearchWidget .Button {
position: relative;
top: 5px;
}
table.TrackableItemLogTable {
border-top: 2px solid #9b9b9b;
}
table.TrackableItemLogTable td {
border-left: none;
border-right: none;
}
#TrackableDetails ~ table.TrackableItemLogTable tr.AlternatingRow,
#TrackableDetails ~ table.Table tr.AlternatingRow td {
background-color: #fff;
}
table.TrackableItemLogTable div {
max-width: 790px;
word-wrap: break-word;
}
table.TrackableItemLogTable tr.BorderTop td {
border-top: 2px solid #9b9b9b;
}
table.TrackableItemLogTable tr.BorderBottom td {
border-bottom: 2px solid #9b9b9b;
}
.TrackableItemDetailsImage {
float: right;
clear: right;
padding: 0 0 1em 1em;
}
.GeocoinInformationWidget {
height: 250px;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid #b0b0b0;
}
.GeocoinInformationWidget > ul {
margin-left: 0 !important;
padding-top: 1.5em;
}
.GeocoinInformationWidget > ul li {
list-style: none;
margin-bottom: 1.5em;
}
.GeocoinInformationWidget > ul li:first-child {
font-weight: bold;
position: relative;
padding-left: 48px;
}
.GeocoinInformationWidget > ul img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
height: 32px;
width: 32px;
}
table.GeocoinTable {
border: none !important;
}
table.GeocoinTable td {
border-left: none !important;
border-right: none !important;
}
.GeocoinIconList {
margin: 0;
padding: 0;
}
.GeocoinIconList li {
list-style: none;
margin: 6px 0;
}
.GeocoinIconList img, .GeocoinIconList a.lnk img {
vertical-align: middle;
margin-right: 0.5em;
}
.Recent {
background-color: #097dc3;
color: #fff;
text-shadow: -1px 1px #00447c;
padding: 3px;
border-radius: 4px;
font-size: 0.85em;
font-weight: bold;
font-variant: small-caps;
white-space: nowrap;
display: inline-block;
}
/* -----------------------------------------------------------------------
End Trackable Items
Begin Log a Cache
----------------------------------------------------------------------- */
dl.PostLogList {
margin-bottom: 0;
}
.PostLogList dt {
float: left;
clear: both;
padding-bottom: 1em;
width: 10em;
}
.PostLogList dd {
margin-left: 10em;
}
.PostLogList .Textarea {
width: 99% !important;
height: 250px;
}
.LogOptionsWidget {
background-color: #f1f1f1;
border: 1px solid #b0b0b0;
padding: 1em;
margin: 0 0 2em 0;
overflow: hidden;
}
.LogOptionsWidget p {
margin-bottom: 0;
}
.LogTrackablesTable tr.TableFooter td {
border-top: 2px solid #fff;
background-color: #f1f1f1;
}
.LogsTable {
table-layout: fixed;
border-collapse: collapse;
background-color: #fff;
width: 100%;
}
.LogsTable td {
border-top: 2px solid #4a4a4a;
border-bottom: 2px solid #4a4a4a;
padding-top: 1em;
padding-bottom: 1em;
width: 100%;
}
.LogsTable table td {
border: none;
padding: 0;
}
.WrapFix, .LogsTable td {
word-wrap: break-word;
}
#UtilityNav {
display: block;
margin: 0;
padding: 0;
}
#UtilityNav li {
display: inline-block;
list-style: none;
margin-left: 0;
padding: 4px 7px;
}
#UtilityNav .btn-icon {
display: inline-block;
}
#UtilityNav [class*=Log] {
background-position: 4px 4px;
background-repeat: no-repeat;
display: inline-block;
height: 16px;
overflow: hidden;
padding: 4px;
text-indent: 9999px;
width: 16px;
}
#UtilityNav [class*=Log]:hover {
background-color: #ebeced;
}
#UtilityNav .LogEdit {
background-image: url("/images/icons/16/edit.png");
}
#UtilityNav .LogEditDisabled {
background-image: url("/images/icons/16/edit_disabled.png");
opacity: 0.5;
}
#UtilityNav .LogEditDisabled:hover {
background-color: transparent;
}
#UtilityNav .LogDelete {
background-image: url("/images/icons/16/delete.png");
}
#UtilityNav .LogEncrypt {
background-image: url("/images/icons/16/lock.png");
}
#UtilityNav .LogDecrypt {
background-image: url("/images/icons/16/unlock.png");
}
#UtilityNav .LogRestore {
background-image: url("/images/icons/16/restore_log.png");
}
#UtilityNav .LogUpload {
background-image: url("/images/icons/16/upload_photo.png");
}
.InformationWidget #UtilityNav a {
display: inline;
padding-left: 1em;
border-left: 1px solid #594a42;
}
.InformationWidget #UtilityNav.first a {
border-left: none;
}
.InformationWidget #UtilityNav:only-child a {
border-left: none;
}
.LogEntryText {
border-top: 2px solid #9b9b9b;
border-bottom: 2px solid #9b9b9b;
margin: 0 0 0.5em;
padding: 2em 0 1.5em;
}
.LogEntryText .Button {
display: block;
margin: 1em 0;
}
.LogEntryImage .InformationWidget {
margin-top: 0;
}
.minorDetails, .minorDetails a {
font-size: 12px;
color: #717073;
}
.minorDetails + .minorDetails {
border-left: 1px solid #717073;
padding-left: 0.8em;
margin-left: 0.5em;
}
.minorDetails + .minorDetails:empty {
border-left: none;
}
.logPanel * {
overflow-wrap: break-word;
}
.logPanel .LogEntryImage {
margin-top: 1.5em;
margin-bottom: 1.5em;
text-align: center;
}
.logPanel h3 img {
vertical-align: bottom;
}
.LogEntryText span[id*=WaypointLog],
.markdown-output span.WaypointLog {
color: #4a4a4a;
display: block;
font-weight: bold;
margin-bottom: 2em;
}
.log__filters {
border-bottom: 2px solid #9b9b9b;
margin-top: 0.5em;
padding-bottom: 1.5em;
}
.lfilters__title {
font-weight: bold;
margin-right: 0.15em;
}
.upload-controls a + a {
margin-left: 0.5em;
}
/* -----------------------------------------------------------------------
End Log a Cache
Begin Gallery
----------------------------------------------------------------------- */
table.GalleryTable {
border: none !important;
font-size: 12px;
}
table.GalleryTable td {
border-left: none;
border-right: none;
vertical-align: top;
width: 25%;
}
table.GalleryTable .imageLink {
display: block;
max-height: 75px;
max-width: 100px;
overflow: hidden;
}
table.GalleryTable span {
display: block;
}
table.GalleryTable a + span {
display: block;
font-weight: bold;
margin: 0.75em auto 1.25em;
}
table.GalleryTable .date-stamp {
margin: 0.25em 0;
}
/* -----------------------------------------------------------------------
End Gallery
Begin Previous Profile Image Gallery
----------------------------------------------------------------------- */
.prev-profile-gallery {
margin-bottom: 1.5em;
}
.prev-profile-gallery ul {
list-style-type: none;
margin: 3em 0 0 -2.5em;
overflow: hidden;
padding: 0;
}
.prev-profile-gallery ul a {
display: block;
height: 100px;
margin-bottom: 1.5em;
text-decoration: none;
/*vertical align img center*/
}
.prev-profile-gallery ul a::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 0;
}
.prev-profile-gallery ul button {
margin-left: 0;
}
.prev-profile-gallery li {
display: inline-block;
margin: 0 0 3em 2.5em;
text-align: center;
}
.prev-profile-gallery img {
display: inline-block;
max-height: 100px;
max-width: 100px;
vertical-align: middle;
}
/* -----------------------------------------------------------------------
End Previous Profile Image Gallery
Begin Log Images
----------------------------------------------------------------------- */
.LogImagesTable, .markdown-output .LogImagesTable {
width: 90%;
background-color: #EFEFEF;
border: 1px solid #7E7D7A;
list-style: none;
padding: 6px;
margin: 0 0 0 10px;
}
.LogImagesTable a.lnk, .markdown-output .LogImagesTable a.lnk {
text-decoration: none;
max-width: 100%;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.LogImagesTable a.lnk:hover span, .markdown-output .LogImagesTable a.lnk:hover span {
text-decoration: underline;
}
.LogImagesTable a.lnk .icon, .markdown-output .LogImagesTable a.lnk .icon {
vertical-align: middle;
}
span.LogImgTitle {
font-weight: bold;
text-align: left;
font-size: 14px;
}
p.LogImgDescription {
text-align: left;
line-height: normal;
margin: 1em 0 0 0;
clear: both;
word-break: break-word;
word-wrap: break-word;
}
.fancybox-title-inside {
text-align: left !important;
}
.logimg-nav .NextImg::before, .logimg-nav .PrevImg::before, .logimg-nav .NextImg::after, .logimg-nav .PrevImg::after {
display: inline-block;
height: 1.5em; /* matches line height of text */
vertical-align: middle;
width: 16px;
}
.logimg-nav {
text-align: center;
}
.logimg-nav a {
display: inline-block;
margin-bottom: 1em;
}
.logimg-nav a + a {
margin-left: 0.75em;
}
.logimg-nav a:only-child {
display: block;
}
.logimg-nav .PrevImg::before {
background: url("../images/icons/16/arrow_l.png") no-repeat 0 50%;
content: "";
margin-right: 0.5em;
}
.logimg-nav .NextImg::after {
background: url("../images/icons/16/arrow_r.png") no-repeat 100% 50%;
content: "";
margin-left: 0.5em;
}
.logimg-display span {
display: block;
}
.logimg-display .logimg-caption {
font-weight: bold;
}
/* -----------------------------------------------------------------------
End Log Images
Begin Benchmarks
----------------------------------------------------------------------- */
.BenchmarkHomeSearchWidget {
margin-left: 1em;
float: right;
}
/* -----------------------------------------------------------------------
End Benchmarks
Begin Pocket Queries
----------------------------------------------------------------------- */
.PocketQueryListTable tr.TableFooter td {
background-color: #f1f1f1;
}
.pq-info-wrapper, .pq-legend {
margin-bottom: 1.5em;
margin-top: 1.5em;
}
.pq-info-wrapper {
margin-bottom: 5em;
}
.pq-info-wrapper .btn {
display: inline-block;
min-width: 20em;
padding: 0.75em 2em;
}
.pq-info-wrapper .btn:first-child {
margin-right: 2em;
}
.pq-info-wrapper p:last-child {
margin-bottom: 0;
padding: 1em 0;
}
.pq-info-wrapper + .ui-tabs {
margin-bottom: 1.5em;
}
.pq-legend ul {
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
float: left;
margin: 0;
padding: 0 1em;
width: 50%;
}
.pq-legend li + li {
margin-top: 0.25em;
}
.pq-legend li img {
margin-right: 0.5em;
vertical-align: middle;
}
.SetHalfWidth td {
width: 49%;
}
.PocketQueryForm table.RadioButtonsTable, .PocketQueryForm table.CheckboxTable {
width: 100% !important;
}
.PocketQueryForm table.RadioButtonsTable label, .PocketQueryForm table.CheckboxTable label, .PocketQueryForm span.NoBolding label {
font-weight: normal !important;
}
.PocketQueryForm table.RadioButtonsTable td, .PocketQueryForm table.CheckboxTable td {
padding: 0.5em 0 !important;
}
.PocketQueryForm table.AttributeTable, .PocketQueryForm table.AttributeTable td {
border: none;
text-align: center;
}
dl.PQOutputList dt {
float: left;
clear: both;
padding-bottom: 1em;
width: 6em;
word-wrap: break-word;
}
dl.PQOutputList dd {
margin-left: 6em;
}
.dateWarn {
font-weight: bold;
font-style: italic;
color: #8c0b0b;
}
/* -----------------------------------------------------------------------
End Pocket Queries
Begin Hide and Seek a Cache
----------------------------------------------------------------------- */
dl.RatingQuestionList dt {
float: left;
clear: both;
padding-bottom: 1em;
width: 1em;
}
dl.RatingQuestionList dd {
margin-left: 2em;
}
dl.RatingAnswerList dt {
float: left;
clear: both;
padding-bottom: 1em;
width: 5em;
}
dl.RatingAnswerList dd {
margin-left: 6em;
}
table.AttributesEditTable th {
border-top: 1px solid #d7d7d7;
}
.WaypointsEditForm .NoBolding label {
font-weight: normal !important;
}
.SeekCacheWidget .WidgetHeader, .HideCacheWidget .WidgetHeader {
margin: 1em 0;
}
.SeekCacheWidget .WidgetBody h4, .HideCacheWidget .WidgetBody h5 {
margin-bottom: 1em;
}
.SeekCacheWidget .WidgetBody h4:before, .HideCacheWidget .WidgetBody h5:before {
content: " ";
display: block;
height: 1em;
border-top: 1px solid #d5d0b4;
margin: 0 -1.2em;
}
.HideCacheWidget .WidgetBody h5:before {
margin: 0 -1.3em;
}
.SeekCacheWidget .WidgetBody h4:first-child, .HideCacheWidget .WidgetBody h4:first-child {
padding-top: 0;
border-top: none;
}
.SeekCacheWidget .WidgetBody h4:first-child:before, .HideCacheWidget .WidgetBody h4:first-child:before {
content: none;
}
.SeekCacheWidget a, .HideCacheWidget a {
color: #184468;
}
.SeekCacheWidget a:hover, .HideCacheWidget a:hover {
text-decoration: none;
}
.SeekCacheWidget .Button, .SeekCacheWidget .Text, .SeekCacheWidget select, .SeekCacheWidget input[type=text] {
padding: 0.5em;
}
.SeekCacheWidget .Text, .SeekCacheWidget select, .SeekCacheWidget input[type=text] {
border: none;
border-radius: 2px;
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
}
.SeekCacheWidget .Button {
-webkit-appearance: none;
appearance: none;
border: none;
background-color: #9db157;
color: #fff;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
border-radius: 3px;
cursor: pointer;
}
.SeekCacheWidget .WidgetBody dl, .HideCacheWidget .WidgetBody dl, .SeekCacheWidget .WidgetBody p, .HideCacheWidget .WidgetBody p {
margin: 1em 0;
}
.SeekCacheWidget .WidgetBody dl:first-child {
margin-top: 0;
}
.SeekCacheWidget .WidgetBody dl dt {
margin-bottom: 0.25em;
}
.SeekCacheWidget .WidgetBody dl dd {
margin-left: 0;
}
.SeekCacheWidget br + input {
margin-top: 0.25em;
}
.SeekCacheWidget .EqualWidthInput {
width: 60% !important;
}
.SeekCacheWidget select.EqualWidthSelect {
width: 63% !important;
}
.HideCacheWidget .WidgetBody dl dt {
float: left;
clear: both;
padding-bottom: 1em;
width: 8em;
}
.HideCacheWidget .WidgetBody dl dd {
margin-left: 8em;
}
.HideCacheWidget h5 small {
display: block;
}
.HideCacheWidget a[href*="hide/createcache"] {
padding: 0.5em;
margin: 1em 0;
display: block;
font-weight: bold;
background-color: #4a752d;
color: #fff !important;
text-align: center;
text-decoration: none;
border-radius: 3px;
}
table.SearchResultsTable tr td .tblist + img {
margin: 3px 3px 0 0;
}
table.SearchResultsTable a.favoriteTotal {
text-decoration: none;
text-align: center;
}
.SearchResultsTable .IconButton {
display: block;
height: 16px;
width: 16px;
}
.SearchResultsTable .IconButton:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.SearchResultsTable.MyOwnedCachesTable {
margin-top: 2.5em;
}
.SearchResultsTable.MyOwnedCachesTable .UserOwned td {
background-color: #fff;
}
.SearchResultsTable.MyOwnedCachesTable .UserOwned:nth-child(odd) td {
background-color: #ebeced;
}
.CacheContentsToolTip li + li {
margin-top: 0.5em;
}
.CacheInformationTable {
width: 100%;
border: 1px solid #c0cee3;
margin: 1.5em 0;
background-color: #fff;
}
.CacheInformationTable div {
padding: 0.5em;
}
.CacheInformationTable .LocationData {
background-color: #eff4f9;
border-bottom: 1px solid #c0cee3;
}
.DisclaimerWidget {
background-color: #fae8e9;
border: 1px solid #bf0b13;
}
.NotesWidget {
background-color: #ffffde;
border: 1px solid #e9a24c;
}
.DisclaimerWidget, .NotesWidget {
padding: 0.5em 1em 1em;
margin-bottom: 1.5em;
}
.cacheDetailsTitle {
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.cacheDetailsTitle:after:before, .cacheDetailsTitle:after:after {
content: "";
display: table;
}
.cacheDetailsTitle:after:after {
clear: both;
}
.activity-type-icon {
position: relative;
font-size: 0;
}
.activity-type-icon .cache-icon {
width: 48px;
height: 48px;
}
.activity-type-icon .badge {
height: 24px;
left: -4px;
position: absolute;
top: -4px;
width: 24px;
}
.CacheDetailNavigationWidget h3.WidgetHeader {
margin-bottom: 0.5em;
font-size: 100%;
}
.CacheDetailNavigationWidget + .CacheDetailNavigationWidget {
margin-top: 1.5em;
}
.CacheDetailNavigationWidget .WidgetBody {
padding: 1em;
border: 1px solid #b0b0b0;
background-color: #fff;
}
#Content .CacheDetailNavigationWidget .WidgetBody ul {
margin: 0;
padding: 0;
}
#Content .CacheDetailNavigationWidget .WidgetBody ul li {
margin-left: 0;
margin-bottom: 2px;
list-style: none;
list-style-type: none;
}
#Content .CacheDetailNavigationWidget .WidgetBody ul li a img, table.SearchResultsTable .small img {
vertical-align: middle;
margin-right: 2px;
}
.TryBetaCSPWidget {
background-color: #d7ecf7;
background-color: rgba(215, 236, 247, 0.75);
border: 1px solid #9acfea;
color: #3a87ad;
border-radius: 3px;
padding: 1em;
margin-left: 3em;
width: 200px;
}
.TryBetaCSPWidget p:last-child {
margin-bottom: 0;
}
/* -----------------------------------------------------------------------
End Hide and Seek a Cache
Begin Cache Code Widget
----------------------------------------------------------------------- */
a.CoordInfoLink {
color: #717073 !important;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}
/* -----------------------------------------------------------------------
End Cache Code Widget
Begin Messaging - Cache and TB details
----------------------------------------------------------------------- */
.message__owner {
cursor: pointer;
display: inline-block;
padding-left: 15px;
position: relative;
}
.message__owner svg {
position: absolute;
left: 15px;
top: 1px;
}
.message__owner a {
color: #4A4A4A;
padding-left: 30px;
z-index: 2;
}
.message__owner-fill {
fill: #4A4A4A;
}
/* -----------------------------------------------------------------------
End Cache Details Page Summary Header
Begin Cache Details Logs
----------------------------------------------------------------------- */
.LogDisplayLeft {
width: 124px;
}
.LogDisplayRight {
border-left: 1px solid #d7d7d7;
margin-left: 16px;
padding-left: 16px;
width: 790px;
}
.log-avatar {
display: inline-block;
margin: 4px 0;
}
.log-meta {
display: block;
margin: 0;
}
.log-meta .icon {
margin-right: 4px;
vertical-align: middle;
z-index: 1;
}
.LogDisplayRight .LogText {
min-height: 40px;
}
/* -----------------------------------------------------------------------
End Cache Details Logs
Begin Cache Logbook
----------------------------------------------------------------------- */
.PaginationWidget {
margin: 1.5em 0;
font-size: 12px;
}
.pagination a {
text-decoration: none;
border: 1px solid #00447c;
color: #00447c;
}
.pagination a, .pagination span {
display: block;
float: left;
padding: 3px 5px;
margin-right: 5px;
min-width: 1em;
text-align: center;
}
.pagination .current {
background: #13b5ea;
color: #fff;
border: 1px solid #13b5ea;
}
.pagination .current.prev, .pagination .current.next {
color: #b0b0b0;
border-color: #b0b0b0;
background: #fff;
}
/* -----------------------------------------------------------------------
End Cache Logbook
Begin Cache Details User Content
----------------------------------------------------------------------- */
/* reset reset and typography styles for UserSuppliedContent */
.UserSuppliedContent table, .UserSuppliedContent tbody, .UserSuppliedContent tfoot, .UserSuppliedContent thead, .UserSuppliedContent tr, .UserSuppliedContent th, .UserSuppliedContent td, .UserSuppliedContent td img {
vertical-align: top;
}
/* let html attributes override css reset styles */
.UserSuppliedContent table[valign=top], .UserSuppliedContent table[valign=top] th, .UserSuppliedContent tr[valign=top] th, .UserSuppliedContent th[valign=top], .UserSuppliedContent table[valign=top] td, .UserSuppliedContent tr[valign=top] td, .UserSuppliedContent tr[valign=top] img, .UserSuppliedContent td[valign=top] {
vertical-align: top;
}
.UserSuppliedContent table[valign=middle], .UserSuppliedContent tr[valign=middle] th, .UserSuppliedContent th[valign=middle], .UserSuppliedContent table[valign=middle] td, .UserSuppliedContent table[valign=middle] table, .UserSuppliedContent tr[valign=middle] td, .UserSuppliedContent tr[valign=middle] img, .UserSuppliedContent td[valign=middle] {
vertical-align: middle;
}
.UserSuppliedContent table[valign=center], .UserSuppliedContent tr[valign=center] th, .UserSuppliedContent th[valign=center], .UserSuppliedContent table[valign=center] td, .UserSuppliedContent table[valign=center] table, .UserSuppliedContent tr[valign=center] td, .UserSuppliedContent tr[valign=center] img, .UserSuppliedContent td[valign=center] {
vertical-align: middle;
}
.UserSuppliedContent table[valign=bottom], .UserSuppliedContent table[valign=bottom] th, .UserSuppliedContent tr[valign=bottom] th, .UserSuppliedContent th[valign=bottom], .UserSuppliedContent table[valign=bottom] td, .UserSuppliedContent tr[valign=bottom] td, .UserSuppliedContent tr[valign=bottom] img, .UserSuppliedContent td[valign=bottom] {
vertical-align: bottom;
}
.UserSuppliedContent table, .UserSuppliedContent table td {
margin-bottom: auto;
}
.UserSuppliedContent table th, .UserSuppliedContent table td {
padding: 0;
}
.UserSuppliedContent table td a {
margin: 0 !important;
}
.UserSuppliedContent img.Pointer {
background: url(../images/magnifying-glass.png) bottom right no-repeat;
cursor: pointer;
padding-bottom: 18px;
}
.UserSuppliedContent blockquote {
color: inherit;
font-style: normal;
}
/* -----------------------------------------------------------------------
End Cache Details User Content
Begin Profile
----------------------------------------------------------------------- */
.PublicProfile .profile-header {
display: table;
width: 100%;
}
.profile-header .overview,
.profile-header .admin-links {
display: table-cell;
}
.profile-header .overview {
width: 75%;
}
.profile-header .user-avatar {
border: 3px solid transparent !important; /* override asp:image border-width:0 bug */
float: left;
height: 48px;
width: 48px;
margin-right: 1em;
}
.profile-header h3 {
margin-bottom: 0.25em;
}
.profile-header h3 img {
margin-right: 0.25em;
}
.profile-header .admin-links a {
display: block;
margin-bottom: 0.25em;
padding-left: 22px;
}
.profile-header .admin-links a:only-of-type {
float: right;
}
.PublicProfile .stat {
display: inline;
}
.player-stats img {
position: relative;
top: -1px;
vertical-align: middle;
}
.stat + .stat:before {
content: "|";
margin: 0 0.5em;
}
.profile-custom {
border-top: 1px dashed #dfd4c7;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 2.5em;
}
.profile-custom h3:first-child {
margin-bottom: 0.5em;
}
.PublicProfile .contact-links a {
display: block;
}
.contact-links a + a {
margin-top: 0.5em;
}
/* -----------------------------------------------------------------------
End Profile
Begin Souvenirs
----------------------------------------------------------------------- */
.ProfileSouvenirsList div {
float: left;
margin: 0 0 1rem 0;
padding: 10px;
width: 155px;
height: 16em;
text-align: center;
overflow: hidden;
}
.ProfileSouvenirsList div + div {
margin-left: 1rem;
}
.ProfileSouvenirsList div:nth-child(4n+1) {
margin-left: 0;
}
.ProfileSouvenirsList p.Warning, .ProfileSouvenirsList p.ErrorIcon {
background: url("../images/icons/16/take_note.png") no-repeat 0 0;
padding-left: 20px;
}
.ProfileSouvenirsList button {
background: transparent;
border: none;
color: #999;
text-decoration: underline;
cursor: pointer;
}
.ProfileSouvenirsList button:before {
content: url("../images/close_sml.gif");
margin-right: 0.4em;
vertical-align: middle;
display: inline-block;
}
.SouvenirThumb {
border: 1px solid #717073 !important;
box-shadow: -1px 2px 2px #717073;
}
a .SouvenirThumb {
color: #717073;
}
.SouvenirsWidget {
padding: 1em;
margin: 1em 1em 1em 0;
border: 1px solid #b0b0b0;
float: left;
width: 45%;
}
.SouvenirListing {
margin-top: 1em;
}
.SouvenirListing img {
margin-right: 1em;
}
.SouvenirListing div {
display: table-cell;
vertical-align: middle;
}
.More {
display: none;
}
#lnkMoreSouvenirs {
clear: left;
padding-top: 1em;
}
#lnkMoreSouvenirs a {
cursor: pointer;
text-decoration: underline;
}
#SouvenirDetails h2 img {
margin: 0 0.5em 1.5em 0;
vertical-align: text-top;
}
#SouvenirDetails .InformationWidget {
overflow: auto;
margin: 0;
}
#SouvenirDetails dl dt {
padding-bottom: 0.5em;
}
.SouvenirInfo {
margin-bottom: 1.5em;
word-wrap: break-word;
}
.SouvenirInfo strong {
display: block;
}
.img-souvenir-full-size {
max-width: 480px;
max-height: 480px;
}
/* -----------------------------------------------------------------------
End Souvenirs
Begin Statistics
----------------------------------------------------------------------- */
.statistics-settings {
margin: 2em 0;
padding: 30px;
position: relative;
}
/* micro clearfix */
.statistics-settings:before, .statistics-settings:after {
content: " ";
display: table;
}
.statistics-settings:after, .statistics-settings .footer {
clear: both;
}
.statistics-settings .header {
margin-bottom: 1em;
}
.statistics-settings .settings-group {
border: none;
float: left;
margin-bottom: 1.5em;
padding: 0;
width: 33%;
}
.statistics-settings .disabled {
color: #bbb7b2;
}
.statistics-settings legend {
margin-bottom: 0.25em;
}
.statistics-settings .checkbox-wrapper {
display: block;
margin-bottom: 0.25em;
}
.statistics-settings .global .checkbox-wrapper {
display: inline-block;
}
.statistics-private .milestones table {
width: 100%;
}
.statistics-private .milestones th {
background-color: #dfd4c7;
text-align: left;
}
.statistics-private .milestones th + th {
border-left: 3px solid #fff;
}
.statistics-private .milestones td, .statistics-private .milestones th {
padding: 0.5em;
}
.statistics-settings .visibility-toggle {
float: right;
}
.statistics-settings .visibility-toggle.hidden,
.statistics-settings .options-wrapper {
display: none;
}
.StatsSectionHeader .help-tooltip-toggle {
background-color: #097DC3;
margin-right: 1em;
position: static;
}
.stats-dialog input[type=search] {
color: inherit;
border: 1px solid #9b9b9b;
border-radius: 3px;
box-sizing: border-box;
padding: 10px 12px;
}
.stats-dialog .cache-listing {
list-style: none;
margin: 0 0 1em;
padding: 0;
text-align: left;
}
.stats-dialog .cache-listing li {
padding: 0.5em;
position: relative;
}
.stats-dialog .cache-listing input[type=radio] {
margin-right: 1em;
}
.stats-dialog .cache-listing li:nth-child(odd) {
background-color: #F0F0F0;
}
.stats-dialog .cache-listing .log-date {
color: #999;
position: absolute;
right: 0.5em;
}
.labcache-disclaimer {
margin: 1em;
text-align: right;
}
/* pagination plugin override - use jqueryUI theme colors */
.stats-dialog .light-theme a, .stats-dialog .light-theme span {
background: #fff;
border-color: #9b9b9b;
box-shadow: none;
text-decoration: none;
}
.stats-dialog .light-theme a:hover {
background: #E6F7EF;
border-color: #02874D;
}
.stats-dialog .light-theme .current {
background-color: #02874D;
border-color: #02874D;
color: #fff;
}
.stats-dialog .light-theme .ellipse {
background: #fff;
}
.Indent {
margin-left: 1.5em;
}
.StatisticsSuccess {
margin-top: 1.5em;
padding-left: 20px;
background: url("/images/icons/16/success.png") no-repeat 0 0;
}
.StatisticsWarning {
margin: 1.5em;
background: #ffffde url("/images/icons/16/information.png") no-repeat 1em 50%;
border: 1px solid #e9a24c;
padding: 1em 1em 1em 3em;
}
.StatsSectionHeader {
align-items: center;
background-color: #f7f1e9;
border: 1px solid #dfd4c7;
display: flex;
justify-content: space-between;
margin-top: 0;
padding: 0.25em 0 0.25em 1em;
}
.StatsSectionHeader h2 {
font-size: 18px;
display: inline-block;
}
.StatsSectionHeader .help-tooltip-toggle {
background-color: #097DC3;
position: static;
}
.StatsSectionHeader .StatsHelpIcon img {
display: block;
padding: 0.375rem;
}
.StatsSectionHeader .StatsHelpIcon:focus {
outline: 2px solid;
}
.CacheTypesTable, .ContainerTypesTable td {
padding: 0;
}
.StatsTable, .StatsTable th {
text-align: center;
width: 700px !important;
}
.DTGrid th {
text-align: center;
}
.DTGrid td {
margin: 0;
text-align: center;
padding: 3px;
border: 1px solid #000;
}
.DailyFindsTable, .DTGrid {
border-collapse: collapse;
width: auto;
}
.DailyFindsTable tr td {
margin: 0;
text-align: center;
font-size: 80%;
border: 1px solid #000;
padding: 0;
}
.DailyFindsTable tr td.stats_cellheader, .DailyFindsTable tr td.stats_cellheaderempty, .DailyFindsTable tr td.stats_cellmonth, .DailyFindsTable tr td.stats_cellfooterempty, .DTGrid tr td.stats_cellheader, .DTGrid tr td.stats_cellheaderempty, .DTGrid tr td.stats_cellmonth, .DTGrid tr td.stats_cellfooterempty {
border: none;
}
.stats_cellheader, .stats_celltotal {
width: 20px;
}
.stats_cellzero {
background-color: #fff;
color: #594a42;
}
.stats_cellzero a.stats_gridlink {
background-color: #fff;
color: #594a42;
}
.stats_cellX {
background: #d7d7d7;
color: #717073;
}
.stats_celltotal, .stats_cellfooter, .stats_celltotal_bold, .stats_cellfooter_bold {
background: #d7d7d7;
color: #594a42;
}
.stats_celltotal_bold, .stats_cellfooter_bold {
font-weight: bold;
}
.stats_cellfooter_grandtotal {
background: #594a42;
color: #fff;
font-weight: bold;
}
.stats_cell_lots { /* > 250 */
background: #495829;
color: #fff;
}
.stats_cell_lots a.stats_gridlink {
background: #495829;
color: #fff;
}
.stats_cell_many { /* > 100 */
background: #697d3e;
color: #fff;
}
.stats_cell_many a.stats_gridlink {
background: #697d3e;
color: #fff;
}
.stats_cell_some { /* > 25 */
background: #8c9e65;
color: #fff;
}
.stats_cell_some a.stats_gridlink {
background: #8c9e65;
color: #fff;
}
.stats_cell_few { /* > 10 */
background: #b8c694;
color: #fff;
}
.stats_cell_few a.stats_gridlink {
background: #b8c694;
color: #fff;
}
.stats_cell_couple { /* > 0 */
background: #d6dfbf;
color: #8c9e65;
}
.stats_cell_couple a.stats_gridlink {
background: #d6dfbf;
color: #8c9e65;
}
ul.CacheTypeDataList {
width: 300px;
margin: 0;
padding: 5px 0 0 0;
}
ul.ContainerTypeDataList, ul.CacheTypeDataList, ul.LocationDataList {
text-align: right;
}
ul.ContainerTypeDataList li, ul.CacheTypeDataList li, ul.LocationDataList li, ul.CacheTypeCountList li, ul.ContainerTypeCountList li, ul.LocationCountList li {
list-style-type: none !important;
margin-left: 0 !important;
line-height: 16px;
margin-bottom: 6px;
}
ul.CacheTypeCountList {
width: 110px;
margin: 0;
padding: 5px 0 0 0;
}
ul.CacheTypeCountList, ul.ContainerTypeCountList, ul.LocationCountList {
text-align: left;
}
ul.ContainerTypeCountList, ul.LocationCountList {
width: 110px;
margin: 0;
padding: 0;
}
ul.ContainerTypeDataList li, ul.ContainerTypeCountList li {
line-height: 17px;
}
ul.ContainerTypeDataList {
padding: 10px 0 0 0;
}
ul.LocationDataList, ul.LocationCountList {
padding: 13px 0 0 0;
width: 135px;
}
.StatsIcon, .StatusIcon, .CacheTypeIcon, a.lnk img.CacheTypeIcon, ul.CacheTypeDataList li img, ul.ContainerTypeDataList li img, ul.pq-legend li img {
vertical-align: middle;
margin-right: 5px;
}
ul.CacheTypeDataList li img, .LocationTable td {
vertical-align: top;
}
.statistics-notification p {
padding-bottom: 1em;
}
.RightGraph {
position: relative;
top: -5px;
}
p.DifficultyHeader {
float: left;
height: 270px;
line-height: 270px;
font-weight: bold;
margin: 0 0.25em 0 0;
}
.StatsHelpIcon {
float: right;
}
dl.StatsHelpList dt, dl.StatsHelpList dd {
float: left;
clear: both;
margin: 0 !important;
padding: 0.5em 0 0 0 !important;
}
dl.StatsHelpList dt {
margin-right: 0.5em !important;
}
dl.StatsLocationList dt {
float: left;
clear: both;
padding-bottom: 1em;
width: 16em;
}
dl.StatsLocationList dd {
margin-left: 16em;
}
dl.StatsLocationList span.Warning {
font-weight: bold;
font-size: 12px;
}
#MilestoneOverrides table.Table td.MilestoneEditRow, #MilestoneOverrides table.Table tr.MilestoneEditRow td {
background-color: #edf1f8 !important;
}
#MilestoneOverrides table td.Edit input {
margin-right: 1em;
}
#MilestoneOverrides table tr td img, #Milestones table tr td img {
margin-right: 5px;
}
#StatsFlagLists table tr:nth-child(odd) td {
background-color: #f0f0f0;
}
.statistics-private #Milestones tbody tr:hover td {
background-color: #f0f0f0;
}
#MilestoneOverrides .WidgetBody .StatsHelpIcon {
margin-top: -3em;
}
#MilestoneOverrides .WidgetBody h5 {
margin-top: 0;
}
#MilestoneOverrides table.Table tbody tr:last-child {
display: none;
}
#StatsFlagLists {
max-height: 312px;
overflow-x: hidden;
overflow-y: auto;
max-width: 380px;
}
#StatsFlagLists table {
border-collapse: collapse;
border: none;
margin-right: 1.5em;
_width: 380px;
}
#StatsFlagLists table tr td {
text-align: center;
padding: 0.25em;
border: none;
}
#StatsFlagLists table tr td img {
margin-right: 5px;
}
#StatsFlagLists table tr td:first-child {
text-align: left;
}
/* -----------------------------------------------------------------------
End Statistics
Begin Favorite Points
----------------------------------------------------------------------- */
span.FavoriteScorePopUp {
line-height: 20px;
vertical-align: middle;
}
span.FavoriteScorePopUp img {
line-height: 20px;
vertical-align: middle;
position: relative;
top: -2px;
}
div.favorite { /*cache details*/
float: right;
position: relative;
}
.favorite a {
color: inherit;
text-decoration: none;
}
div.favorite-container, div.favorite-container-open {
border-radius: 5px;
padding: 0.5em 1em;
text-decoration: none !important;
cursor: pointer;
background-color: #f0edeb;
white-space: nowrap;
}
div.favorite-container:after, div.favorite-container-open:after, div.rating-container:after, div.rating-container-open:after {
content: "▼";
margin-left: 1em;
display: inline-block;
-moz-transform: scaleX(1.5);
-ms-transform: scaleX(1.5);
-o-transform: scaleX(1.5);
-webkit-transform: scaleX(1.5);
transform: scaleX(1.5);
}
div.favorite-container-open, div.rating-container-open {
border-bottom: none;
border-radius: 5px 5px 0 0;
position: relative;
z-index: 1000;
}
div.favorite-container-open:after {
content: "▲";
}
div.favorite-dropdown, div.rating-dropdown {
border: 1px solid #f0edeb;
border-top: none;
border-radius: 0 0 5px 5px;
padding: 1em 1em 0.5em;
position: absolute;
display: none;
background: #fff;
right: 0;
z-index: 1;
width: 100%;
box-sizing: border-box;
}
.favorite-dropdown ul {
font-size: 12px;
}
.favorite-dropdown li, .rating-dropdown li {
margin-bottom: 0.5em;
}
.favorite-dropdown > ul a, .rating-dropdown > ul a, .userFavs li {
text-decoration: none;
display: block;
background-repeat: no-repeat;
}
.favorite-dropdown img {
vertical-align: middle;
margin-right: 0.75em;
}
span.favorite-value {
font-size: 18px;
font-weight: bold;
background: url(/images/icons/fave_fill_16.png) no-repeat left center;
padding-left: 1.2em;
}
.svg span.favorite-value {
background-image: url(/images/icons/fave_fill_16.svg);
}
span.favorite-rank[title="0"] {
background-color: #b1d0fd;
}
span.favorite-rank {
padding: 2px 5px 2px 4px;
margin-right: 4px;
border-radius: 3px;
background-color: #2880fc;
color: #fff;
font-size: 12px;
font-weight: bold;
}
.rating-dropdown ul {
list-style-type: none;
font-size: 12px;
padding: 0;
margin: 0;
}
div.rating-container, div.rating-container-open {
border-radius: 5px;
padding: 0.5em 1em;
text-decoration: none !important;
cursor: pointer;
background-color: #f0edeb;
white-space: nowrap;
margin-top: 0.75em;
}
div.rating-simple {
border-radius: 5px;
padding: 0.5em 1em;
text-decoration: none !important;
background-color: #f0edeb;
white-space: nowrap;
margin-top: 0.75em;
}
span.rating-value {
font-size: 18px;
font-weight: bold;
background: url(/images/icons/16/star.png) no-repeat left center;
padding-left: 1.2em;
}
.ListManagementFavoritesWidget, .ListsManagemntWatchlistWidget {
margin: 1.5em;
padding: 1.5em;
border: 1px solid #b0b0b0;
background-color: #edf1f8;
}
.ListManagementFavoritesWidget img, .ListsManagemntWatchlistWidget img {
position: relative;
top: 3px;
}
.FavoritesStatusWidget { /*logged cache page*/
padding: 1em;
margin: 1em 0;
border: 1px solid #b0b0b0;
float: left;
width: 45%;
}
dl.FavoritesStatusList {
font-size: 12px;
}
dl.FavoritesStatusList dt {
float: left;
clear: both;
padding-bottom: 0.2em;
line-height: 20px;
vertical-align: middle;
}
dl.FavoritesStatusList dd {
padding-left: 2em;
padding-bottom: 0.2em;
line-height: 20px;
vertical-align: middle;
}
.fave-svg {
vertical-align: middle;
}
.FavoritesStatusText {
display: table-cell;
}
#uxFavoritePointProgressBar {
float: right;
margin-left: 10px;
}
.FavoritesStatusWidget .ui-progressbar .ui-progressbar-value {
margin: 0;
}
.FavoritesStatusWidget .ui-widget-header {
background: url(/images/bg_ProgressGrey.jpg) repeat-y center top;
}
.FavoritesStatusWidget .ui-widget-content {
background: url(/images/bg_ProgressBlue.jpg) repeat-y center top;
}
/* -----------------------------------------------------------------------
End Favorite Points
Begin Image View Panel
----------------------------------------------------------------------- */
.EditImageTools {
padding-left: 12px;
}
.EditImageTools ul {
list-style-type: none;
margin: 24px 0;
padding-left: 0;
}
.EditImageTools li {
margin-bottom: 0.5em;
}
.EditImageTools a, .EditImageTools button {
display: inline-block;
text-decoration: none;
}
.EditImageTools a span, .EditImageTools button span {
text-decoration: underline;
}
.EditImageTools img {
padding: 0 4px;
}
.EditImageTools img,
.EditImageTools .icon {
margin-right: 0.4em;
vertical-align: middle;
}
.EditImageForm {
margin: 1.5rem 0 0 1.5rem;
}
.EditImageForm * {
box-sizing: border-box;
}
.EditImageForm .Text,
.EditImageForm .Textarea {
width: 100% !important;
}
.EditImageForm dd {
margin-left: 0;
}
.EditImageForm dd:last-child {
margin-top: 1rem;
}
.EditImageForm .Checkbox input {
margin-left: 0;
}
.EditImageForm .LatLongTable tr {
display: flex;
}
.EditImageForm .LatLongTable td {
display: flex;
flex: 1 1 auto;
padding: 0.75rem 0 0;
}
.EditImageForm .LatLongTable td + td {
padding-left: 0.75rem;
}
.EditImageForm .LatLongTable select {
margin-bottom: 5px;
}
.EditImageForm .Button {
cursor: pointer;
}
.EditImageForm .Button + .Button {
margin-left: 0.5em;
}
.imageViewPanel {
display: block;
}
.imageViewPanel img {
max-width: 100%;
}
.imageViewPanel ~ span, .imageViewPanel ~ a {
display: block;
}
.visit-other-listing {
clear: both;
}
.visit-other-listing span, .visit-other-listing input {
vertical-align: middle;
}
.visit-other-listing span + input,
.visit-other-listing input + input {
margin-left: 0.5em;
}
/* -----------------------------------------------------------------------
End Image View Panel
Begin Logo Usage
----------------------------------------------------------------------- */
.logo-usage-page h1 {
margin-bottom: 1rem;
}
.logo-usage-page h2 {
margin: 1rem 0;
}
.logo-usage-page ul {
margin: 1rem 0;
}
.logo-usage-page li {
margin-bottom: 0.75rem;
}
.logo-usage-page li ul {
padding-left: 2rem;
list-style-type: circle;
}
.logo-usage-page .logo-usage-list {
margin: 3rem 0;
}
.logo-usage-list {
display: table;
list-style-type: none;
padding: 0;
}
.logo-usage-list li {
box-sizing: border-box;
display: table-cell;
margin-bottom: 0;
width: 25%;
}
.logo-usage-list li + li {
border-left: 1px solid #E4E4E4;
}
.logo-usage-widget {
color: #777777;
display: block;
text-align: center;
padding: 1rem 1rem 1.5rem;
}
.logo-usage-widget span {
display: block;
margin-bottom: 1rem;
}
.logo-usage-widget svg, .logo-usage-widget img {
max-width: 100%;
}
.logo-usage-widget .icon-logo {
fill: #02874D;
}
.logo-usage-widget img {
height: 100px;
width: auto;
}
.logo-usage-widget p:last-child {
padding: 0 2rem;
line-height: normal;
}
.logo-usage-widget-al img {
height: auto;
}
.logo-usage-footer {
margin: 2rem 0;
}
/* -----------------------------------------------------------------------
End Logo Usage
Begin 250x250 Ad Sidebar
----------------------------------------------------------------------- */
.sidebar.span-6 {
width: 250px;
}
.sidebar.prepend-1 {
padding-left: 20px;
}
.sidebar .ProfileCalendarTable {
margin-left: auto;
margin-right: auto;
}
/* -----------------------------------------------------------------------
End 250x250 Ad Sidebar
----------------------------------------------------------------------- */
.social-share {
border-bottom: 2px solid #9B9B9B;
clear: both;
margin-bottom: 2em;
padding-bottom: 2em;
}
.social-share.btn-group {
justify-content: flex-start;
}
.social-share.btn-group .btn {
flex: 0 0 25%;
}
.social-share.btn-group .btn + .btn {
margin-left: 2em;
}
.no-flexbox .social-share .btn {
display: inline-block;
}
/* -----------------------------------------------------------------------
End Social Share
----------------------------------------------------------------------- */
.draft-logs-btn {
padding: 10px;
padding-left: 0;
margin-top: 15px;
text-align: left;
font-size: 12px;
position: relative;
}
.draft-logs-btn .log-drafts-icon {
display: none;
}
.draft-logs-btn.pending-log-drafts {
font-weight: bold;
padding-left: 30px;
}
.draft-logs-btn.pending-log-drafts .log-drafts-icon {
width: 15px;
height: 15px;
border-radius: 15px;
background-color: #E0B70A;
position: absolute;
left: 4px;
top: 0;
bottom: 0;
margin: auto;
display: block;
}
a.log-drafts-link, a.log-drafts-link:hover {
text-decoration: none;
color: black;
}
.log-cta {
align-items: center;
display: flex;
}
.upvotes {
flex: 1 0 auto;
display: none;
}
.upvotes button {
text-align: left;
cursor: pointer;
color: #4a4a4a;
background: none;
border: none;
outline: none;
margin-right: 12px;
}
.upvotes button.upvoted {
font-weight: bold;
color: #02874D;
}
.upvotes button.upvoted svg {
stroke: #02874D;
}
.upvotes button:disabled {
border: none;
cursor: default;
background: none;
}
.upvotes button:disabled svg {
stroke: #4a4a4a;
}
.upvotes button:not([disabled]):hover {
background-color: #e6f7ef;
}
.upvotes button svg {
stroke: #575757;
fill: transparent;
}
.upvotes svg, .upvotes span {
vertical-align: middle;
padding-right: 3px;
}
.upvotes .loading-container {
display: inline-block;
height: 34px;
width: 150px;
text-align: center;
}
.upvotes .loading-container.hide {
display: none;
}
.upvotes .loading-container img {
height: 100%;
vertical-align: middle;
}
.sort-logs {
margin-bottom: 10px;
}
.sort-logs label {
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
text-transform: none;
}
.widget-freetrial dd {
margin-left: 0;
}
#ProfileTabs a.aspNetDisabled:hover {
cursor: default;
text-decoration: none;
}
.alt-text-encouragement {
margin-top: 0.75rem;
}
.alt-text-encouragement > span {
text-transform: uppercase;
}
/*# sourceMappingURL=tlnMain.css.map */