[31mNameError: .border-radius is undefined[39m[31m in [39m/tmp/css6y3whm[90m on line 310, column 3:[39m
[90m309 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);[39m
310 [7m[31m[1m.[22mborder-radius(10px);[39m[27m
[90m311 height:auto !important;[39m[0m[0m
/usr/bin/node /usr/bin/lessc /tmp/css6y3whm /tmp/cssxsk3kV | bool(false)
@pagesinner: transparent;
@headingsize: 32px;
@serifsize: 13px;
@sansserifsize: 16px;
@sitetext: #444;
@sitebgcolor: #ffffff;
@sitebgtransparent: transparent;
@sitebgimg: none;
@sitebgrepeat: repeat;
@sitelink: #00aadd;
@sitehoverlink: #000000;
@invertlink: #ffffff;
@activelink: #ffffff;
@tabstext: #444;
@tabsbg: #f6f6f6;
@lightinner: #ffd21f;
@lighttext: #4f4f4f;
@lightbg: #ffffff;
@darkinner: #a99e3d;
@darktext: #ffffff;
@darkbg: #34342c;
@lefttip: "thumbnails/tip/left/000000/ffffff";
@righttip: "thumbnails/tip/right/000000/ffffff";
@ownertip: "thumbnails/tip/top/000000/ffffff";
@ownerinner: #ffffff;
@ownerborder: #000000;
@ownertext: #333333;
@regulartip: "thumbnails/tip/top/000000/ffffff";
@regularinner: #ffffff;
@regularborder: #000000;
@regulartext: #333333;
@footerinner: #e9e278;
@footertext: #ffffff;
@footerlink: #fafafa;
@headingdisplay: 'inherit';
@headingvisibility: 'inherit';
.heading
{
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.sansserif
{
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.serif
{
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body
{
.sansserif;
background:@sitebgcolor @sitebgimg @sitebgrepeat;
color:@sitetext;
font-size:@serifsize;
line-height:1.6;
-webkit-padding-start: 0px;
/* -webkit-font-smoothing: antialiased; */
/* text-rendering: optimizelegibility; */
}
.text
{
.sansserif;
color:@sitetext;
}
img {
-ms-interpolation-mode: bicubic;
image-rendering: optimizeQuality;
font-size:12px;
}
#page
{
height:auto;
min-height:90%;
min-width:1000px;
}
a
{
color:@sitelink;
text-decoration:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
&:hover
{
color:(@sitelink/100)*#808080;
}
}
::-webkit-input-placeholder, :-moz-placeholder, .placeholder
{
color:#a9a9a9 !important;
}
.small
{
font-size:0.9em;
}
.large
{
font-size:1.5em;
line-height: 1em;
}
.huge
{
font-size:2.25em;
line-height: 1em;
}
.size_full
{
margin-left:auto;
margin-right:auto;
width:100%;
.container
{
max-width:100% !important;
}
.row
{
max-width:100% !important;
}
}
.size_borderlessfull
{
margin-left:auto;
margin-right:auto;
width:100%;
.container
{
max-width:100% !important;
}
.row
{
max-width:100% !important;
}
.container
{
padding-left:0 !important;
padding-right:0 !important;
}
}
.size_1000
{
margin-left:auto;
margin-right:auto;
width:1000px;
}
.size_860
{
margin-left:auto;
margin-right:auto;
width:860px;
}
.size_800
{
margin-left:auto;
margin-right:auto;
width:800px;
}
.size_480
{
margin-left:auto;
margin-right:auto;
width:480px;
}
.size_1140 {
width: 100%;
max-width: 1140px;
margin-left:auto;
margin-right:auto;
}
.size_1240
{
margin-left:auto;
margin-right:auto;
width:1240px;
}
.size_free
{
min-width:960px;
padding:0px 20px;
}
.comments_container
{
padding: 20px 0px 0px 30px;
position:relative;
.selection
{
margin-right:35px;
}
}
.toggle
{
padding-top:8px;
}
body.msie-6 .toggle
{
display:none;
}
.new > .comment > div.response
{
margin-left:5px !important;
margin-top:30px;
}
.new > .comment > div.response textarea
{
width:97%;
}
.new > .comment > .response > .reply > .cancel
{
display:none;
}
span.tip
{
background:transparent url(@regulartip) no-repeat scroll 0px 4px;
height:24px;
left:10px;
position:absolute;
top:-24px;
width:42px;
}
/*
.sidecomment
{
margin-top:7px;
.avatar
{
margin-left:12px;
}
.date
{
font-size:0.9em;
margin-right:8px;
margin-top:2px;
margin-bottom:6px;
}
}
*/
.lefttip
{
background:url(@lefttip) no-repeat scroll 0 0 transparent;
height:42px;
left:41px;
position:absolute;
top:4px;
width:21px;
z-index:2;
}
body.msie-6 .lefttip
{
display:none;
}
.post_container-owner .tip
{
background:transparent url(@ownertip) no-repeat scroll 0 4px !important;
}
.comment
{
position:relative;
.post_container, .response
{
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
.border-radius(10px);
height:auto !important;
letter-spacing:-0.04em;
line-height:1.6em;
padding:3px 10px;
position:relative;
top:-3px;
background-color: @regularinner;
border:2px solid @regularborder;
min-height:10px;
}
.response
{
padding:10px;
}
.options
{
margin: 7px 0px 0px;
li
{
display:inline;
list-style:none;
padding:0 3px;
margin-left:0 !important;
}
ul
{
font-size:14px;
padding:0;
}
}
.author
{
margin-bottom:8px;
background-repeat:no-repeat;
background-position:bottom right;
.url
{
font-size:0.9em;
margin:7px 0 0;
padding:3px;
}
div.at
{
padding:9px;
}
}
.at, .url
{
span, .bg
{
background-color:@sitebgcolor;
.border-radius(3px);
margin-top: 5px;
}
}
blockquote p
{
padding: 1px;
}
.post_container
{
min-width: 230px;
.post
{
overflow: auto;
}
}
.closed
{
background-color:#FFFBFD;
border:2px solid #E8A5A8;
}
.post_container-owner
{
background-color:@ownerinner !important;
border:2px solid @ownerborder !important;
}
p.time
{
margin-bottom: 0 !important;
}
.post
{
p
{
font-size: 15px;
line-height: 20px;
}
padding-top: 11px;
padding-bottom: 2px;
form
{
padding:7px;
}
}
}
.response
{
padding:10px;
}
.open .response
{
margin-top:25px;
}
.responses
{
margin-top:30px;
}
.right
{
float:right !important;
}
.left
{
float:left !important;
}
.date
{
font-weight:bold;
margin:10px 0;
}
#content
{
margin-top:5px;
}
.time
{
font-size:0.9em;
font-weight:300;
line-height:16px;
}
.center
{
text-align:center;
}
div.center
{
margin-right: auto;
margin-left: auto;
}
.bold
{
font-weight:bold;
}
input.minicolor
{
width:70px !important;
}
.bump-bottom
{
margin-bottom:10px;
}
.bump-doublebottom
{
margin-bottom:10px;
}
.bump-top
{
margin-top:10px;
}
.pad-bottom
{
padding-bottom:10px;
}
.pad-doublebottom
{
padding-bottom:20px;
}
.pad-quadbottom
{
padding-bottom:40px;
}
.pad-top
{
padding-top:10px;
}
.pad-single
{
padding-top:10px;
padding-bottom:10px;
}
.pad-double
{
padding-top:20px;
padding-bottom:20px;
}
.pad-quad
{
padding-top:40px;
padding-bottom:40px;
}
.bump-double
{
margin-top:20px;
margin-bottom:20px;
}
/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com */
/* ==================================================================================================================== */
.container {
padding-left: 20px;
padding-right: 20px;
}
.row {
width: 100%;
max-width: 1140px;
//min-width: 755px;
margin: 0 auto;
.clearfix();
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}
.row .onecol {
width: 4.85%;
}
.row .twocol {
width: 13.45%;
}
.row .threecol {
width: 22.05%;
}
.row .fourcol {
width: 30.75%;
}
.row .fivecol {
width: 39.45%;
}
.row .sixcol {
width: 48%;
}
.row .sevencol {
width: 56.75%;
}
.row .eightcol {
width: 65.4%;
}
.row .ninecol {
width: 74.05%;
}
.row .tencol {
width: 82.7%;
}
.row .elevencol {
width: 91.35%;
}
.row .twelvecol {
width: 100%;
float: left;
}
.last {
margin-right: 0px;
}
img, object, embed {
max-width: 100%;
}
img {
height: auto;
}
.row .row
{
min-width:0;
}
.container .container
{
padding-left: 0;
padding-right: 0;
}
/* Mobile */
@media handheld, only screen and (max-width: 767px) {
.row, body, .container {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
&:last-child {
margin-bottom:0;
}
}
.container .row
{
margin-bottom: 10px;
&:last-child {
margin-bottom:0;
}
}
}
@font-face {
font-family: 'icomoon';
src:url(fonts/v2/icomoon.eot);
src:url(fonts/v2/icomoon.eot?#iefix) format('embedded-opentype'),
url(fonts/v2/icomoon.svg#icomoon) format('svg'),
url(fonts/v2/icomoon.woff) format('woff'),
url(fonts/v2/icomoon.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
.font-icomoon {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}
@font-face {
font-family: 'menu';
src:url('fonts/v1/menu.eot');
src:url('fonts/v1/menu.eot?#iefix') format('embedded-opentype'),
url('fonts/v1/menu.woff') format('woff'),
url('fonts/v1/menu.ttf') format('truetype'),
url('fonts/v1/menu.svg#menu') format('svg');
font-weight: normal;
font-style: normal;
}
.font-menu {
font-family: 'menu';
speak: none;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}
@font-face {
font-family: 'audio';
src:url('fonts/v1/audio.eot');
src:url('fonts/v1/audio.eot?#iefix') format('embedded-opentype'),
url('fonts/v1/audio.woff') format('woff'),
url('fonts/v1/audio.ttf') format('truetype'),
url('fonts/v1/audio.svg#audio') format('svg');
font-weight: normal;
font-style: normal;
}
.font-audio {
font-family: 'audio';
speak: none;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}
@font-face {
font-family: 'social';
src:url('fonts/v1/social.eot');
src:url('fonts/v1/social.eot?#iefix') format('embedded-opentype'),
url('fonts/v1/social.woff') format('woff'),
url('fonts/v1/social.ttf') format('truetype'),
url('fonts/v1/social.svg#audio') format('svg');
font-weight: normal;
font-style: normal;
}
.font-social {
font-family: 'social';
speak: none;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
text-transform:lowercase;
}
.font-1offset {
position:relative;
top: 1px;
}
@font-face {
font-family: 'Mono Social Icons Font';
src: url('fonts/v1/MonoSocialIconsFont-1.10.eot');
src: url('fonts/v1/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
url('fonts/v1/MonoSocialIconsFont-1.10.woff') format('woff'),
url('fonts/v1/MonoSocialIconsFont-1.10.ttf') format('truetype'),
url('fonts/v1/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
src: url('fonts/v1/MonoSocialIconsFont-1.10.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.symbol, a.symbol:before {
font-family: 'Mono Social Icons Font';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
}
a.symbol:before {
content: attr(title);
margin-right: 0.3em;
font-size: 130%;
}
@-webkit-keyframes infinite-spinning {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes infinite-spinning {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes infinite-spinning {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@-o-keyframes infinite-spinning {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
}
}
@-webkit-keyframes animate-bg {
0% {
background-position: -50% 50%;
}
100% {
background-position: -550% 50%;
}
}
@-moz-keyframes infinite-spinning {
0% {
background-position: -50% 50%;
}
100% {
background-position: -550% 50%;
}
}
@-ms-keyframes infinite-spinning {
0% {
background-position: -50% 50%;
}
100% {
background-position: -550% 50%;
}
}
@-o-keyframes infinite-spinning {
0% {
background-position: -50% 50%;
}
100% {
background-position: -550% 50%;
}
}
.placeholder {
color:#999;
}
.loadingspinner
{
color:@sitetext;
font-size:24px;
font-family: 'icomoon';
font-variant: normal;
font-weight:normal;
font-style: normal;
display: inline-block;
margin: 0px;
text-decoration:none;
text-shadow:none;
-webkit-animation: infinite-spinning .75s infinite linear;
-moz-animation: infinite-spinning .75s infinite linear;
-ms-animation: infinite-spinning .75s infinite linear;
-o-animation: infinite-spinning .75s infinite linear;
animation: infinite-spinning .75s infinite linear;
.user-select(none);
cursor:default;
}
.animatebg
{
background: url(images/background/subtle_zebra_3d.png);
-webkit-animation: animate-bg 240s infinite linear;
-moz-animation: animate-bg 240s infinite linear;
-ms-animation: animate-bg 240s infinite linear;
-o-animation: animate-bg 240s infinite linear;
animation: animate-bg 240s infinite linear;
}
#pjax_loading
{
position:fixed;
right:12px;
top:12px;
z-index:9999;
color: #252525;
.loadingspinner;
}
#loading
{
position:fixed;
color:@sitetext;
right:15px;
top:40px;
font-weight:bold;
z-index: 9999;
}
#saving
{
position: fixed;
color: #fff;
right: 6px;
top: 28px;
font-weight: bold;
z-index: 9999;
}
p
{
.serif;
}
html
{
overflow-y: auto;
}
h2
{
font-size:@headingsize - 2;
}
h3
{
font-size:@sansserifsize;
}
h4
{
font-size:@serifsize;
}
h1, h2, h3, h4, h5, h6
{
.heading;
}
.btn
{
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.topborder
{
border-top: 1px solid @sitetext;
border-top: 1px solid hsla(hue(@sitetext), saturation(@sitetext), lightness(@sitetext), 0.25);
}
ul.icons
{
li
{
line-height: 26px;
}
}
input[type="image"]
{
background-color:transparent;
}
ul.list
{
list-style: none;
list-style-position:outside;
}
ul.circles
{
list-style-type:circle;
list-style-position:inside;
li
{
line-height: 2em !important;
margin-left: 0px;
}
}
.separate:last-child
{
border-bottom:none;
}
ul.pagination
{
li
{
a
{
border:1px solid (@footerinner - #111);
color:@footerlink;
&:hover
{
border-color:(@footerinner - #333);
color:(@footerlink - #333);
}
}
}
li.current
{
a
{
background-color:(@footerinner - #333) !important;
}
}
}
.footer
{
margin-top:50px;
}
.streamhead
{
li
{
margin-left:12%;
font-size:13px;
margin-bottom:5px;
}
}
.audio-container {
max-width:400px;
margin-left:auto;
margin-right:auto;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
iframe, object, embed {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
.video-absolute, .video-container, .youtube_flipbook, .vimeo_flipbook
{
position: relative;
overflow: hidden;
width:100%;
height: auto;
padding-top:0;
padding-bottom:0;
img
{
position: relative;
height: auto;
width: 100%;
}
.vimeo_framed, iframe, object, embed
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width:100%;
height:100%;
}
}
.divider-vertical {
height: @navbarHeight;
width: 1px;
margin: 0 9px;
overflow: hidden;
background-color: @navbarBackground;
border-right: 1px solid @navbarBackgroundHighlight;
}
/* Most common stuff you'll need to change */
.coda-slider-wrapper { padding: 0; }
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 100%; }
/* Panel padding */
.coda-slider .panel-wrapper { padding: 0; padding-bottom:5px; }
.coda-slider .loading { display:none !important; }
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
.coda-slider img
{
box-shadow: 0 0 0 transparent;
}
/* Overlay */
.fr-overlay {
z-index: 99999;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
zoom: 1;
overlay: hidden;
}
.fr-overlay-background {
background: #000;
filter: alpha(opacity=90);
opacity: .9;
float: left;
width: 100%;
height: 100%;
position: relative;
}
/* Window */
.fr-window {
z-index: 100000;
position: fixed;
top:0;
left: 0;
width: 100%;
height: 100%;
min-height: 100%;
}
/* z-index */
.fr-ui-outside .fr-info { z-index: 100001; }
/* Loading icon */
.fr-loading {
z-index: 100001;
position: fixed;
top: 50%;
left: 50%;
width: 52px;
height: 52px;
margin-top: -26px;
margin-left: -26px;
overflow: visible;
}
.fr-loading-offset {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.fr-loading-background, .fr-loading-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fr-loading-background {
background: #0d0d0d url('images/fresco/v2/loading.gif') 50% 50% no-repeat;
opacity: .8;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(80,80,80,.2);
}
.fr-loading-icon { display: none; }
/* Bubble (holds everything) */
.fr-bubble {
float: left;
width: 100%;
height: 100%;
position: relative;
}
/* Fonts */
.fr-ui,
.fr-info {
font: normal 13px/21px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
}
/* Frames / UI */
.fr-frames {
height: 100%;
width: 100%;
position: absolute;
display:inline;
top: 0;
left: 0;
overflow: hidden;
}
.fr-frames-move {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.fr-frame, .fr-ui {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.fr-frame-touch {
position: relative;
float: left;
top: auto;
left: auto;
width: 100%;
}
.fr-window *:not(.fr-caption)::selection,
.fr-window *:not(.fr-caption)::-moz-selection,
.fr-window *:not(.fr-caption)::-webkit-selection {
background: transparent;
}
.fr-mobile-touch-enabled .fr-frame .fr-box {
overflow: scroll !important;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fr-frame-touch .fr-box {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fr-mobile-touch-enabled .fr-ui,
.fr-mobile-touch-enabled .fr-ui-spacer,
.fr-mobile-touch-enabled .fr-ui-wrapper,
.fr-mobile-touch-enabled .fr-ui-padder,
.fr-mobile-touch-enabled .fr-ui-toggle,
.fr-mobile-touch-enabled .fr-ui-outer-border,
.fr-mobile-touch-enabled .fr-side { pointer-events: none; }
/* Content */
.fr-box { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.fr-box-has-ui-outside { overflow: hidden; }
.fr-box-spacer, .fr-ui-spacer {
position: absolute;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fr-box-wrapper, .fr-ui-wrapper {
position: relative;
background: url('images/fresco/v2/blank.gif');
overflow: hidden;
}
.fr-box-padder, .fr-ui-padder {
position: absolute;
top: 0;
left: 0;
zoom: 1;
border-color: transparent;
border-style: solid;
border-width: 0;
background: url('images/fresco/v2/blank.gif');
}
.fr-box-padder, .fr-ui-padder {
position: absolute;
top: 0;
left: 0;
}
.fr-ui-padder { zoom: 1; }
.fr-box-wrapper, .fr-ui-wrapper, .fr-ui-toggle {
position: relative;
float: left;
display: inline;
zoom: 1;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fr-box-wrapper { background: #101010; }
.fr-ui-wrapper-outside {
float: left;
height: 100%;
width: 100%;
}
/* outer-border */
.fr-box-outer-border,
.fr-ui-outer-border {
position: relative;
float: left;
display: inline;
height: 100%;
width: 100%;
zoom: 1;
}
/* IE < 8 has a bug where dimensions are ignored without a border */
.fr-ltIE9 .fr-box-outer-border,
.fr-ltIE9 .fr-ui-outer-border { border: 0px solid transparent; }
.fr-content {
height: 100%;
width: 100%;
zoom:1;
*display:inline;
margin: 0;
padding: 0;
}
.fr-content-image {
position: absolute;
top: 0;
left: 0;
image-rendering: optimizeQuality;
max-width: none;
}
.fr-content-image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.fr-download-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: alpha(opacity=0);
opacity: 0;
-webkit-user-drag: element;
user-drag: element;
-webkit-user-select: none;
user-select: none;
pointer-events: auto;
}
/* onClick inside ui-outside */
.fr-onclick-side {
position: absolute;
top: 0;
width: 50%;
height: 100%;
background: url(images/fresco/v2/blank.gif);
overflow: hidden;
cursor: pointer;
z-index: 1;
}
.fr-onclick-side img { cursor: pointer; }
.fr-onclick-previous { left: 0; }
.fr-onclick-next { right: 0; }
.fr-side {
position: absolute;
top: 0;
height: 100%;
cursor: pointer;
overflow: hidden;
background: url('images/fresco/v2/blank.gif') 0 0 repeat;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
zoom: 1;
}
.fr-side-disabled { cursor: default; }
.fr-side-button {
position: absolute;
top: 50%;
width: 54px;
height: 72px;
margin: 0 9px;
margin-top: -36px;
pointer-events: auto;
}
.fr-side-button-icon {
float: left;
position: relative;
height: 100%;
width: 100%;
zoom: 1;
}
.fr-side-previous { left: 0; width: 50%; }
.fr-side-next { right: 0; width: 50%;}
.fr-side-previous .fr-side-button { left: 0; }
.fr-side-next .fr-side-button { right: 0; }
/* sides (UI outside), smaller area */
.fr-ui-outside .fr-side {
width: 72px;
height: 72px;
top: 50%;
margin-top: -36px;
}
.fr-ui-outside .fr-side-button { margin-top: 0; top: 0; }
/*
* Info
*/
.fr-info, .fr-info a {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
color: #efefef;
pointer-events: auto;
}
.fr-info-background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
line-height: 1%;
filter: alpha(opacity=80);
opacity: .8;
zoom: 1;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #000;
}
.fr-info-outside .fr-info-background { background: #0d0d0d; filter: none; opacity: 1; }
.fr-info-padder {
padding: 12px;
display: block;
filter: alpha(opacity=99);
overflow: hidden;
width: auto;
position: relative;
}
.fr-caption {
position: relative;
filter: alpha(opacity=99);
opacity: .99;
width: auto;
word-wrap: no-wrap;
}
.fr-position-text { position: relative; }
/* UI inside */
.fr-has-position .fr-info-inside .fr-caption { margin-right: 75px; }
.fr-info-inside .fr-position {
filter: alpha(opacity=99);
opacity: .99;
position: relative;
text-align: right;
word-wrap: no-wrap;
line-height: 21px;
color: #b3b3b3;
float: right;
width: 75px;
}
.fr-no-caption .fr-info-inside .fr-position {
width: auto;
margin: 0 1px 1px 0;
color: #b9b9b9;
filter: alpha(opacity=99);
}
.fr-info-inside .fr-position-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fr-no-caption .fr-info-inside .fr-position-background {
border-radius: 12px;
background: #101010;
filter: alpha(opacity=80);
opacity: .8;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fr-info-inside .fr-position-text { position: relative; }
.fr-no-caption .fr-info-inside .fr-position-text {
float: left;
height: 13px;
line-height: 13px;
padding: 6px 10px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
/* hide the position on small screens */
@media all and (max-width: 568px) and (max-height: 320px),
all and (max-width: 320px) and (max-height: 568px) {
.fr-has-position .fr-info-inside .fr-caption { margin-right: 0; }
.fr-position { display: none !important; }
/* smaller side buttons */
.fr-ui-outside .fr-side {
width: 54px;
height: 50px;
margin-top: -25px;
}
.fr-side-button {
width: 40px;
height: 50px;
margin: 0 6px;
margin-top: -25px;
}
}
/* UI outside */
.fr-ui-outside .fr-position {
position: absolute;
bottom: 15px;
right: 15px;
display: inline;
width: auto;
margin: 0 1px 1px 0;
color: #b9b9b9;
}
.fr-ui-outside .fr-position-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 12px;
filter: alpha(opacity=80);
opacity: .8;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #1e1e1e;
border: 1px solid rgba(180,180,180,.2);
}
.fr-ui-outside .fr-position-text {
position: relative;
float: left;
width: auto;
text-align: right;
word-wrap: no-wrap;
color: #b3b3b3;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
word-wrap: no-wrap;
padding: 6px 10px;
height: 13px;
line-height: 13px;
}
.fr-ui-outside .fr-position-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Info without caption */
.fr-no-caption .fr-info-outside { display: none; }
.fr-no-caption .fr-info-padder { pointer-events: none; }
.fr-no-caption .fr-info-background { pointer-events: none; opacity: 0; filter: none; display: none;}
/* 1/5 */
.fr-no-caption .fr-position-text,
.fr-ui-outside .fr-position-text {
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
/* outside position */
.fr-ui-outside .fr-position {
float: none;
position: absolute;
bottom: 0;
right: 0;
margin: 15px;
}
/* IE 7 */
.fr-ltIE8 .fr-info * { zoom: 1; filter: alpha(opacity=99); }
.fr-ltIE8 .fr-box * { zoom: 1; filter: alpha(opacity=99); }
/* Info (UI outside) */
.fr-info-outside { bottom: auto; }
.fr-no-caption .fr-info-outside .fr-info-padder { padding: 10px 5px; }
.fr-ui-outside .fr-no-caption .fr-position { margin: 0; }
/* X */
.fr-close {
position: absolute;
top: 0px;
right: 0px;
padding: 12px;
width: 23px;
height: 23px;
cursor: pointer;
pointer-events: auto;
}
.fr-close-background {
position: absolute;
top: 12px;
left: 12px;
height: 23px;
width: 23px;
filter: alpha(opacity=80);
opacity: .8;
-moz-transition: background-color .2s ease-in;
-webkit-transition: background-color .2s ease-in;
transition: background-color .2s ease-in;
background-color: #282828;
cursor: pointer;
}
.fr-close:hover .fr-close-background { background-color: #333; }
.fr-ui-outside .fr-close-background { background-color: #363636; }
.fr-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; }
.fr-close-icon {
position: relative;
float: left;
width: 100%;
height: 100%;
}
/*
* Thumbnails
*/
.fr-thumbnails {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 9%;
min-height: 40px;
max-height: 120px;
height: 9%;
padding: 20px 0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
zoom: 1;
}
.fr-thumbnails,
.fr-thumbnails * {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fr-thumbnails-slider {
position: relative;
width: 100%;
height: 100%;
float: left;
zoom: 1;
}
.fr-thumbnails-slider-slide {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.fr-thumbnails-wrapper {
position: absolute;
top: 0;
left: 50%;
height: 100%;
padding: 20px 0;
}
.fr-thumbnails-thumbs {
float: left;
height: 100%;
overflow-x: hidden;
position: relative;
top: 0;
left: 0;
}
.fr-ltIE9 .fr-thumbnails-thumbs {
overflow: hidden;
}
.fr-thumbnails-slide {
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.fr-thumbnail {
position: relative;
width: 30px;
height: 100%;
float: left;
margin: 0 10px;
display: inline;
zoom: 1;
cursor: pointer;
}
.fr-ltIE9 .fr-thumbnail * {
overflow: hidden; /* IE6 */
z-index: 1;
zoom: 1;
}
.fr-thumbnail-wrapper {
position: relative;
background: #161616;
width: 100%;
height: 100%;
float: left;
overflow: hidden;
display: inline; /* IE6 */
z-index: 0; /* IE8 */
}
.lv_thumbnail_icon {
width: 36px;
height: 36px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -18px;
margin-top: -18px;
background-position: 99px 99px;
background-repeat: no-repeat;
display: block !important;
}
.fr-thumbnail-overlay { cursor: pointer; }
.fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; }
.fr-thumbnail-overlay,
.fr-thumbnail-overlay-background,
.fr-thumbnail-overlay-border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fr-thumbnail-overlay-border {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-width: 0;
overflow: hidden;
border-style: solid;
border-color: transparent;
}
.fr-thumbnail img {
position: absolute;
filter: alpha(opacity=85);
opacity: .85;
max-width: none;
}
.fr-thumbnail:hover img,
.fr-thumbnail-active:hover img {
filter: alpha(opacity=99);
opacity: .99;
}
.fr-thumbnail-active img,
.fr-thumbnail-active:hover img {
filter: alpha(opacity=35);
opacity: .35;
}
.fr-thumbnail-active { cursor: default; }
/* Thumbnails loading */
.fr-thumbnail-loading,
.fr-thumbnail-loading-background,
.fr-thumbnail-loading-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fr-thumbnail-loading-background {
background-color: #101010;
background-image: url('images/fresco/v2/loading.gif');
background-position: 50% 50%;
background-repeat: no-repeat;
opacity: .8;
position: relative;
float: left;
}
/* this element is there as an alternative to putting the loading image on the background */
.fr-thumbnail-loading-icon { display: none; }
/* Thumbnail < > */
.fr-thumbnails-side {
float: left;
height: 100%;
width: 28px;
margin: 0 10px;
position: relative;
overflow: hidden;
}
.fr-thumbnails-side-previous { margin-left: 20px; }
.fr-thumbnails-side-next { margin-right: 20px; }
.fr-thumbnails-side-button {
position: absolute;
top: 50%;
left: 0;
margin-top: -15px;
width: 28px;
height: 28px;
cursor: pointer;
}
.fr-thumbnails-side-button-background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
filter: alpha(opacity=80);
opacity: .8;
-moz-transition: background-color .2s ease-in;
-webkit-transition: background-color .2s ease-in;
transition: background-color .2s ease-in;
background-color: #333;
cursor: pointer;
border-radius: 4px;
}
.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; }
.fr-thumbnails-side-button-disabled * { cursor: default; }
.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; }
.fr-thumbnails-side-button-icon {
height: 42px;
width: 42px;
position: absolute;
top: -7px;
left: -7px;
width: 100%;
height: 100%;
}
/* Touch Captions */
.fr-touch {
position: absolute;
width: 100%;
top: 100%;
left: 0;
margin-top: -43px;
}
.fr-touch-wrapper {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.fr-touch-overflow-scroll {
overflow-x: hidden;
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.fr-touch-background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
line-height: 1%;
filter: alpha(opacity=80);
opacity: .8;
zoom: 1;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #000;
}
.fr-touch-info {
float: left;
position: relative;
clear: both;
padding-right: 71px;
color: #efefef;
}
.fr-touch-info-padder {
float: left;
padding: 11px;
display: block;
filter: alpha(opacity=99);
overflow: hidden;
width: auto;
position: relative;
}
.fr-touch-caption-wrapper {
float: left;
clear: both;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 13px;
line-height: 21px;
height: 21px; /* same as line-height */
width: 100%;
overflow: hidden;
}
.fr-touch-caption {
float: left;
}
.fr-touch-overflow .fr-touch-caption-wrapper {
overflow: visible;
height: auto;
}
/* buttons */
.fr-touch-button {
padding: 10px 4px;
width: 23px;
height: 23px;
position: relative;
cursor: pointer;
}
.fr-touch-button .fr-touch-button-background {
position: absolute;
top: 10px;
left: 4px;
height: 23px;
width: 23px;
}
.fr-touch-button .fr-touch-button-background { background-color: #303030; }
.fr-touch-button:hover .fr-touch-button-background { background-color: #404040; }
.fr-touch-button-icon {
float: left;
position: relative;
width: 23px;
height: 23px;
}
/* x */
.fr-touch-close {
position: absolute;
top: 0;
right: 0;
padding-right: 11px;
}
/* ... */
.fr-touch-more {
position: absolute;
top: 0;
right: 38px;
display: none;
}
.fr-touch-padded .fr-touch-more {
display: block;
}
/* we can improve things on browsers that support media queries */
@media all and (min-height: 0px) {
.fr-thumbnails,
.fr-thumbnails-wrapper { padding: 10px 0; }
.fr-thumbnail,
.fr-thumbnails-side { margin: 0 4px; }
.fr-thumbnails-side-previous { margin-left: 8px; }
.fr-thumbnails-side-next { margin-right: 8px; }
.fr-thumbnail-loading-background { background-image: url('images/fresco/v2/loading-small.gif'); }
}
@media all and (min-height: 200px) {
.fr-thumbnails,
.fr-thumbnails-wrapper { padding: 12px 0; }
.fr-thumbnail,
.fr-thumbnails-side { margin: 0 6px; }
.fr-thumbnails-side-previous { margin-left: 12px; }
.fr-thumbnails-side-next { margin-right: 12px; }
}
@media all and (min-height: 350px) {
.fr-thumbnail-loading-background { background-image: url('images/fresco/v2/loading-medium.gif'); }
}
@media all and (min-height: 500px) {
.fr-thumbnails,
.fr-thumbnails-wrapper { padding: 14px 0; }
.fr-thumbnail,
.fr-thumbnails-side { margin: 0 7px; }
.fr-thumbnails-side-previous { margin-left: 14px; }
.fr-thumbnails-side-next { margin-right: 14px; }
}
@media all and (min-height: 700px) {
.fr-thumbnails,
.fr-thumbnails-wrapper { padding: 20px 0; }
.fr-thumbnail,
.fr-thumbnails-side { margin: 0 10px; }
.fr-thumbnails-side-previous { margin-left: 20px; }
.fr-thumbnails-side-next { margin-right: 20px; }
.fr-thumbnail-loading-background { background-image: url('images/fresco/v2/loading.gif'); }
}
/* IE specific resets */
.fr-ltIE8 * { zoom: 1; z-index: 1;}
.fr-ltIE9 .fr-content-image-overlay,
.fr-ltIE9 .fr-has-caption .fr-info-outside .fr-info-background { border: 0; }
/*
* ===== Skin: Fresco =====
*/
/* Sprite */
.fr-window-fresco .fr-side-button-icon,
.fr-window-fresco .fr-close-icon,
.fr-window-fresco .fr-touch-close .fr-touch-button-icon,
.fr-window-fresco .fr-touch-more .fr-touch-button-icon,
.fr-window-fresco .fr-thumbnails-side-button-icon {
background-image: url('images/fresco/v2/fresco/sprite.png');
}
/* High-res sprite */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.fr-window-fresco .fr-side-button-icon,
.fr-window-fresco .fr-close-icon,
.fr-window-fresco .fr-touch-close .fr-touch-button-icon,
.fr-window-fresco .fr-touch-more .fr-touch-button-icon,
.fr-window-fresco .fr-side-button-icon {
background-image: url('images/fresco/v2/fresco/sprite@x2.png');
background-size: 500px 500px; /* downscaled 50%, size of original sprite */
}
}
.fr-window-fresco .fr-box-outer-border { box-shadow: 0 0 5px rgba(0,0,0,.4); }
/* outer-border instead of inner-border example (box and ui px should be the same) */
/*
.fr-window-fresco .fr-box-outer-border { border: 10px solid #fff; }
.fr-window-fresco .fr-ui-outer-border { padding: 10px; }
.fr-window-fresco .fr-content-image-overlay { border-width: 0; }
*/
.fr-window-fresco .fr-box-wrapper {
background: #101010;
border-color: transparent;
border-style: solid;
border-width: 0;
}
.fr-window-fresco .fr-content-image-overlay {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-color: rgba(255, 255, 255, .08);
}
/* remove bottom border if the image has a caption, or add it when it has a caption */
.fr-window-fresco .fr-has-caption .fr-box-has-ui-outside .fr-content-image-overlay { border-bottom-width: 0px; }
.fr-window-fresco .fr-no-caption .fr-box-has-ui-outside .fr-content-image-overlay { border-bottom-width: 1px; }
.fr-window-fresco .fr-ui-outside .fr-position-text {
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.fr-window-fresco .fr-no-caption .fr-info-inside .fr-position-background {
border: 1px solid rgba(180,180,180,.15);
}
.fr-window-fresco .fr-has-caption .fr-info-inside .fr-info-background {
border: 1px solid rgba(68,68,68,.1);
border-top-width: 0;
}
.fr-window-fresco .fr-has-caption .fr-info-outside .fr-info-background {
border: 1px solid rgba(80,80,80,.25);
border-top-width: 0;
}
.fr-window-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.fr-window-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }
/* < > */
.fr-window-fresco .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -14px; }
.fr-window-fresco .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -14px; }
.fr-window-fresco .fr-side-previous:hover .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-fresco .fr-side-next:hover .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }
/* disabled state (IE < 9) */
.fr-window-fresco .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
.fr-window-fresco .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -13px -214px; }
.fr-window-fresco .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
.fr-window-fresco .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -93px -214px; }
/* < > transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-fresco:not(.fr-ltIE9) .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }
.fr-window-fresco:not(.fr-ltIE9) .fr-side .fr-side-button .fr-side-button-icon {
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: .5;
}
.fr-window-fresco .fr-side:hover .fr-side-button .fr-side-button-icon,
.fr-window-fresco .fr-frame .fr-side .fr-side-button-active .fr-side-button-icon {
opacity: 1;
}
/* < > transition (IE < 9) */
.fr-ltIE9 .fr-frame .fr-side-previous .fr-side-button-active .fr-side-button-icon { background-position: -13px -114px; }
.fr-ltIE9 .fr-frame .fr-side-next .fr-side-button-active .fr-side-button-icon { background-position: -93px -114px; }
/* disabled side */
.fr-window-fresco:not(.fr-ltIE9) .fr-ui-outside .fr-side .fr-side-button-disabled .fr-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-ui-outside .fr-side .fr-side-button-disabled:hover .fr-side-button-icon { opacity: .2; }
/* on the inside we hide disabled sides */
.fr-window-fresco .fr-ui-inside .fr-side-button-disabled .fr-side-button-icon { background-image: none; }
/* responsive < > */
@media all and (max-width: 568px) and (max-height: 320px),
all and (max-width: 320px) and (max-height: 568px) {
.fr-window-fresco .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -300px; }
.fr-window-fresco .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -300px; }
.fr-window-fresco .fr-side-previous:hover .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
.fr-window-fresco .fr-side-next:hover .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }
.fr-window-fresco:not(.fr-ltIE9) .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
.fr-window-fresco:not(.fr-ltIE9) .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }
}
/* X */
.fr-window-fresco .fr-close .fr-close-icon { background-position: -169px -9px;}
.fr-window-fresco .fr-close:hover .fr-close-icon { background-position: -210px -9px; }
/* X transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-close .fr-close-icon {
background-position: -210px -9px;
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: .8;
}
.fr-window-fresco .fr-close:hover .fr-close-icon { opacity: 1; }
/* Thumbnails */
.fr-window-fresco .fr-thumbnail-wrapper {
border-color: transparent;
border-style: solid;
border-width: 0;
}
.fr-window-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.fr-window-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }
.fr-window-fresco .fr-thumbnail-wrapper {
box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
}
.fr-window-fresco .fr-thumbnail-overlay-border {
border-width: 1px;
border-color: rgba(255, 255, 255, .08); /* should remain rgba */
}
/* no inner border on active thumbnail */
.fr-thumbnail-active .fr-thumbnail-overlay-border,
.fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0px; }
/* Thumbnails < > */
.fr-window-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -160px -41px;}
.fr-window-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -202px -41px; }
.fr-window-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -160px -83px;}
.fr-window-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -202px -83px; }
/* Thumbnails < > transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side .fr-thumbnails-side-button-icon {
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: .8;
}
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -160px -41px; }
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -202px -83px; }
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; }
/* lower opacity on disabled states */
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side .fr-thumbnails-side-button-disabled,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: .5; }
/* lower opacity IE < 9 using images */
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
background-position: -244px -41px;
}
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
background-position: -244px -83px;
}
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background {
filter: alpha(opacity=50);
}
/* Touch caption */
/* background */
.fr-window-fresco .fr-touch-background {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
border-top-width: 1px;
border-style: solid;
border-color: transparent;
border-color: rgba(255, 255, 255, .12);
box-shadow: 0 -1px 3px rgba(0,0,0, .3);
}
/* smaller text on mobile devices */
@media all and (max-width: 568px) and (max-height: 320px),
all and (max-width: 320px) and (max-height: 568px) {
.fr-window-fresco .fr-touch-caption-wrapper { font-size: 12px; }
}
/* x */
.fr-window-fresco .fr-touch-close .fr-touch-button-icon { background-position: -169px -9px; }
.fr-window-fresco .fr-touch-close:hover .fr-touch-button-icon { background-position: -210px -9px; }
/* x transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-touch-close .fr-touch-button-icon {
background-position: -210px -9px;
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: .8;
}
.fr-window-fresco .fr-touch-close .fr-touch-button-icon { opacity: 1; }
/* ... */
.fr-window-fresco .fr-touch-more .fr-touch-button-icon { background-position: -169px -134px; }
.fr-window-fresco .fr-touch-more:hover .fr-touch-button-icon { background-position: -210px -134px; }
/* ... transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-touch-more .fr-touch-button-icon {
background-position: -210px -134px;
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: .8;
}
.fr-window-fresco .fr-touch-more .fr-touch-button-icon { opacity: 1; }
/* ... \/ */
.fr-window-fresco .fr-touch-less .fr-touch-button-icon { background-position: -169px -175px; }
.fr-window-fresco .fr-touch-less:hover .fr-touch-button-icon { background-position: -210px -175px; }
/* ... \/ transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-touch-less .fr-touch-button-icon {
background-position: -210px -175px;
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: .8;
}
.fr-window-fresco .fr-touch-less .fr-touch-button-icon { opacity: 1; }
/*
* ===== Skin: IE6 (always used there as a fallback) =====
*/
.fr-window-IE6 * { zoom: 1; }
/* Sprite */
.fr-window-IE6 .fr-side-button-icon,
.fr-window-IE6 .fr-close-icon,
.fr-window-IE6 .fr-thumbnails-side-button-icon {
background-image: url('images/fresco/v2/IE6/sprite.png');
}
/* < > */
.fr-window-IE6 .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-IE6 .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }
/* disabled */
.fr-window-IE6 .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
.fr-window-IE6 .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -13px -214px; }
.fr-window-IE6 .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
.fr-window-IE6 .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -93px -214px; }
.fr-window-IE6 .fr-ui-inside .fr-side-button-disabled .fr-side-button-icon { display: none; }
/* responsive < > */
@media all and (max-width: 568px) and (max-height: 320px),
all and (max-width: 320px) and (max-height: 568px) {
.fr-window-IE6 .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
.fr-window-IE6 .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }
.fr-window-IE6 .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
.fr-window-IE6 .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: 0px -400px; }
.fr-window-IE6 .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
.fr-window-IE6 .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -40px -400px; }
}
/* X */
.fr-window-IE6 .fr-close .fr-close-icon { background-position: -169px -9px;}
.fr-window-IE6 .fr-close:hover .fr-close-icon { background-position: -210px -9px; }
.fr-window-IE6 .fr-info { filter: alpha(opacity=99); }
.fr-window-IE6 .fr-ui-outside .fr-info { background: #000; }
.fr-window-IE6 .fr-close-icon { background-color: #232323; }
.fr-window-IE6 .fr-close .fr-close-background { display: none; }
.fr-window-IE6 .fr-info-background { display: none; }
.fr-window-IE6 .fr-has-caption .fr-ui-inside .fr-info,
.fr-window-IE6 .fr-info-outside { background: #0d0d0d; }
.fr-window-IE6 .fr-position { background: #101010; }
.fr-window-IE6 .fr-has-caption .fr-ui-inside .fr-position { background: none; }
.fr-window-IE6 .fr-position .fr-position-background { display: none; }
.fr-caption p:last-child
{
margin-bottom: 0 !important;
}
/*
* ===== Skin: Fresco =====
*/
/* Sprite */
.fr-window-light .fr-side-button-icon,
.fr-window-light .fr-close-icon,
.fr-window-light .fr-touch-close .fr-touch-button-icon,
.fr-window-light .fr-touch-more .fr-touch-button-icon,
.fr-window-light .fr-thumbnails-side-button-icon {
background-image: url('images/fresco/v2/light/sprite.png');
}
/* High-res sprite */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.fr-window-light .fr-side-button-icon,
.fr-window-light .fr-close-icon,
.fr-window-light .fr-touch-close .fr-touch-button-icon,
.fr-window-light .fr-touch-more .fr-touch-button-icon,
.fr-window-light .fr-side-button-icon {
background-image: url('images/fresco/v2/light/sprite@x2.png');
background-size: 500px 500px; /* downscaled 50%, size of original sprite */
}
}
.fr-window-light .fr-box-outer-border { box-shadow: 0 0 5px rgba(0,0,0,.4); }
/* outer-border instead of inner-border example (box and ui px should be the same) */
/*
.fr-window-light .fr-box-outer-border { border: 10px solid #fff; }
.fr-window-light .fr-ui-outer-border { padding: 10px; }
.fr-window-light .fr-content-image-overlay { border-width: 0; }
*/
.fr-window-light .fr-box-wrapper {
background: #101010;
border-color: transparent;
border-style: solid;
border-width: 0;
}
.fr-window-light .fr-content-image-overlay {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-color: rgba(255, 255, 255, .08);
}
/* remove bottom border if the image has a caption, or add it when it has a caption */
.fr-window-light .fr-has-caption .fr-box-has-ui-outside .fr-content-image-overlay { border-bottom-width: 0px; }
.fr-window-light .fr-no-caption .fr-box-has-ui-outside .fr-content-image-overlay { border-bottom-width: 1px; }
.fr-window-light .fr-ui-outside .fr-position-text {
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.fr-window-light .fr-no-caption .fr-info-inside .fr-position-background {
border: 1px solid rgba(180,180,180,.15);
}
.fr-window-light .fr-has-caption .fr-info-inside .fr-info-background {
border: 1px solid rgba(68,68,68,.1);
border-top-width: 0;
}
.fr-window-light .fr-has-caption .fr-info-outside .fr-info-background {
border: 1px solid rgba(80,80,80,.25);
border-top-width: 0;
}
.fr-window-light .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.fr-window-light .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }
/* < > */
.fr-window-light .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -14px; }
.fr-window-light .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -14px; }
.fr-window-light .fr-side-previous:hover .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-light .fr-side-next:hover .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }
/* disabled state (IE < 9) */
.fr-window-light .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
.fr-window-light .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -13px -214px; }
.fr-window-light .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
.fr-window-light .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -93px -214px; }
/* < > transition */
.fr-window-light:not(.fr-ltIE9) .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-light:not(.fr-ltIE9) .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }
.fr-window-light:not(.fr-ltIE9) .fr-side .fr-side-button .fr-side-button-icon {
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: .5;
}
.fr-window-light .fr-side:hover .fr-side-button .fr-side-button-icon,
.fr-window-light .fr-frame .fr-side .fr-side-button-active .fr-side-button-icon {
opacity: 1;
}
/* < > transition (IE < 9) */
.fr-ltIE9 .fr-frame .fr-side-previous .fr-side-button-active .fr-side-button-icon { background-position: -13px -114px; }
.fr-ltIE9 .fr-frame .fr-side-next .fr-side-button-active .fr-side-button-icon { background-position: -93px -114px; }
/* disabled side */
.fr-window-light:not(.fr-ltIE9) .fr-ui-outside .fr-side .fr-side-button-disabled .fr-side-button-icon,
.fr-window-light:not(.fr-ltIE9) .fr-ui-outside .fr-side .fr-side-button-disabled:hover .fr-side-button-icon { opacity: .2; }
/* on the inside we hide disabled sides */
.fr-window-light .fr-ui-inside .fr-side-button-disabled .fr-side-button-icon { background-image: none; }
/* responsive < > */
@media all and (max-width: 568px) and (max-height: 320px),
all and (max-width: 320px) and (max-height: 568px) {
.fr-window-light .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -300px; }
.fr-window-light .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -300px; }
.fr-window-light .fr-side-previous:hover .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
.fr-window-light .fr-side-next:hover .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }
.fr-window-light:not(.fr-ltIE9) .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
.fr-window-light:not(.fr-ltIE9) .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }
}
/* X */
.fr-window-light .fr-close .fr-close-icon { background-position: -169px -9px;}
.fr-window-light .fr-close:hover .fr-close-icon { background-position: -210px -9px; }
/* X transition */
.fr-window-light:not(.fr-ltIE9) .fr-close .fr-close-icon {
background-position: -210px -9px;
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: .8;
}
.fr-window-light .fr-close:hover .fr-close-icon { opacity: 1; }
/* Thumbnails */
.fr-window-light .fr-thumbnail-wrapper {
border-color: transparent;
border-style: solid;
border-width: 0;
}
.fr-window-light .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.fr-window-light .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }
.fr-window-light .fr-thumbnail-wrapper {
box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
}
.fr-window-light .fr-thumbnail-overlay-border {
border-width: 1px;
border-color: rgba(255, 255, 255, .08); /* should remain rgba */
}
/* no inner border on active thumbnail */
.fr-thumbnail-active .fr-thumbnail-overlay-border,
.fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0px; }
/* Thumbnails < > */
.fr-window-light .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -160px -41px;}
.fr-window-light .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -202px -41px; }
.fr-window-light .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -160px -83px;}
.fr-window-light .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -202px -83px; }
/* Thumbnails < > transition */
.fr-window-light:not(.fr-ltIE9) .fr-thumbnails-side .fr-thumbnails-side-button-icon {
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: .8;
}
.fr-window-light:not(.fr-ltIE9) .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-light:not(.fr-ltIE9) .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -160px -41px; }
.fr-window-light:not(.fr-ltIE9) .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-light:not(.fr-ltIE9) .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -202px -83px; }
.fr-window-light:not(.fr-ltIE9) .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; }
/* lower opacity on disabled states */
.fr-window-light:not(.fr-ltIE9) .fr-thumbnails-side .fr-thumbnails-side-button-disabled,
.fr-window-light:not(.fr-ltIE9) .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: .5; }
/* lower opacity IE < 9 using images */
.fr-window-light.fr-ltIE9 .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-light.fr-ltIE9 .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
background-position: -244px -41px;
}
.fr-window-light.fr-ltIE9 .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-light.fr-ltIE9 .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
background-position: -244px -83px;
}
.fr-window-light.fr-ltIE9 .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background,
.fr-window-light.fr-ltIE9 .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background {
filter: alpha(opacity=50);
}
/* Touch caption */
/* background */
.fr-window-light .fr-touch-background {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
border-top-width: 1px;
border-style: solid;
border-color: transparent;
border-color: rgba(255, 255, 255, .12);
box-shadow: 0 -1px 3px rgba(0,0,0, .3);
}
/* smaller text on mobile devices */
@media all and (max-width: 568px) and (max-height: 320px),
all and (max-width: 320px) and (max-height: 568px) {
.fr-window-light .fr-touch-caption-wrapper { font-size: 12px; }
}
/* x */
.fr-window-light .fr-touch-close .fr-touch-button-icon { background-position: -169px -9px; }
.fr-window-light .fr-touch-close:hover .fr-touch-button-icon { background-position: -210px -9px; }
/* x transition */
.fr-window-light:not(.fr-ltIE9) .fr-touch-close .fr-touch-button-icon {
background-position: -210px -9px;
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: .8;
}
.fr-window-light .fr-touch-close .fr-touch-button-icon { opacity: 1; }
/* ... */
.fr-window-light .fr-touch-more .fr-touch-button-icon { background-position: -169px -134px; }
.fr-window-light .fr-touch-more:hover .fr-touch-button-icon { background-position: -210px -134px; }
/* ... transition */
.fr-window-light:not(.fr-ltIE9) .fr-touch-more .fr-touch-button-icon {
background-position: -210px -134px;
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: .8;
}
.fr-window-light .fr-touch-more .fr-touch-button-icon { opacity: 1; }
/* ... \/ */
.fr-window-light .fr-touch-less .fr-touch-button-icon { background-position: -169px -175px; }
.fr-window-light .fr-touch-less:hover .fr-touch-button-icon { background-position: -210px -175px; }
/* ... \/ transition */
.fr-window-light:not(.fr-ltIE9) .fr-touch-less .fr-touch-button-icon {
background-position: -210px -175px;
-moz-transition: opacity .2s ease-in;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
opacity: .8;
}
.fr-window-light .fr-touch-less .fr-touch-button-icon { opacity: 1; }
.fr-window a {
color:#fff;
&:hover {
color:#eee;
}
}
.fr-overlay-light
{
.fr-overlay-background {
background: #000;
filter: alpha(opacity=10);
opacity: .1;
}
}
.fr-window-light
{
.fr-box-padder
{
box-shadow: 0px 0px 50px rgba(0,0,0,0.5);
}
.fr-close-background, .fr-close:hover .fr-close-background
{
background-color:#eee;
.opacity(100);
.border-radius(100%);
}
.fr-box-has-ui-outside
{
overflow:visible;
}
}
.disabledbox img, img.disabledbox
{
cursor: default;
}
.ident, .fixedident
{
display: @headingdisplay;
visibility: @headingvisibility;
}
.workheading
{
padding-bottom:20px;
overflow:visible;
.clearfix();
h1
{
margin-bottom:0;
margin-top:0;
}
}
ul.centerlist
{
text-align:center !important;
li
{
display:inline-block !important;
float:none !important;
}
}
body.hasjs
{
.dynamicimage, .verticaldynamicimage, .dynamicverticalfitwindowimage {
line-height: 0; /* ensure no space between bottom */
display: inline; /* don't go wider than image */
_display: inline-block;
zoom:1;
width:100%; /* needed or firefox overflows */
margin:0;
padding: 0;
//background: darken(spin(@sitebgcolor, 10), 5);
img {
display:inline;
margin:0;
padding: 0;
}
/*
&.fliptransition
{
img
{
-webkit-transition: all 600ms ease, opacity 200ms ease;
-moz-transition: all 600ms ease, opacity 200ms ease;
-ms-transition: all 600ms ease, opacity 200ms ease;
-o-transition: all 600ms ease, opacity 200ms ease;
transition: all 600ms ease, opacity 200ms ease;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
&.fader
{
-webkit-transform: rotateX(-80deg);
-moz-transform: rotateX(-80deg);
-ms-transform: rotateX(-80deg);
-o-transform: rotateX(-80deg);
transform: rotateX(-80deg);
}
}
}
*/
}
img.fader, img.dynamicfade
{
.opacity(0);
}
}
body.phantomjs
{
overflow:hidden;
.video-container
{
.youtube_framed, .vimeo_framed, .youtube_player
{
opacity:1;
}
}
iframe.vimeo_flipbook
{
display:none;
}
img.fader, img.dynamicfade
{
visibility: visible !important;
.opacity(100);
opacity: 1 !important;
.transition(.001s linear all);
}
.vimeo_video, .youtube_player, .vimeo_framed
{
display:none;
}
}
.showmobile, .showtinymobile
{
display:none;
}
.serif_8
{
font-size:8px;
line-height:8px + 5;
}
.serif_10
{
font-size:10px;
line-height:10px + 5;
}
.serif_12
{
font-size:12px;
line-height:12px + 5;
}
.serif_13
{
font-size:13px;
line-height:13px + 5;
}
.serif_14
{
font-size:14px;
line-height:14px + 5;
}
.serif_16
{
font-size:16px;
line-height:16px + 5;
}
.serif_18
{
font-size:18px;
line-height:18px + 5;
}
.serif_24
{
font-size:24px;
line-height:24px + 5;
}
.serif_32
{
font-size:36px;
line-height:36px + 5;
}
.serif_48
{
font-size:48px;
line-height:48px + 5;
}
.serif_72
{
font-size:72px;
line-height:72px + 5;
}
.mceLayout
{
padding-right:77px !important;
}
.captionmcecontainer .mceLayout, .shortmcecontainer .mceLayout, .tiniestmcecontainer .mceLayout
{
padding-right:0px !important;
}
.comment .at span, .comment .url span, .comment .at .bg, .comment .url .bg
{
background:transparent;
}
.carousel-container
{
position:relative;
}
.carousel {
padding: 15px 0 15px 40px;
}
ul.carousel {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
ul.carousel li {
padding: 0;
margin: 6px;
display: block;
float: left;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.styleable
{
textarea
{
height:150px;
}
}
.framed
{
margin: 50px 70px;
}
.padded
{
padding: 50px 70px;
}
.media_audio
{
position:relative;
font-family: Helvetica, Arial;
border: 1px solid @sitetext;
border: 1px solid fade(@sitetext, 50);
margin-right: auto;
margin-left: auto;
max-width:400px;
height: 26px;
color: @sitetext;
color: fade(@sitetext, 50);
.user-select(none);
box-shadow: inset 0 0 5px fade(@sitetext, 5);
font-size:13px;
.audio_play, .audio_pause {
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
text-shadow: none !important;
background: none !important;
position: absolute;
top: 0;
left: 0;
padding: 0px 12px;
line-height: 27px;
height: 27px;
border-right: 1px solid @sitetext;
border-right: 1px solid fade(@sitetext, 50);
color: @sitetext;
color: fade(@sitetext, 50);
}
.audio_scrubber
{
position: absolute;
top: 0;
left: 37px;
right: 35px;
.audio_scrubtotal {
position: absolute;
height: 26px;
left: 0;
right: 0;
cursor: pointer;
z-index:1000;
.audio_scrubposition {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: fade(@sitetext, 10);
cursor: pointer;
width: 0;
}
}
.audio_position {
position: absolute;
top: 0;
left: 0;
font-size: 10px;
line-height: 26px;
color: @sitetext;
color: fade(@sitetext, 50);
padding-left: 10px;
}
}
.audio_time
{
display:none;
}
.audio_volume
{
position: absolute;
right: 0;
top: 0;
width: 35px;
border-left: @sitetext;
border-left: 1px solid fade(@sitetext, 50);
cursor: pointer;
height: 26px;
.audio_currentvolume
{
position: absolute;
left: 0;
bottom: 0;
top:0;
width: 80%;
cursor: pointer;
background: @sitetext;
background: fade(@sitetext, 10);
}
}
}
@media handheld, only screen and (max-width: 767px) {
.framed
{
margin: 50px 10px;
}
.padded
{
padding: 50px 10px;
}
.size_borderlessfull .twelvecol {
padding-left: 0;
padding-right: 0;
}
.hidetinymobile, .hidemobile
{
display: none !important;
}
.showtinymobile, .showmobile
{
display: block !important;
}
}
@media handheld, only screen and (max-width: 990px) {
.horizontalimages
{
overflow:visible;
tr
{
display: inline-block;
td
{
display: table-cell;
}
}
}
}
@media only screen and (max-width: 569px) {
ul.layoutlist li.layout div.title a.edit
{
padding-left:5px !important;
font-size:13px;
}
.collapsemobile, .cm
{
position: static !important;
display: block !important;
height: auto !important;
width: 100% !important;
float: none !important;
margin: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
text-align: center !important;
.border-radius(~"0 !important");
.center;
}
.cmp
{
margin-bottom: 20px !important;
}
}
body
{
background:#fbfbfb;
}
#content
{
margin-top: 0px;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
a
{
color:@linkColor;
&:hover
{
color:@linkColorHover;
}
}
.dragdrop
{
h2
{
position: relative;
z-index: 2;
line-height: 40px;
font-size: 40px;
text-shadow:none;
}
img
{
border-radius: 100%;
}
p
{
margin-top:10px;
.center;
}
}
body.hasjs .startfaded
{
opacity: 0.01;
}
/*
.color0 { color: hsl( 10, 90%, 40% ) !important; }
.color1 { color: hsl( 30, 90%, 40% ) !important; }
.color2 { color: hsl( 50, 90%, 40% ) !important; }
.color3 { color: hsl( 70, 90%, 40% ) !important; }
.color4 { color: hsl( 90, 90%, 40% ) !important; }
.color5 { color: hsl( 110, 90%, 40% ) !important; }
.color6 { color: hsl( 130, 90%, 40% ) !important; }
.color7 { color: hsl( 150, 90%, 40% ) !important; }
.color8 { color: hsl( 170, 90%, 40% ) !important; }
.color9 { color: hsl( 190, 90%, 40% ) !important; }
.color10 { color: hsl( 210, 90%, 40% ) !important; }
.color11 { color: hsl( 230, 90%, 40% ) !important; }
.color12 { color: hsl( 250, 90%, 40% ) !important; }
.color13 { color: hsl( 270, 90%, 40% ) !important; }
.color14 { color: hsl( 290, 90%, 40% ) !important; }
.color15 { color: hsl( 310, 90%, 40% ) !important; }
.color16 { color: hsl( 330, 90%, 40% ) !important; }
.color17 { color: hsl( 350, 90%, 40% ) !important; }
.bordercolor0 { border-color: hsl( 10, 90%, 40% ) !important; }
.bordercolor1 { border-color: hsl( 30, 90%, 40% ) !important; }
.bordercolor2 { border-color: hsl( 50, 90%, 40% ) !important; }
.bordercolor3 { border-color: hsl( 70, 90%, 40% ) !important; }
.bordercolor4 { border-color: hsl( 90, 90%, 40% ) !important; }
.bordercolor5 { border-color: hsl( 110, 90%, 40% ) !important; }
.bordercolor6 { border-color: hsl( 130, 90%, 40% ) !important; }
.bordercolor7 { border-color: hsl( 150, 90%, 40% ) !important; }
.bordercolor8 { border-color: hsl( 170, 90%, 40% ) !important; }
.bordercolor9 { border-color: hsl( 190, 90%, 40% ) !important; }
.bordercolor10 { border-color: hsl( 210, 90%, 40% ) !important; }
.bordercolor11 { border-color: hsl( 230, 90%, 40% ) !important; }
.bordercolor12 { border-color: hsl( 250, 90%, 40% ) !important; }
.bordercolor13 { border-color: hsl( 270, 90%, 40% ) !important; }
.bordercolor14 { border-color: hsl( 290, 90%, 40% ) !important; }
.bordercolor15 { border-color: hsl( 310, 90%, 40% ) !important; }
.bordercolor16 { border-color: hsl( 330, 90%, 40% ) !important; }
.bordercolor17 { border-color: hsl( 350, 90%, 40% ) !important; }
.changecolor {
.transition(2.9s ease-in color);
}
.changebordercolor {
.transition(2.9s ease-in border-color);
}
*/
#content
{
margin-top:0;
}
.blogging
{
background-image: url('images/background/paper.jpg');
}
.good, .bad
{
border-width: 1px !important;
}
.alert
{
margin: 50px 70px;
}
@-webkit-keyframes blink {
from { opacity: 1.0; }
to { opacity: 0.0; }
}
blink {
-webkit-animation-name: blink;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
-webkit-animation-duration: 1s;
}
body.user404
{
#gradient > .radial(#ffffff, #E9E9E9);
}
// new stuff
.fontbackground {
position:absolute;
left: -150px;
top:-30px;
width:150%;
.rotate(4deg);
.user-select(none);
cursor:default;
span
{
color:#333;
font-size: 55px;
line-height: 1.5;
padding:2px 16px;
float:left;
}
}
.carousel-container-showcase
{
position:absolute;
left:0;
top:0;
.box-sizing(border-box);
padding-left: 200px;
padding-right: 30px;
li
{
margin:0 !important;
padding:0 !important;
display:inline !important;
float:none !important;
a
{
.transition(.1s linear all);
position: relative;
&:hover
{
top: -20px;
}
}
}
}
.masonry-animate {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-ms-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.badge-etsy
{
position: relative;
display:block;
#gradient > .radial(#e2864b, #c84b19);
.border-radius(200px);
//.rotate(-12deg);
.box-sizing(border-box);
padding: 42px 0;
text-align: center;
width: 190px;
height: 190px;
color:#fff !important;
font-size: 13px;
line-height: 18px;
z-index:555;
}
.badge-blue
{
position: absolute;
display:block;
.border-radius(200px);
//.rotate(-12deg);
.box-sizing(border-box);
padding: 42px 0;
text-align: center;
width: 190px;
height: 190px;
color:#fff !important;
font-size: 13px;
line-height: 18px;
z-index:555;
right: 0;
top: 0;
margin-right: 20px;
margin-top: 20px;
-webkit-transform: rotate(6deg);
#gradient > .radial(#acc0d8, #5a86bf);
}
@media handheld, only screen and (max-width: 940px) {
.badge-blue {
display:none;
}
}
@media handheld, only screen and (max-width: 767px) {
.badge-blue {
display:block;
top: auto;
bottom:0;
margin-top: 0;
margin-bottom: 20px;
}
}
.input-double
{
height: @baseLineHeight * 2 !important;
padding: 8px !important;
font-size: @baseFontSize * 2 !important;
line-height: @baseLineHeight * 2 !important;
.border-radius(6px);
}
.badge-video
{
.badge-etsy;
background: white;
color: #d04741 !important;
}
.planfeatures li
{
margin-bottom:6px;
}
.plan
{
border: 1px solid #CCC;
background-color:#FFF;
.border-radius(6px);
//-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
//-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
//box-shadow: 0 1px 2px rgba(0,0,0,.1);
max-width: 370px;
margin-left: auto;
margin-right: auto;
h1
{
font-weight: bold;
margin: 7px 20px 0px 20px;
font-size:40px;
}
.features
{
padding:5px 30px;
line-height:30px;
font-size:1.1em;
text-align: center;
min-height: 150px;
ul
{
list-style-type: none;
margin-left: 0px;
li
{
margin-left: 0px;
line-height:32px !important;
font-size: 1.25em;
a, a:hover
{
color:#000;
border-bottom: 1px dotted #999;
}
}
}
}
}
// POPOVER ARROWS
// --------------
#popoverArrow {
.above(@arrowWidth: 5px) {
bottom: 0;
left: 50%;
margin-left: -@arrowWidth;
border-left: @arrowWidth solid transparent;
border-right: @arrowWidth solid transparent;
border-top: @arrowWidth solid @black;
}
.left(@arrowWidth: 5px) {
top: 50%;
right: 0;
margin-top: -@arrowWidth;
border-top: @arrowWidth solid transparent;
border-bottom: @arrowWidth solid transparent;
border-left: @arrowWidth solid @black;
}
.below(@arrowWidth: 5px) {
top: 0;
left: 50%;
margin-left: -@arrowWidth;
border-left: @arrowWidth solid transparent;
border-right: @arrowWidth solid transparent;
border-bottom: @arrowWidth solid @black;
}
.right(@arrowWidth: 5px) {
top: 50%;
left: 0;
margin-top: -@arrowWidth;
border-top: @arrowWidth solid transparent;
border-bottom: @arrowWidth solid transparent;
border-right: @arrowWidth solid @black;
}
}
// POPOVERS
// --------
.popover {
position:relative;
padding: 5px;
&.popover-above .arrow { #popoverArrow > .above(); }
&.popover-right .arrow { #popoverArrow > .right(); }
&.popover-below .arrow { #popoverArrow > .below(); }
&.popover-left .arrow { #popoverArrow > .left(); }
.arrow {
position: absolute;
width: 0;
height: 0;
}
.inner {
background-color: @black;
background-color: rgba(0,0,0,.8);
padding: 3px;
overflow: hidden;
width: 280px;
.border-radius(6px);
}
.title {
background-color: #f5f5f5;
padding: 9px 15px;
line-height: 1;
.border-radius(3px 3px 0 0);
border-bottom:1px solid #eee;
}
.content {
background-color: @white;
padding: 14px;
.border-radius(0 0 3px 3px);
.background-clip(padding-box);
p, ul, ol {
margin-bottom: 0;
}
}
}
.green
{
.gradientBar(#77cd4d, #5db433);
color: #fff;
border-color:#5db433;
border-bottom-color:#77cd4d;
&:hover
{
color: #fff;
}
}
.blue
{
.gradientBar(#4b91c6, #3178ad);
color: #fff;
border-color:#3178ad;
border-bottom-color:#4b91c6;
text-shadow-color:rgba(0,0,0,0.75);
&:hover
{
color: #fff;
}
}
.red
{
.gradientBar(#d55165, #bc354a);
color: #fff;
border-color:#bc354a;
border-bottom-color:#d55165;
text-shadow-color:rgba(0,0,0,0.75);
&:hover
{
color: #fff;
}
}
.yellow
{
.gradientBar(#ffd21f, #ebbc00);
color: #000;
border-color:#ebbc00;
border-bottom-color:#ffd21f;
&:hover
{
color: #000;
}
}