/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Clientside Error Style
========================================================================== */
.error.clientside-error{
background: #e6649b;
border: 1px solid #c85d8a;
-webkit-border-radius: 3px
-moz-border-radius: 3px;
border-radius: 2px;
color: white;
}
.error.clientside-error ul li label.error{
color: white;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/**
* Match editor (ckeditor.css)
*/
*{
font-weight: normal;
font-style: normal;
}
strong{
font-family: 'News Gothic W01 Bold706740';
font-weight: normal;
}
strong em{
font-family: 'NewsGothicW01-BoldObliq';
font-weight: normal;
font-style: normal;
}
em{
font-family: 'News Gothic W01 Oblique';
font-style: normal;
}
em strong{
font-family: 'NewsGothicW01-BoldObliq';
font-weight: normal;
font-style: normal;
}
h1{
font-family: 'News Gothic W01 Bold706740';
font-size: 27px;
font-weight: normal;
font-style: normal;
}
h1 em{
font-family: 'NewsGothicW01-BoldObliq';
font-weight: normal;
font-style: normal;
}
table{
width: 100%;
}
.field-type-text-long ul,
.field-name-body ul{
/*list-style: disc;*/
list-style: none;
padding: 0 15px 0;
}
.field-type-text-long ul > li:before,
.field-name-body ul > li:before{
content: '• ';
}
.field-type-text-long ol,
.field-name-body ol{
list-style: none;
counter-reset:li;
padding: 0 15px 0;
}
.field-type-text-long ol > li:before,
.field-name-body ol > li:before{
content:counter(li) ". ";
counter-increment:li;
}
/* ------------- */
html,body{
-webkit-font-smoothing: antialiased !important;
font-smooth: antialiased;
}
body{
/*background: url(../images/bg.jpg);*/
background-repeat: no-repeat;
background: #fff;
font-family: 'News Gothic W01';
background-color: black;
}
.tabs .tabs{
padding-bottom: 15px;
}
#admin-menu{
z-index: 9999;
}
.container_12 .grid_12_special{
display: inline;
float: left;
position: relative;
margin-left: 0;
margin-right: 0;
width: 960px;
}
#wrapper{
position: relative;
z-index: 1002;
}
.background-holder{
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-attachment: fixed;
background-size: cover;
z-index: 1;
/*-ms-behavior: url(/clients/swe/abba-the-museum/sites/all/themes/abba/css/backgroundsize.min.htc);*/
-ms-behavior: url(backgroundsize.min.php);
}
/*
.background-holder img{
float: left;
display: inline;
}
*/
/**
* Header
*/
#header .block{
margin: 0px;
}
#header .block.grid_12{
width: 960px;
}
/* Logotype */
#logotype{
margin: 17px 0 16px 0;
}
#header{
position: relative;
/*display: none;*/
}
/* Menu: Black gradient background */
#header .menu-name-main-menu > ul,
#header .menu-name-main-menu > ul > li > a{
background: #060606; /* Old browsers */
background: -moz-linear-gradient(top, #060606 0%, #252525 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#060606), color-stop(100%,#252525)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #060606 0%,#252525 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #060606 0%,#252525 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #060606 0%,#252525 100%); /* IE10+ */
background: linear-gradient(to bottom, #060606 0%,#252525 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060606', endColorstr='#252525',GradientType=0 ); /* IE6-9 */
}
/* Menu: Black gradient background (hover) */
#header .menu-name-main-menu > ul > li > a:hover,
#header .menu-name-main-menu > ul > li > a.active,
#header .menu-name-main-menu > ul > li.active-trail.menu-mlid-823 > a /* Your page */{
background: #303030; /* Old browsers */
background: -moz-linear-gradient(top, #303030 0%, #4a4a4a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#4a4a4a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #303030 0%,#4a4a4a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #303030 0%,#4a4a4a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #303030 0%,#4a4a4a 100%); /* IE10+ */
background: linear-gradient(to bottom, #303030 0%,#4a4a4a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
}
/* Menu Pink gradient background */
#header .menu-name-menu-pinkmenu ul li a{
background: #e4568f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NTY4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzNlNzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #e4568f 0%, #cc3e78 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4568f), color-stop(100%,#cc3e78)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e4568f 0%,#cc3e78 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e4568f 0%,#cc3e78 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e4568f 0%,#cc3e78 100%); /* IE10+ */
background: linear-gradient(to bottom, #e4568f 0%,#cc3e78 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4568f', endColorstr='#cc3e78',GradientType=0 ); /* IE6-8 */
}
/* Menu: Main menu fix coming from mobile view to show the menu again */
@media all and (min-width: 740px) {
#header .menu-name-main-menu{
margin: 0;
padding: 0;
display: block !important;
}
}
/* Menu: Main menu */
.block.main-menu.grid_10{
width: 808px; /* Custom grid width */
}
#header .menu-name-main-menu{
margin: 0;
padding: 0;
display: block;
}
#header .menu-name-main-menu > ul{
background: url(../images/menu_background.png);
-webkit-border-radius: 3px 0 0 0;
-moz-border-radius: 3px 0 0 0;
border-radius: 3px 0 0 0;
}
#header .menu-name-main-menu > ul > li.first,
#header .menu-name-main-menu > ul > li.first > a{
-webkit-border-radius: 3px 0 0 0;
-moz-border-radius: 3px 0 0 0;
border-radius: 3px 0 0 0;
}
#header .menu-name-main-menu > ul > li{
position: relative;
float: left;
list-style: none;
padding: 0px;
margin: 0px;
border-top: 1px solid #000;
border-right: 1px solid #000;
font-size: 16px;
}
#header .menu-name-main-menu > ul > li > a{
display: block;
color: #fff;
text-decoration: none;
padding: 12px 17px 14px 17px;
border-top: 1px solid #2a2a2a;
border-right: 1px solid #2a2a2a;
}
#header .menu-name-main-menu > ul > li > a:hover,
#header .menu-name-main-menu > ul > li > a.active,
#header .menu-name-main-menu > ul > li.active-trail.menu-mlid-823 > a /* Your page */{
border-top: 1px solid #4e4e4e;
border-right: 1px solid #4e4e4e;
}
/* Menu: Main menu Submenu */
#header .menu-name-main-menu > ul > li > ul{
display: none;
background: #242424;
position: absolute;
top: 48px;
left: 0;
border-top: 1px solid #252525;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
z-index: 2;
}
#header .menu-name-main-menu > ul > li:hover ul{
display: block;
}
#header .menu-name-main-menu > ul > li > ul > li{
list-style: none;
padding: 0px;
margin: 0px;
}
/* Arrow over submenu */
#header .menu-name-main-menu > ul > li > ul > li:first-child:before{
display: block;
position: absolute;
content: "";
width: 13px;
height: 9px;
top: -8px;
left: 18px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDM5NjI3OTlBOUYxMUUyQkZFNDkzNUU4NjQ0RkNCOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDM5NjI3QTlBOUYxMUUyQkZFNDkzNUU4NjQ0RkNCOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMzk2Mjc3OUE5RjExRTJCRkU0OTM1RTg2NDRGQ0I4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMzk2Mjc4OUE5RjExRTJCRkU0OTM1RTg2NDRGQ0I4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UX0VQgAAAMJJREFUeNpiYMAEukDswEACEDAzM1vh7Oy8H59GZiQ2k7S0dJ6lpWXm79+/VdjZ2RVevXr1ECj+AKcmVlZWR3d39zYgU+jy5csMv379UgAaglUjTJOso6Njv5iYmP6VK1cYvn//Dhb88+cPVo0gTewaGhp1enp64Q8fPmR8+fIlilOwaWTm5+ePcHJyqvr69SvnzZs3sXocXSMz0B9Lubm55S9dugSSxBmsSBoVGVNSUv5fu3aNAcghKk4UFBQYAAIMABmnXIrEaEqnAAAAAElFTkSuQmCC');
}
#header .menu-name-main-menu > ul > li > ul > li.first:hover:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQyMTIwMzlBQkExMUUyQUIxQkU0RUY0OThBMTA1QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQyMTIwNDlBQkExMUUyQUIxQkU0RUY0OThBMTA1QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFENDIxMjAxOUFCQTExRTJBQjFCRTRFRjQ5OEExMDVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFENDIxMjAyOUFCQTExRTJBQjFCRTRFRjQ5OEExMDVDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yU8vaAAAAHJJREFUeNpiYMAOdIHYgYEEINDZ0bFi1cqV+4nVyOTq6lr+/du3H////ftPlEYeHh6ne3fvPgJpgGFCGmWBCvYhayCkkT01NXXC3z9//mHThFWjurp69Lu3b9/j0oBNY8PxY8cuEdKArJERxGAgEQAEGAA4erhQkVrEKgAAAABJRU5ErkJggg==');
}
#header .menu-name-main-menu > ul > li > ul > li > a{
display: block;
color: #fffefe;
font-size: 16px;
text-decoration: none;
padding: 15px 17px 15px 17px;
white-space: nowrap;
border-left: 1px solid #646464;
}
#header .menu-name-main-menu > ul > li > ul > li.first a{
border-top: 1px solid #646464;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}
#header .menu-name-main-menu > ul > li > ul > li > a:hover{
background: #fffefe;
border-left: 1px solid #fffefe;
color: #242424;
}
#header .menu-name-main-menu > ul > li > ul > li.first > a:hover {
border-top: 1px solid #fffefe;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}
#header .menu-name-main-menu > ul > li > ul > li.last > a:hover{
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}
/* Menu: Pink menu */
.block.menu-pinkmenu.grid_2{
width: 152px; /* Custom grid width */
}
#header .menu-name-menu-pinkmenu{
margin: 0;
padding: 0;
}
#header .menu-name-menu-pinkmenu ul li{
float: left;
list-style: none;
padding: 0px;
margin: 0px;
border-top: 1px solid #930626;
border-left: 1px solid #960929;
border-right: 1px solid #970a2a;
-webkit-border-radius: 0 2px 0 0;
-moz-border-radius: 0 2px 0 0;
border-radius: 0 2px 0 0;
}
#header .menu-name-menu-pinkmenu ul li a{
display: block;
width: 150px; /* Custom grid size without border (2px) */
text-decoration: none;
padding: 9px 0 11px 0;
border-top: 1px solid #ee8eb5;
text-align: center;
font-size: 20px;
color: #eaeaea; /* TMP */
/*text-shadow: 0px -1px 0px rgba(131, 3, 9, 0.7);*/
text-shadow: 0px -1px 1px #830309;
-webkit-border-radius: 0 2px 0 0;
-moz-border-radius: 0 2px 0 0;
border-radius: 0 2px 0 0;
}
#header .menu-name-menu-pinkmenu ul li a:hover,
#header .menu-name-menu-pinkmenu ul li a.active{
}
/* Menu: Top menu */
.block.menu-top-menu{
float: right;
}
#header .menu-name-menu-top-menu{
margin: 0;
padding: 0;
}
#header .menu-name-menu-top-menu ul li{
float: left;
margin: 0;
padding: 0;
list-style: none;
background: rgba(0,0,0,0.7);
}
/*
#header .menu-name-menu-top-menu ul li.first{
-webkit-border-radius: 0 0 0 3px;
-moz-border-radius: 0 0 0 3px;
border-radius: 0 0 0 3px;
}
*/
#header .menu-name-menu-top-menu ul li.last{
-webkit-border-radius: 0 0 2px 0;
-moz-border-radius: 0 0 2px 0;
border-radius: 0 0 2px 0;
}
#header .menu-name-menu-top-menu ul li.first.last{
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}
#header .menu-name-menu-top-menu ul li a{
display: block;
padding: 5px 0 7px 14px;
font-size: 11px;
color: #fff;
text-decoration: none;
}
#header .menu-name-menu-top-menu ul li.last a{
padding-right: 14px;
}
#header .menu-name-menu-top-menu ul li a:hover{
text-decoration: underline;
}
/* Language switcher */
#header #block-abbathemuseum-mod-language-switcher-block-se,
#header #block-abbathemuseum-mod-language-switcher-block-en{
float: right;
background: rgba(0,0,0,0.7);
-webkit-border-radius: 0 0 0 2px;
-moz-border-radius: 0 0 0 2px;
border-radius: 0 0 0 2px;
}
#header #block-abbathemuseum-mod-language-switcher-block-se .contextual-links-wrapper,
#header #block-abbathemuseum-mod-language-switcher-block-en .contextual-links-wrapper{
position: absolute;
top: -1000px;
}
#header .language-switcher{
margin: 2px 0 4px 5px;
position: relative;
}
#header .language-switcher .selected{
}
#header .language-switcher .selected .flag{
width: 20px;
padding: 3px 12px 3px 3px;
border: 1px solid rgba(0,0,0,0.7);
background: rgba(0,0,0,0.7);
background-image: url(../images/language-arrow.png);
background-repeat: no-repeat;
background-position: 25px 8px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
#header .language-switcher .selected img{
display: block;
width: 20px;
height: 13px;
}
#header .language-switcher .menu{
position: absolute;
z-index: 4000;
background: rgba(0,0,0,0.7);
border: 1px solid rgba(0, 0, 0, 0.27);
margin-left: -1px;
margin-top: 3px;
color: #fffefe;
font-size: 11px;
padding: 5px 0 5px 0;
display: none;
}
#header .language-switcher .menu .holder{
position: relative;
}
#header .language-switcher .menu .item{
padding: 3px 4px 3px 4px;
cursor: pointer;
line-height: 13px;
}
#header .language-switcher .menu .item:hover{
background: #fff;
color: #313131;
}
#header .language-switcher .menu .item .image{
position: absolute;
}
#header .language-switcher .menu .item .image img{
display: block;
}
#header .language-switcher .menu .item .text{
float: left;
padding: 0 6px 0 26px;
}
/**
* Main content
*/
#main-content .block-system .node .field-name-field-page-text h1{
margin-top: 29px;
}
#main-content .block-system .node .field-name-field-page-text p{
margin-bottom: 12px;
}
.page-title{
/*border-top: 1px solid #000;*/
}
.page-title h1{
font-family: 'News Gothic W01';
font-size: 22px;
color: #000;
padding: 23px 0 4px 0;
font-weight: normal;
border-bottom: 1px solid #c3c3c3;
margin: 0 15px 8px 15px;
}
.page-subtitle h2{
font-family: 'News Gothic W01';
font-size: 22px;
color: #383838;
padding: 23px 0 4px 0;
font-weight: normal;
border-bottom: 1px solid #c3c3c3;
margin: 0 15px 8px 15px;
}
.field-name-field-page-text a{
font-family: 'News Gothic W01 Bold706740';
text-decoration: none;
color: #000;
}
.field-name-field-page-text a:hover{
text-decoration: underline;
}
.node .links.inline{
display: none;
}
/**
* Logout button
*/
.log-out-button{
position: absolute;
top: 30px;
right: 30px;
}
.log-out-button .button-holder{
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align: center;
border: 1px solid #c3c3c3;
cursor: pointer;
line-height: 28px;
background: #5ac2bd;
border: 1px solid #44938f;
-webkit-box-shadow: 0px 1px 0px rgba(44, 95, 93, 0.75);
-moz-box-shadow: 0px 1px 0px rgba(44, 95, 93, 0.75);
box-shadow: 0px 1px 0px rgba(44, 95, 93, 0.75);
width: 85px;
/*height: 35px;*/
overflow: hidden;
}
.log-out-button .button-holder:hover,
.log-out-button .button-holder:active{
background: #4ebab4; /* Old browsers */
background: -moz-linear-gradient(top, #4ebab4 0%, #66cac6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ebab4), color-stop(100%,#66cac6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4ebab4 0%,#66cac6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4ebab4 0%,#66cac6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4ebab4 0%,#66cac6 100%); /* IE10+ */
background: linear-gradient(to bottom, #4ebab4 0%,#66cac6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ebab4', endColorstr='#66cac6',GradientType=0 ); /* IE6-9 */
}
.log-out-button .button-holder a{
display: inline-block;
font-family: 'News Gothic W01';
background: none;
color: #000;
text-decoration: none;
width: 100%;
cursor: pointer;
background-image: none;
line-height: auto;
border-top: 1px solid #81d1cd;
text-shadow: 0px -1px 0px rgba(61, 131, 128, 1);
color: #fff;
font-size: 16px;
padding: 3px 0 5px 0;
font-family: 'News Gothic W01 Bold706740';
}
.front #header{
}
.front #main-content{
z-index: 1001;
}
#main-content{
position: relative;
background: #fafafa;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
padding: 15px 0 160px 0;
}
#main-content .node-page p{
color: #434343;
padding: 0 15px 20px 15px;
}
#main-content .node-page p.maintainance{
color: #df518a;
padding: 0 15px 20px 15px;
}
.block{
word-wrap: break-word;
}
/* Lyrics view block */
.block .view-id-lyrics{
list-style: none;
margin: 1px 0 0 0;
}
.block .view-id-lyrics .letter-header{
font-family: 'News Gothic W01 Bold706740';
border-bottom: 1px solid #d0d0d0;
padding: 0 7px 0 7px;
margin: 0;
line-height: 17px;
}
.block .view-id-lyrics .letter-family{
padding: 8px 5px 23px 5px;
}
.block .view-id-lyrics .letter-family .rows{
border-top: 1px solid #9f9f9f;
padding: 8px 0 0 0;
}
.block .view-id-lyrics .letter-family a{
color: #e3548e;
}
.block .view-id-lyrics .letter-family .views-field .field-content a:before{
content: '- ';
}
/**
* Your page
*/
.node-your-page .webform-new-row{
width: 100%;
}
.node-your-page .form-type-checkbox{
margin-top: 15px;
}
.node-your-page .form-type-checkbox label a{
font-family: 'News Gothic W01 Bold706740';
text-decoration: none;
color: #000;
}
.node-your-page .form-type-checkbox label a:hover{
text-decoration: underline;
}
.node-your-page #conditions{
width: 100%;
display: none;
float: left;
}
.node-your-page #conditions .page-subtitle h2{
margin-left: 0;
margin-right: 0;
}
.node-your-page #conditions p{
padding-left: 0;
padding-right: 0;
}
/**
* Your page - logged in
*/
.page-your-page-logged-in #block-system-main{
position: static;
}
.page-your-page-logged-in .message-holder{
display: none;
}
/**
* Your page - logged in [BLOCKS]
*/
.node-your-page-logged-in .blocks{
margin-top: 20px;
}
.page-your-page-logged-in #main-content .node-page p{
padding: 0 0 19px 0;
}
.node-your-page-logged-in .block .icon-holder{
float: right;
margin-top: -38px;
margin-right: 5px;
}
.node-your-page-logged-in .custom_audio_block .icon-holder{
margin-top: 8px;
}
.node-your-page-logged-in .block .icon-holder .icon{
float: left;
text-indent: -10000px;
margin-left: 6px;
border: 1px solid #cd7576;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0px rgba(172, 115, 116, 0.75);
-moz-box-shadow: 0px 1px 0px rgba(172, 115, 116, 0.75);
box-shadow: 0px 1px 0px rgba(172, 115, 116, 0.75);
}
.node-your-page-logged-in .custom_audio_block .icon-holder .icon{
float: left;
text-indent: -10000px;
margin-left: 6px;
border: 1px solid #52afac;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0px rgba(70, 161, 158, 0.75);
-moz-box-shadow: 0px 1px 0px rgba(70, 161, 158, 0.75);
box-shadow: 0px 1px 0px rgba(70, 161, 158, 0.75);
}
.node-your-page-logged-in .block .icon-holder .icon.icon-delete{
display: none;
}
.node-your-page-logged-in .block .icon-holder .icon a{
display: block;
width: 33px;
height: 30px;
border-top: 1px solid #a0dcda;
background-color: #f5a4a5;
}
.node-your-page-logged-in .custom_audio_block .icon-holder .icon a{
display: block;
width: 33px;
height: 30px;
background-color: #65c6c3;
}
.node-your-page-logged-in .block .icon-holder .icon.icon-facebook a{
background-image: url(../images/icon-facebook.png);
background-position: 1px 1px;
}
.node-your-page-logged-in .block .icon-holder .icon.icon-delete a{
background-image: url(../images/icon-delete.png);
background-position: 1px -1px;
}
.node-your-page-logged-in .block .icon-holder .icon.icon-download a{
background-image: url(../images/icon-download.png);
background-position: 1px 0;
}
/*
Share
*/
.node-your-page-logged-in .block .icon-holder .icon-share{
text-indent: 0;
position: relative;
}
.node-your-page-logged-in .block .icon-holder .icon-share .share-toggle{
display: block;
width: 64px;
height: 30px;
border-top: 1px solid #f5b7b8;
background-color: #f5a4a5;
cursor: pointer;
color: #ffffff;
text-decoration: none;
line-height: 30px;
white-space: nowrap;
text-align: center;
}
.node-your-page-logged-in .block .icon-holder .share-media-list{
display: none;
position: absolute;
z-index: 999;
width: 100%;
margin-top: 2px;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
}
.node-your-page-logged-in .block .icon-holder .share-media-list .share-link,
.node-your-page-logged-in .block.custom_audio_block .icon-holder .share-media-list .share-link,
.node-your-page-logged-in .block.block-header-on-color-block.purple-block-header-on-color-block .icon-holder .share-media-list .share-link,
.node-your-page-logged-in .block.block-header-on-color-block.green-block-header-on-color-block .icon-holder .share-media-list .share-link,
.node-your-page-logged-in .block.block-header-on-color-block.blue-block-header-on-color-block .icon-holder .share-media-list .share-link{
background: #ffffff;
color: #222222;
font-size: 10px;
width: 100%;
text-decoration: none;
line-height: 30px;
text-indent: 8px;
white-space: nowrap;
border: none;
}
/* --- Audioplayer --- */
.node-your-page-logged-in .block.custom_audio_block{
border: 1px solid #ededed;
background: #65c6c3;
margin-bottom: 15px;
}
.node-your-page-logged-in .block.custom_audio_block .title-container{
float: left;
height: 50px;
font-family: 'NewsGothicW01-BoldObliq';
font-size: 18px;
font-weight: normal;
line-height: 50px;
text-transform: uppercase;
color: #fff;
padding: 0 17px 0 11px;
}
.node-your-page-logged-in .block.custom_audio_block .title-container h2{
font-weight: normal;
font-size: 18px;
}
.node-your-page-logged-in .block.custom_audio_block .audio-player-wrapper{
float: left;
width: 418px;
}
.node-your-page-logged-in .block.custom_audio_block .score{
float: left;
height: 50px;
line-height: 52px;
text-transform: uppercase;
width: 215px;
}
#main-content .node-your-page-logged-in .block.custom_audio_block .score p.white{
color: #fff;
padding: 0;
}
.node-your-page-logged-in .block.custom_audio_block .score .label{
float: left;
font-family: 'NewsGothicW01-BoldObliq';
font-size: 14px;
padding: 0 0 0 19px;
}
.node-your-page-logged-in .block.custom_audio_block .score .score-number{
float: left;
font-family: 'NewsGothicW01-BoldObliq';
font-size: 34px;
padding: 0 0 0 8px;
}
/*.node-your-page-logged-in .block.blue-block-header-on-color-block .icon-holder{
margin-top: -47px;
margin-right: 0;
padding-top: 9px;
padding-right: 5px;
height: 41px;
}*/
.node-your-page-logged-in .block.blue-block-header-on-color-block .icon-holder .icon{
border: 1px solid #52afac;
-webkit-box-shadow: 0px 1px 0px rgba(44, 95, 93, 0.75);
-moz-box-shadow: 0px 1px 0px rgba(44, 95, 93, 0.75);
box-shadow: 0px 1px 0px rgba(44, 95, 93, 0.75);
}
.node-your-page-logged-in .block.blue-block-header-on-color-block .icon-holder .icon a{
background-color: #65c6c3;
border-top: 1px solid #a0dcda;
}
.node-your-page-logged-in .block #audio-player{
outline: none;
}
.node-your-page-logged-in .block .audio-player-wrapper .top,
.node-your-page-logged-in .block .audio-player-wrapper .bottom {
width: 100%;
height: 5px;
background: #5AB5B4;
}
.node-your-page-logged-in .block .audio-player-wrapper .top .left,
.node-your-page-logged-in .block .audio-player-wrapper .bottom .left {
width: 50px;
height: 5px;
background: #408282;
}
/* --- Score --- */
.node-your-page-logged-in .block.score .field-item{
text-align: center;
}
#main-content .node-your-page-logged-in .block.score .field-item.title p{
font-family: 'NewsGothicW01-BoldObliq';
text-transform: uppercase;
font-weight: normal;
font-size: 14px;
margin-top: 10px;
}
#main-content .node-your-page-logged-in .block.score .field-item.score p{
font-family: 'NewsGothicW01-BoldObliq';
text-transform: uppercase;
font-weight: normal;
font-size: 72px;
margin-top: 10px;
margin-bottom: 50px;
}
/* --- Purple --- */
.node-your-page-logged-in .block.block-header-on-color-block.purple-block-header-on-color-block .icon-holder .icon{
border: 1px solid #9797ba;
-webkit-box-shadow: 0px 1px 0px rgba(86, 86, 115, 0.75);
-moz-box-shadow: 0px 1px 0px rgba(86, 86, 115, 0.75);
box-shadow: 0px 1px 0px rgba(86, 86, 115, 0.75);
}
.node-your-page-logged-in .block.block-header-on-color-block.purple-block-header-on-color-block .icon a{
background-color: #adadde;
border-top: 1px solid #cccceb;
}
#main-content .node-your-page-logged-in .block.score.block-header-on-color-block.purple-block-header-on-color-block .field-item p{
color: #ADACE0;
}
/* --- Green --- */
.node-your-page-logged-in .block.block-header-on-color-block.green-block-header-on-color-block .icon-holder .icon{
border: 1px solid #66a58b;
-webkit-box-shadow: 0px 1px 0px rgba(63, 104, 87, 0.75);
-moz-box-shadow: 0px 1px 0px rgba(63, 104, 87, 0.75);
box-shadow: 0px 1px 0px rgba(63, 104, 87, 0.75);
}
.node-your-page-logged-in .block.block-header-on-color-block.green-block-header-on-color-block .icon a{
background-color: #7bc7a7;
border-top: 1px solid #9bd4bc;
}
#main-content .node-your-page-logged-in .block.score.block-header-on-color-block.green-block-header-on-color-block .field-item p{
color: #71C6A3;
}
/* --- Peach --- */
#main-content .node-your-page-logged-in .block.score.block-header-on-color-block.peach-block-header-on-color-block .field-item p{
color: #f7a4a4;
}
.dressingroom-images .field-items .field-item{
margin-top: 15px;
}
.dressingroom-images .field-items .field-item img{
max-width: 100%;
}
.logged-in-media-fallback{
overflow: hidden;
background: #cdcdcd;
text-align: center;
}
/**
* Footer
*/
#footer{
background: #000;
color: #d7d8d8;
font-size: 13px;
width: 960px;
padding: 0 7px 0 8px;
position: relative;
z-index: 1001;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
/**
* Changes in the grid
*/
#footer .block.grid_1{
width: 80px;
}
#footer .block.grid_1.col-end-12{
width: 65px;
}
#footer .block.grid_2{
width: 160px;
}
#footer .block.grid_2.col-end-12{
width: 145px;
}
#footer .block.grid_3{
width: 240px;
}
#footer .block.grid_3.col-end-12{
width: 225px;
}
#footer .block.grid_4{
width: 320px;
}
#footer .block.grid_4.col-end-12{
width: 305px;
}
#footer .block.grid_5{
width: 400px;
}
#footer .block.grid_5.col-end-12{
width: 385px;
}
#footer .block.grid_6{
width: 480px;
}
#footer .block.grid_6.col-end-12{
width: 465px;
}
#footer .block.grid_7{
width: 560px;
}
#footer .block.grid_7.col-end-12{
width: 545px;
}
#footer .block.grid_8{
width: 640px;
}
#footer .block.grid_8.col-end-12{
width: 625px;
}
#footer .block.grid_9{
width: 720px;
}
#footer .block.grid_9.col-end-12{
width: 705px;
}
#footer .block.grid_10{
width: 800px;
}
#footer .block.grid_10.col-end-12{
width: 785px;
}
#footer .block.grid_11{
width: 880px;
}
#footer .block.grid_11.col-end-12{
width: 865px;
}
#footer .block.grid_12{
width: 960px;
}
#footer .block.grid_12.col-end-12{
width: 945px;
}
#footer .block{
margin: 0;
}
#footer .block.last{
padding-bottom: 5px;
}
#footer .block h2{
border-bottom: 1px solid #d7d8d8;
font-weight: normal;
font-size: 16px;
padding: 15px 15px 8px 0;
margin: 0 0 11px 0;
}
#footer .block p{
font-size: 13px;
padding-right: 15px;
line-height: 20px;
}
#footer .block ul.menu li{
list-style: none;
margin: 0;
padding: 0;
line-height: 20px;
}
#footer .block ul.menu li a,
#footer .block .node .content p a{
display: inline-block;
color: #d7d8d8;
font-family: 'News Gothic W01 Bold706740';
text-decoration: none;
background: url(../images/block_link_arrow_white.png);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 16px;
}
#footer .block ul.menu li a:hover,
#footer .block .node .content p a:hover{
text-decoration: underline;
}
#footer .field-type-field-collection{
padding-top: 9px;
}
#footer .field-type-field-collection > .field-items{
margin: 0 0 0 15px;
}
#footer .field-type-field-collection > .field-items > .field-item{
display: inline-table;
vertical-align: middle;
margin: 0 33px 0 0;
}
/* CLEARFIX */
#footer .field-type-field-collection,
#footer .field-type-field-collection > .field-items,
#header .menu-name-menu-pinkmenu ul:after,
#header .menu-name-main-menu ul:after{
content: "";
display: table;
clear: both;
}
#page-ending{
margin-bottom: 80px;
color: #fff;
}
/* Share page */
.page-share #header{
background: #000000;
margin-bottom: 42px;
color: #ffffff;
}
.page-share #header a{
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
.page-share #share-header-content,
.page-share #share-header-url{
padding: 40px 0;
}
.page-share #share-header-content{
text-align: center;
cursor: default;
}
.page-share #share-header-content span{
padding: 0 40px;
display: block;
}
.page-share #share-header-url{
text-align: right;
}
.page-share #main-content{
background: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.page-share #share-container-box{
background: #e7e7e7;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);
}
.page-share .share-container-box-header{
background: #2a2a2a;
height: 132px;
background-position: center center;
background-repeat: no-repeat;
}
.page-share .share-container-box-content{
padding: 20px 20px 0;
}
/* Points */
.page-share .share-content-container.points{
border: 1px solid #e6718d;
text-align: center;
margin: 20px;
}
.page-share .share-content-heading{
background: #e7e7e7;
color: #e52955;
font-size: 26px;
font-weight: 100;
width: 150px;
margin: -20px auto 0;
}
.page-share .share-content-points{
font-size: 140px;
line-height: 165px;
font-style: italic;
font-weight: bold;
}
.page-share .share-container-box-content .field-name-field-area-image-collection{
width: 465px;
margin-left: auto;
margin-right: auto;
border: 4px solid #ffffff;
}
.page-share .share-container-box-footer{
padding: 15px 0 18px;
margin: 0 auto;
width: 315px;
}
.page-share .share-container-box-footer .share{
float: left;
}
.page-share .share-container-box-footer .share.fb-like{
margin-right: 20px;
margin-left: 70px;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* CHOIR */
#webform-client-form-847 #webform-component-justification{
width: 916px;
}
/*
#webform-client-form-847 .webform-component-email{
width: 916px;
}
*/
/*
#webform-client-form-847 .webform-component-email .input-holder{
width: 448px;
}
*/
#webform-client-form-847 .form-item-submitted-compete-compete{
padding-top: 15px;
padding-left: 15px;
}
/*
#webform-client-form-847 .submit-holder:last-child{
float: right;
}
*/