[31mNameError: .clearfix is undefined[39m[31m in [39m/tmp/css01JfDv[90m on line 76, column 2:[39m
[90m75 margin: 0 auto;[39m
76 [7m[31m[1m.[22mclearfix();[39m[27m
[90m77 }[39m[0m[0m
/usr/bin/node /usr/bin/lessc /tmp/css01JfDv /tmp/cssNsq3VH | 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;
}
/* ==================================================================================================================== */
/* ! 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;
}
}
}
.icons_b(@size: 16px)
{
min-height:@size;
padding: 0 0 1px (@size + 2);
background: url(images/b/sprite.png) no-repeat top left;
}
.icons_w(@size: 16px)
{
min-height:@size;
padding-left: (@size + 2) !important;
background: url(images/w/sprite.png) no-repeat top left;
}
.icons_16
{
background-repeat: no-repeat;
min-height: 16px;
padding-left: 18px !important;
}
.icons_24
{
background-repeat: no-repeat;
min-height: 24px;
padding-left: 26px !important;
}
.icons_48
{
background-repeat: no-repeat;
min-height: 48px;
padding-left: 50px !important;
}
.fix_16
{
background-repeat: no-repeat;
margin-right: -6px;
line-height: 16px;
}
.fix_24
{
background-repeat: no-repeat;
margin-right: -6px;
line-height: 25px;
display:block;
}
.fix_48
{
background-repeat: no-repeat;
margin-right: -6px;
line-height: 49px;
font-size:48px;
position: relative;
top: -6px;
}
.submenu_16
{
.fix_16;
background-image:url(images/icons/submenu_16.png);
padding-left:16px;
background-position:4px 50%;
}
.colors_c_24 {
min-width: 24px;
min-height: 24px;
line-height: 24px;
padding-left: 26px !important;
background-attachment: scroll;
background-position: left center;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(images/c/colors_24.png);
}
.fav_c_48 {
min-width: 48px;
min-height: 48px;
line-height: 48px;
padding-left: 50px !important;
background-attachment: scroll;
background-position: left center;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(images/c/fav_48.png);
}
.add_b_16{ .icons_b(16px); background-position: 0 0; }
.alert_b_16{ .icons_b(16px); background-position: 0 -216px; }
.alert_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: 0 -432px; }
.approve_b_16{ .icons_b(16px); background-position: 0 -680px; }
.blog_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: 0 -896px; }
.bold_b_16{ .icons_b(16px); background-position: 0 -1144px; }
.bookmark_b_16{ .icons_b(16px); background-position: 0 -1360px; }
.bottom_b_24{ .icons_b(24px); background-position: 0 -1576px; }
.bulboff_b_16{ .icons_b(16px); background-position: -248px 0; }
.bulbon_b_16{ .icons_b(16px); background-position: -248px -216px; }
.bullet_b_16{ .icons_b(16px); background-position: -248px -432px; }
.calendar_b_16{ .icons_b(16px); background-position: -248px -648px; }
.center_b_16{ .icons_b(16px); background-position: -248px -864px; }
.chat_b_16{ .icons_b(16px); background-position: -248px -1080px; }
.chat_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -248px -1296px; }
.check_b_16{ .icons_b(16px); background-position: -248px -1544px; }
.checkbox_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -248px -1760px; }
.count_b_16{ .icons_b(16px); background-position: -496px 0; }
.delete_b_16{ .icons_b(16px); background-position: -496px -216px; }
.down_b_16{ .icons_b(16px); background-position: -496px -432px; }
.download_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -496px -648px; }
.drop_b_16{ .icons_b(16px); background-position: -496px -896px; }
.drop_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -496px -1112px; }
.edit_b_16{ .icons_b(16px); background-position: -496px -1360px; }
.edit_b_24{ .icons_b(24px); background-position: -496px -1576px; }
.faq_b_16{ .icons_b(16px); background-position: -744px 0; }
.faq_b_24{ .icons_b(24px); background-position: -744px -216px; }
.fav_b_16{ .icons_b(16px); background-position: -744px -440px; }
.fav_b_24{ .icons_b(24px); background-position: -744px -656px; }
.fav_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -744px -880px; }
.gray_b_24{ .icons_b(24px); background-position: -744px -1128px; }
.grid_b_24{ .icons_b(24px); background-position: -744px -1352px; }
.groups_b_16{ .icons_b(16px); background-position: -744px -1576px; }
.h1_b_16{ .icons_b(16px); background-position: -744px -1792px; }
.h2_b_16{ .icons_b(16px); background-position: -992px 0; }
.h3_b_16{ .icons_b(16px); background-position: -992px -216px; }
.h4_b_16{ .icons_b(16px); background-position: -992px -432px; }
.h5_b_16{ .icons_b(16px); background-position: -992px -648px; }
.h6_b_16{ .icons_b(16px); background-position: -992px -864px; }
.hd_b_24{ .icons_b(24px); background-position: -992px -1080px; }
.help_b_16{ .icons_b(16px); background-position: -992px -1304px; }
.home_b_24{ .icons_b(24px); background-position: -992px -1520px; }
.italic_b_16{ .icons_b(16px); background-position: -992px -1744px; }
.left_b_16{ .icons_b(16px); background-position: -1240px 0; }
.list_b_24{ .icons_b(24px); background-position: -1240px -216px; }
.loading_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -1240px -440px; }
.lock_b_16{ .icons_b(16px); background-position: -1240px -688px; }
.logout_b_16{ .icons_b(16px); background-position: -1240px -904px; }
.logout_b_24{ .icons_b(24px); background-position: -1240px -1120px; }
.mail_b_16{ .icons_b(16px); background-position: -1240px -1342px; }
.mail_b_24{ .icons_b(24px); background-position: -1240px -1560px; }
.medal_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -1240px -1784px; }
.music_b_16{ .icons_b(16px); background-position: -1488px 0; }
.new_b_16{ .icons_b(16px); background-position: -1488px -216px; }
.note_b_16{ .icons_b(16px); background-position: -1488px -432px; }
.note_b_24{ .icons_b(24px); background-position: -1488px -648px; }
.numeric_b_16{ .icons_b(16px); background-position: -1488px -872px; }
.paper_b_16{ .icons_b(16px); background-position: -1488px -1088px; }
.paper_b_60{ background-position: -1488px -1304px; width: 60px; height: 60px; }
.phone_b_16{ .icons_b(16px); background-position: -1488px -1564px; }
.picture_b_16{ .icons_b(16px); background-position: -1488px -1780px; }
.picture_b_24{ .icons_b(24px); background-position: -1748px 0; }
.pictures_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -1748px -224px; }
.pin_b_16{ .icons_b(16px); background-position: -1748px -472px; }
.play_b_24{ .icons_b(24px); background-position: -1748px -688px; }
.play_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -1748px -912px; }
.popular_b_24{ .icons_b(24px); background-position: -1748px -1160px; }
.popular_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -1748px -1384px; }
.quote_b_16{ .icons_b(16px); background-position: -1748px -1632px; }
.readmail_b_16{ .icons_b(16px); background-position: -2008px 0; }
.refresh_b_16{ .icons_b(16px); background-position: -2008px -216px; }
.remove_b_16{ .icons_b(16px); background-position: -2008px -432px; }
.reply_b_16{ .icons_b(16px); background-position: -2008px -648px; }
.reverse_b_24{ .icons_b(24px); background-position: -2008px -864px; }
.right_b_16{ .icons_b(16px); background-position: -2008px -1088px; }
.rss_b_16{ .icons_b(16px); background-position: -2008px -1304px; }
.saving_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -2008px -1520px; }
.search_b_16{ .icons_b(16px); background-position: -2008px -1768px; }
.settings_b_16{ .icons_b(16px); background-position: -2268px 0; }
.shift_b_16{ .icons_b(16px); background-position: -2268px -216px; }
.shuffle_b_24{ .icons_b(24px); background-position: -2268px -432px; }
.slideshow_b_24{ .icons_b(24px); background-position: -2268px -656px; }
.stop_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -2268px -880px; }
.tag_b_16{ .icons_b(16px); background-position: -2268px -1128px; }
.tag_b_24{ .icons_b(24px); background-position: -2268px -1344px; }
.thin_b_16{ .icons_b(16px); background-position: -2268px -1568px; }
.time_b_16{ .icons_b(16px); background-position: -2268px -1784px; }
.top_b_24{ .icons_b(24px); background-position: -2528px 0; }
.topics_b_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_b(48px); background-position: -2528px -224px; }
.twitter_b_16{ .icons_b(16px); background-position: -2528px -472px; }
.unlock_b_16{ .icons_b(16px); background-position: -2528px -688px; }
.up_b_16{ .icons_b(16px); background-position: -2528px -904px; }
.upload_b_16{ .icons_b(16px); background-position: -2528px -1120px; }
.user_b_16{ .icons_b(16px); background-position: -2528px -1336px; }
.wide_b_16{ .icons_b(16px); background-position: -2528px -1552px; }
.wrong_b_16{ .icons_b(16px); background-position: -2528px -1768px; }
.www_b_16{ .icons_b(16px); background-position: -2788px 0; }
.add_w_16{ .icons_w(16px); background-position: 0 0; }
.alert_w_16{ .icons_w(16px); background-position: 0 -216px; }
.alert_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: 0 -432px; }
.approve_w_16{ .icons_w(16px); background-position: 0 -680px; }
.blog_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: 0 -896px; }
.bold_w_16{ .icons_w(16px); background-position: 0 -1144px; }
.bookmark_w_16{ .icons_w(16px); background-position: 0 -1360px; }
.bottom_w_24{ .icons_w(16px); background-position: 0 -1576px; }
.bulboff_w_16{ .icons_w(16px); background-position: -248px 0; }
.bulbon_w_16{ .icons_w(16px); background-position: -248px -216px; }
.bullet_w_16{ .icons_w(16px); background-position: -248px -432px; }
.calendar_w_16{ .icons_w(16px); background-position: -248px -648px; }
.center_w_16{ .icons_w(16px); background-position: -248px -864px; }
.chat_w_16{ .icons_w(16px); background-position: -248px -1080px; }
.chat_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -248px -1296px; }
.check_w_16{ .icons_w(16px); background-position: -248px -1544px; }
.checkbox_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -248px -1760px; }
.count_w_16{ .icons_w(16px); background-position: -496px 0; }
.delete_w_16{ .icons_w(16px); background-position: -496px -216px; }
.down_w_16{ .icons_w(16px); background-position: -496px -432px; }
.download_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -496px -648px; }
.drop_w_16{ .icons_w(16px); background-position: -496px -896px; }
.drop_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -496px -1112px; }
.edit_w_16{ .icons_w(16px); background-position: -496px -1360px; }
.edit_w_24{ .icons_w(16px); background-position: -496px -1576px; }
.faq_w_16{ .icons_w(16px); background-position: -744px 0; }
.faq_w_24{ .icons_w(16px); background-position: -744px -216px; }
.fav_w_16{ .icons_w(16px); background-position: -744px -440px; }
.fav_w_24{ .icons_w(16px); background-position: -744px -656px; }
.fav_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -744px -880px; }
.gray_w_24{ .icons_w(16px); background-position: -744px -1128px; }
.grid_w_24{ .icons_w(16px); background-position: -744px -1352px; }
.groups_w_16{ .icons_w(16px); background-position: -744px -1576px; }
.h1_w_16{ .icons_w(16px); background-position: -744px -1792px; }
.h2_w_16{ .icons_w(16px); background-position: -992px 0; }
.h3_w_16{ .icons_w(16px); background-position: -992px -216px; }
.h4_w_16{ .icons_w(16px); background-position: -992px -432px; }
.h5_w_16{ .icons_w(16px); background-position: -992px -648px; }
.h6_w_16{ .icons_w(16px); background-position: -992px -864px; }
.hd_w_24{ .icons_w(16px); background-position: -992px -1080px; }
.help_w_16{ .icons_w(16px); background-position: -992px -1304px; }
.home_w_24{ .icons_w(16px); background-position: -992px -1520px; }
.italic_w_16{ .icons_w(16px); background-position: -992px -1744px; }
.left_w_16{ .icons_w(16px); background-position: -1240px 0; }
.list_w_24{ .icons_w(16px); background-position: -1240px -216px; }
.loading_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -1240px -440px; }
.lock_w_16{ .icons_w(16px); background-position: -1240px -688px; }
.logout_w_16{ .icons_w(16px); background-position: -1240px -904px; }
.logout_w_24{ .icons_w(16px); background-position: -1240px -1120px; }
.mail_w_16{ .icons_w(16px); background-position: -1240px -1342px; }
.mail_w_24{ .icons_w(16px); background-position: -1240px -1560px; }
.medal_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -1240px -1784px; }
.music_w_16{ .icons_w(16px); background-position: -1488px 0; }
.new_w_16{ .icons_w(16px); background-position: -1488px -216px; }
.note_w_16{ .icons_w(16px); background-position: -1488px -432px; }
.note_w_24{ .icons_w(16px); background-position: -1488px -648px; }
.numeric_w_16{ .icons_w(16px); background-position: -1488px -872px; }
.paper{ background-position: -1488px -1088px; }
.paper_w_16{ .icons_w(16px); background-position: -1488px -1304px; }
.paper_w_60{ background-position: -1488px -1520px; width: 60px; height: 60px; }
.picture_w_16{ .icons_w(16px); background-position: -1488px -1780px; }
.picture_w_24{ .icons_w(16px); background-position: -1748px 0; }
.pictures_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -1748px -224px; }
.pin_w_16{ .icons_w(16px); background-position: -1748px -472px; }
.play_w_24{ .icons_w(16px); background-position: -1748px -688px; }
.play_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -1748px -912px; }
.popular_w_24{ .icons_w(16px); background-position: -1748px -1160px; }
.popular_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -1748px -1384px; }
.quote_w_16{ .icons_w(16px); background-position: -1748px -1632px; }
.readmail_w_16{ .icons_w(16px); background-position: -2008px 0; }
.refresh_w_16{ .icons_w(16px); background-position: -2008px -216px; }
.remove_w_16{ .icons_w(16px); background-position: -2008px -432px; }
.reply_w_16{ .icons_w(16px); background-position: -2008px -648px; }
.reverse_w_24{ .icons_w(16px); background-position: -2008px -864px; }
.right_w_16{ .icons_w(16px); background-position: -2008px -1088px; }
.rss_w_16{ .icons_w(16px); background-position: -2008px -1304px; }
.saving_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -2008px -1520px; }
.search_w_16{ .icons_w(16px); background-position: -2008px -1768px; }
.settings_w_16{ .icons_w(16px); background-position: -2268px 0; }
.shift_w_16{ .icons_w(16px); background-position: -2268px -216px; }
.shuffle_w_24{ .icons_w(16px); background-position: -2268px -432px; }
.slideshow_w_24{ .icons_w(16px); background-position: -2268px -656px; }
.stop_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -2268px -880px; }
.tag_w_16{ .icons_w(16px); background-position: -2268px -1128px; }
.tag_w_24{ .icons_w(16px); background-position: -2268px -1344px; }
.thin_w_16{ .icons_w(16px); background-position: -2268px -1568px; }
.time_w_16{ .icons_w(16px); background-position: -2268px -1784px; }
.top_w_24{ .icons_w(16px); background-position: -2528px 0; }
.topics_w_48{ font-size:48px; line-height:48px; span { position: relative; top: -5px; } .icons_w(48px); background-position: -2528px -224px; }
.twitter_w_16{ .icons_w(16px); background-position: -2528px -472px; }
.unlock_w_16{ .icons_w(16px); background-position: -2528px -688px; }
.up_w_16{ .icons_w(16px); background-position: -2528px -904px; }
.upload_w_16{ .icons_w(16px); background-position: -2528px -1120px; }
.user_w_16{ .icons_w(16px); background-position: -2528px -1336px; }
.user_w_24{ .icons_w(16px); background-position: -2528px -1552px; }
.wide_w_16{ .icons_w(16px); background-position: -2528px -1776px; }
.wrong_w_16{ .icons_w(16px); background-position: -2788px 0; }
.www_w_16{ .icons_w(16px); background-position: -2788px -216px; }
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;
}
.markItUp
{
margin:5px 0;
width:100%;
.headers a
{
background-image:url(images/b/h1_16.png);
}
.headers-1 a
{
background-image:url(images/b/h1_16.png);
}
.headers-2 a
{
background-image:url(images/b/h2_16.png);
}
.headers-3 a
{
background-image:url(images/b/h3_16.png);
}
.headers-4 a
{
background-image:url(images/b/h4_16.png);
}
.headers-5 a
{
background-image:url(images/b/h5_16.png);
}
.headers-6 a
{
background-image:url(images/b/h6_16.png);
}
.bold a
{
background-image:url(images/b/bold_16.png);
}
.italic a
{
background-image:url(images/b/italic_16.png);
}
.centered a
{
background-image:url(images/b/center_16.png);
}
.bullet a
{
background-image:url(images/b/bullet_16.png);
}
.numeric a
{
background-image:url(images/b/numeric_16.png);
}
.pic a
{
background-image:url(images/b/picture_16.png);
}
.url a
{
background-image:url(images/b/www_16.png);
}
.quotes a
{
background-image:url(images/b/quote_16.png);
}
.preview a
{
background-image:url(images/b/search_16.png);
}
.linkuser a
{
background-image:url(images/icons/user_girl_16.png);
}
.apimg a
{
background-image:url(images/icons/image_16.png);
}
*
{
margin:0;
outline:none;
padding:0;
}
a:link, a:visited
{
color:#000;
text-decoration:none;
}
}
.markItUpEditor
{
clear:both;
line-height:18px;
overflow:auto;
padding:5px;
}
.markItUpPreviewFrame
{
background-color:#FFF;
height:600px;
margin:5px 0;
overflow:auto;
width:99.9%;
}
.markItUpFooter
{
width:100%;
}
.markItUpResizeHandle
{
background-image:url(images/icons/handle.png);
cursor:n-resize;
height:5px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
width:22px;
}
.markItUpHeader
{
ul
{
.markItUpSeparator
{
background-color:#CCC;
height:16px;
margin:0 10px;
overflow:hidden;
width:1px;
}
a
{
background-repeat:no-repeat;
display:block;
height:16px;
margin:0;
padding:3px;
text-indent:-10000px;
width:16px;
}
li
{
float:left !important;
list-style:none;
position:relative;
z-index:1;
&:hover > ul
{
display:block;
}
}
.markItUpDropMenu
{
background:transparent url(images/icons/menu_16.png) no-repeat 115% 50%;
margin-right:5px;
}
.markItUpDropMenu li
{
margin-right:0;
}
ul
{
background:#FFF;
border:1px solid #000;
display:none;
left:0;
position:absolute;
top:18px;
a
{
background-position:2px 50%;
display:block;
padding:5px 5px 5px 25px;
text-indent:0;
width:120px;
&:hover
{
background-color:#000;
color:#FFF;
}
}
li
{
border-bottom:1px solid #000;
float:none;
}
.markItUpDropMenu
{
background:#FFF url(images/icons/submenu_16.png) no-repeat 100% 50%;
}
.markItUpSeparator
{
height:1px;
margin:0;
width:auto;
}
ul
{
left:150px;
position:absolute;
top:-1px;
li
{
float:none;
}
}
}
}
}
@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;
}
}