Edit Banner Image: 960 x 185px
Edit Heading
/*
Some Style Themes enhanced with background textures provided by http://subtlepatterns.com/
*/
.yola_bg_overlay{
display:table;
position:absolute;
min-height: 100%;
min-width: 100%;
width:100%;
height:100%;
/* startbgcolor: '@body_background-color' */
background-color: @body_background-color_hex;
zoom: 1; /* hasLayout */
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{body_background-color_argb}', endColorstr='@{body_background-color_argb}'); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{body_background-color_argb}', endColorstr='@{body_background-color_argb}')"; /* IE 8+ */
background-color: @body_background-color ; /* endbgcolor */
background-image: url(@body_background-image);
background-repeat: @body_background-repeat;
background-attachment: @body_background-attachment;
background-position: @body_background-position;
background-size: @body_background-size;
-webkit-background-size: @body_background-size;
-moz-background-size: @body_background-size;
-o-background-size: @body_background-size;
}
.yola_outer_content_wrapper {
padding-top: @body_padding-top;
padding-right: @body_padding-right;
padding-bottom: @body_padding-bottom;
padding-left: @body_padding-left;
}
.yola_inner_bg_overlay {
display: table-cell;
width:100%;
height:100%;
/* startbgcolor: '@body_foreground-color' */
background-color: @body_foreground-color_hex;
zoom: 1; /* hasLayout */
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{body_foreground-color_argb}', endColorstr='@{body_foreground-color_argb}'); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{body_foreground-color_argb}', endColorstr='@{body_foreground-color_argb}')"; /* IE 8+ */
background-color: @body_foreground-color ; /* endbgcolor */
vertical-align: @page_vertical-align;
}
.yola_banner_wrap {
text-align: center;
margin: 0 auto;
}
.yola_outer_heading_wrap {
text-align: center;
margin: 0 auto;
display: table;
width:100%;
text-align: center;
background-attachment: scroll;
/* startbgcolor: '@banner_background-color' */
background-color: @banner_background-color_hex;
zoom: 1; /* hasLayout */
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{banner_background-color_argb}', endColorstr='@{banner_background-color_argb}'); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{banner_background-color_argb}', endColorstr='@{banner_background-color_argb}')"; /* IE 8+ */
background-color: @banner_background-color ; /* endbgcolor */
max-width: @banner_max-width;
background-position: @banner_background-position;
background-size: @banner_background-size;
background-repeat: @banner_background-repeat;
background-image: url(@banner_src);
}
.yola_inner_heading_wrap {
display: table-cell;
vertical-align: middle;
margin: 0 auto;
text-align: center;
/* startbgcolor: '@header_background-color' */
background-color: @header_background-color_hex;
zoom: 1; /* hasLayout */
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{header_background-color_argb}', endColorstr='@{header_background-color_argb}'); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{header_background-color_argb}', endColorstr='@{header_background-color_argb}')"; /* IE 8+ */
background-color: @header_background-color ; /* endbgcolor */
}
.yola_innermost_heading_wrap {
margin: 0 auto;
max-width: @banner_content_max-width;
padding-top:@banner_padding-top;
padding-right:@banner_padding-right;
padding-bottom:@banner_padding-bottom;
padding-left:@banner_padding-left;
}
.yola_banner_wrap nav {
margin: 0 auto;
max-width: @banner_max-width;
padding-top:@nav_padding-top;
padding-right:@nav_padding-right;
padding-bottom:@nav_padding-bottom;
padding-left:@nav_padding-left;
/* startbgcolor: '@nav_background-color' */
background-color: @nav_background-color_hex;
zoom: 1; /* hasLayout */
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{nav_background-color_argb}', endColorstr='@{nav_background-color_argb}'); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{nav_background-color_argb}', endColorstr='@{nav_background-color_argb}')"; /* IE 8+ */
background-color: @nav_background-color ; /* endbgcolor */
}
.yola_inner_nav_wrap {
margin: 0 auto;
max-width: @banner_content_max-width;
}
.yola_banner_wrap nav ul.sys_navigation {
text-align: @nav_text-align;
}
.yola_banner_wrap h1 {
text-align: @h1_text-align;
margin:0;
}
.yola_site_tagline {
margin:0;
font-family: @site_tagline_font-family;
font-weight: @site_tagline_font-weight;
font-size: @site_tagline_font-size;
color: @site_tagline_color;
text-decoration: @site_tagline_text-decoration;
letter-spacing: @site_tagline_letter-spacing;
line-height: @site_tagline_line-height;
text-transform: @site_tagline_text-transform;
text-align: @site_tagline_text-align;
}
.yola_site_tagline span {
display: inline-block;
margin: @site_tagline_margin-top 0 0 0;
padding-top:@site_tagline_padding-top;
padding-right:@site_tagline_padding-right;
padding-bottom:@site_tagline_padding-bottom;
padding-left:@site_tagline_padding-left;
/* startbgcolor: '@site_tagline_background-color' */
background-color: @site_tagline_background-color_hex;
zoom: 1; /* hasLayout */
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{site_tagline_background-color_argb}', endColorstr='@{site_tagline_background-color_argb}'); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{site_tagline_background-color_argb}', endColorstr='@{site_tagline_background-color_argb}')"; /* IE 8+ */
background-color: @site_tagline_background-color ; /* endbgcolor */
}
ul.sys_navigation {
margin: 0;
padding: 0;
text-align: center;
}
ul.sys_navigation li {
display: inline;
list-style-type: none;
margin:0 @nav_spacing 0 0;
}
.yola_inner_nav_wrap ul.sys_navigation li.first {
margin:0 @nav_spacing 0 0;
}
.yola_inner_nav_wrap ul.sys_navigation li.last, .yola_inner_nav_wrap ul.sys_navigation li.single {
margin:0;
}
.yola_content_wrap {
margin:0 auto;
max-width: @content_max-width;
/* startbgcolor: '@content_background-color' */
background-color: @content_background-color_hex;
zoom: 1; /* hasLayout */
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{content_background-color_argb}', endColorstr='@{content_background-color_argb}'); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{content_background-color_argb}', endColorstr='@{content_background-color_argb}')"; /* IE 8+ */
background-color: @content_background-color ; /* endbgcolor */
}
.yola_content_column {
margin:0 auto;
min-height:200px;
max-width: @content_content_max-width;
}
.yola_inner_content_column {
padding-top:@content_padding-top;
padding-right:@content_padding-right;
padding-bottom:@content_padding-bottom;
padding-left:@content_padding-left;
}
.yola_inner_footer_wrap {
padding: 0 20px;
}
div[id*='sys_region_'] {
padding-left: 0 ! important;
padding-right: 0 ! important;
}
.yola_site_logo {
width: @site_logo_width;
}
#sys_heading.yola_hide_logo img {
display:none;
}
#sys_heading.yola_hide_logo span {
display:inline;
}
#sys_heading.yola_show_logo img {
display:inline;
}
a#sys_heading.yola_show_logo {
font-size:14px;
}
#sys_heading.yola_show_logo span {
display:none;
}
.yola_footer_wrap {
margin:0 auto;
max-width: @content_max-width;
}
.yola_footer_column {
margin:0 auto;
max-width: @content_content_max-width;
display: @footer_display;
}
footer {
padding-top: @footer_padding-top;
padding-right: @footer_padding-right;
padding-bottom: @footer_padding-bottom;
padding-left: @footer_padding-left;
font-family: @footer_font-family;
font-size: @footer_font-size;
color: @footer_color;
line-height: @footer_line-height;
letter-spacing: @footer_letter-spacing;
text-transform: @footer_text-transform;
/* startbgcolor: '@footer_background-color' */
background-color: @footer_background-color_hex;
zoom: 1; /* hasLayout */
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{footer_background-color_argb}', endColorstr='@{footer_background-color_argb}'); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{footer_background-color_argb}', endColorstr='@{footer_background-color_argb}')"; /* IE 8+ */
background-color: @footer_background-color ; /* endbgcolor */
}
span.yola_footer_socialbuttons{
display:inline-block;
line-height:0;
margin:0;
padding:0;
display:inline-block;
position:static;
float:left;
width:146px;
height:20px;
display: @footer_socialbuttons_display;
}
.sys_yola_form .submit, .sys_yola_form input.text, .sys_yola_form textarea {
font-family: @p_font-family;
font-size: @p_font-size;
color: @p_color;
line-height: @p_line-height;
letter-spacing: @p_letter-spacing;
text-transform: @p_text-transform;
}
div.sys_yola_form {
padding:0 !important;
}
div.sys_yola_form form{
margin:0 !important;
padding:0 !important;
}
.sys_layout h2, .sys_txt h2, .sys_layout h3, .sys_txt h3, .sys_layout h4, .sys_txt h4, .sys_layout h5, .sys_txt h5, .sys_layout h6, .sys_txt h6, .sys_layout p, .sys_txt p {
margin-top:0;
}
div[id*='sys_region_'] {
padding:0 !important;
}
blockquote {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
border-left: 3px solid @p_color;;
font-family: @blockquote_font-family;
font-size: @blockquote_font-size;
color: @blockquote_color;
/* startbgcolor: '@blockquote_background-color' */
background-color: @blockquote_background-color_hex;
zoom: 1; /* hasLayout */
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{blockquote_background-color_argb}', endColorstr='@{blockquote_background-color_argb}'); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{blockquote_background-color_argb}', endColorstr='@{blockquote_background-color_argb}')"; /* IE 8+ */
background-color: @blockquote_background-color ; /* endbgcolor */
line-height: @blockquote_line-height;
letter-spacing: @blockquote_letter-spacing;
text-transform: @blockquote_text-transform;
font-style: @blockquote_font-style;
}/* ======================
*
* Site Style Settings
*
=========================*/
/* Paragraph text (p) */
.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout {
font-family: @p_font-family;
font-weight: @p_font-weight;
font-size: @p_font-size;
color: @p_color;
line-height: @p_line-height;
letter-spacing: @p_letter-spacing;
text-transform: @p_text-transform;
}
/* Navigation */
.sys_navigation a, .ys_menu_2, div#menu ul, div#menu ul li a, ul.sys_navigation li a, div.sys_navigation ul li.selected a, div.sys_navigation ul li a, #navigation li a, div.ys_menu ul a:link, div.ys_menu ul a:visited, div.ys_nav ul li a, #sys_banner ul li a {
font-family: @nav_font-family;
font-weight: @nav_font-weight;
font-size: @nav_font-size;
color: @nav_color;
text-decoration: @nav_text-decoration;
letter-spacing: @nav_letter-spacing;
line-height: @nav_line-height;
text-transform: @nav_text-transform;
}
/* Navigation:selected */
div.sys_navigation ul li.selected a, div#menu ul li.selected a, #navigation li.selected a, div.ys_menu ul li.selected a:link, div.ys_menu ul li.selected a:visited, div.ys_nav ul li.selected a, #sys_banner ul li.selected a {
color: @nav_selected_color;
}
/* Navigation:hover */
div.sys_navigation ul li a:hover, div#menu ul li a:hover, #navigation li a:hover, div.ys_menu ul a:hover, div.ys_nav ul li a:hover, div.ys_menu ul li a:hover, #sys_banner ul li a:hover {
color: @nav_hover_color;
}
/* Site Title */
#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a {
font-family: @h1_font-family;
font-weight: @h1_font-weight;
font-size: @h1_font-size;
color: @h1_color;
text-decoration: @h1_text-decoration;
letter-spacing: @h1_letter-spacing;
line-height: @h1_line-height;
text-transform: @h1_text-transform;
}
/* Hyperlinks (a, a:hover, a:visited) */
a, .sys_txt a:link, .sys_layout a:link {color: @a_link_color;}
a, .sys_txt a:link, .sys_layout a:link {text-decoration: @a_link_text-decoration;}
a:visited, .sys_txt a:visited, .sys_layout a:visited {color: @a_visited_color;}
a:hover, .sys_txt a:hover, .sys_layout a:hover {color: @a_hover_color;}
a:hover, .sys_txt a:hover, .sys_layout a:hover {text-decoration: @a_hover_text-decoration;}
/* Headings (h2, h3, h4, h5, h6) */
.sys_layout h2, .sys_txt h2 {
font-family: @h2_font-family;
font-weight: @h2_font-weight;
font-size: @h2_font-size;
color: @h2_color;
text-decoration: @h2_text-decoration;
letter-spacing: @h2_letter-spacing;
line-height: @h2_line-height;
text-transform: @h2_text-transform;
}
.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited {
font-family: @h2_font-family;
font-weight: @h2_font-weight;
font-size: @h2_font-size;
color: @h2_color;
letter-spacing: @h2_letter-spacing;
line-height: @h2_line-height;
text-transform: @h2_text-transform;
}
.sys_layout h3, .sys_txt h3 {
font-family: @h3_font-family;
font-weight: @h3_font-weight;
font-size: @h3_font-size;
color: @h3_color;
text-decoration: @h3_text-decoration;
letter-spacing: @h3_letter-spacing;
line-height: @h3_line-height;
text-transform: @h3_text-transform;
}
.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited {
font-family: @h3_font-family;
font-weight: @h3_font-weight;
font-size: @h3_font-size;
color: @h3_color;
letter-spacing: @h3_letter-spacing;
line-height: @h3_line-height;
text-transform: @h3_text-transform;
}
.sys_layout h4, .sys_txt h4 {
font-family: @h4_font-family;
font-weight: @h4_font-weight;
font-size: @h4_font-size;
color: @h4_color;
text-decoration: @h4_text-decoration;
letter-spacing: @h4_letter-spacing;
line-height: @h4_line-height;
text-transform: @h4_text-transform;
}
.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited {
font-family: @h4_font-family;
font-weight: @h4_font-weight;
font-size: @h4_font-size;
color: @h4_color;
letter-spacing: @h4_letter-spacing;
line-height: @h4_line-height;
text-transform: @h4_text-transform;
}
.sys_layout h5, .sys_txt h5 {
font-family: @h5_font-family;
font-weight: @h5_font-weight;
font-size: @h5_font-size;
color: @h5_color;
text-decoration: @h5_text-decoration;
letter-spacing: @h5_letter-spacing;
line-height: @h5_line-height;
text-transform: @h5_text-transform;
}
.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited {
font-family: @h5_font-family;
font-weight: @h5_font-weight;
font-size: @h5_font-size;
color: @h5_color;
letter-spacing: @h5_letter-spacing;
line-height: @h5_line-height;
text-transform: @h5_text-transform;
}
.sys_layout h6, .sys_txt h6 {
font-family: @h6_font-family;
font-weight: @h6_font-weight;
font-size: @h6_font-size;
color: @h6_color;
text-decoration: @h6_text-decoration;
letter-spacing: @h6_letter-spacing;
line-height: @h6_line-height;
text-transform: @h6_text-transform;
}
.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited {
font-family: @h6_font-family;
font-weight: @h6_font-weight;
font-size: @h6_font-size;
color: @h6_color;
letter-spacing: @h6_letter-spacing;
line-height: @h6_line-height;
text-transform: @h6_text-transform;
}
/*button widget*/
.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
display:inline-block;
text-decoration: none;
}
.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
cursor:pointer;
}
.sys_layout .sys_button a {
cursor:default;
}
.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link {
border-radius:0px;
}
.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link {
border-radius:3px;
}
.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link {
border-radius:90px;
}
/*button sizes*/
.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-family: @button_small_font-family;font-weight: @button_small_font-weight;font-size: @button_small_font-size;line-height: @button_small_line-height;letter-spacing: @button_small_letter-spacing;text-transform: @button_small_text-transform;padding-top:@button_small_padding-top;padding-bottom:@button_small_padding-top;padding-left:@button_small_padding-left;padding-right:@button_small_padding-left;}
.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-family: @button_medium_font-family;font-weight: @button_medium_font-weight;font-size: @button_medium_font-size;line-height: @button_medium_line-height;letter-spacing: @button_medium_letter-spacing;text-transform: @button_medium_text-transform;padding-top:@button_medium_padding-top;padding-bottom:@button_medium_padding-top;padding-left:@button_medium_padding-left;padding-right:@button_medium_padding-left;}
.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-family: @button_large_font-family;font-weight: @button_large_font-weight;font-size: @button_large_font-size;line-height: @button_large_line-height;letter-spacing: @button_large_letter-spacing;text-transform: @button_large_text-transform;padding-top:@button_large_padding-top;padding-bottom:@button_large_padding-top;padding-left:@button_large_padding-left;padding-right:@button_large_padding-left;}
/*button styles:small*/
.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link {
border-color:@button_small_background-color;
color: @button_small_background-color;
border-style: solid;
border-width: 2px;
}
.sys_layout .sys_button.small.outline a:visited {
color: @button_small_background-color;
}
.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link {
/* startbgcolor: '@button_small_background-color' */
background-color: @button_small_background-color_hex;
zoom: 1; /* hasLayout */
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{button_small_background-color_argb}', endColorstr='@{button_small_background-color_argb}'); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{button_small_background-color_argb}', endColorstr='@{button_small_background-color_argb}')"; /* IE 8+ */
background-color: @button_small_background-color ; /* endbgcolor */
color: @button_small_color;
border-color:@button_small_background-color;
border-style: solid;
border-width: 2px;
}
.sys_layout .sys_button.small.solid a:visited {
color: @button_small_color;
}
.sys_layout .sys_button.small.outline a:hover {
background-color: @button_small_background-color;
color: @button_small_color;
text-decoration: none;
}
/*button styles:medium*/
.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link {
border-color:@button_medium_background-color;
color: @button_medium_background-color;
border-style: solid;
border-width: 2px;
}
.sys_layout .sys_button.medium.outline a:visited {
color: @button_medium_background-color;
}
.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link {
/* startbgcolor: '@button_medium_background-color' */
background-color: @button_medium_background-color_hex;
zoom: 1; /* hasLayout */
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{button_medium_background-color_argb}', endColorstr='@{button_medium_background-color_argb}'); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{button_medium_background-color_argb}', endColorstr='@{button_medium_background-color_argb}')"; /* IE 8+ */
background-color: @button_medium_background-color ; /* endbgcolor */
color: @button_medium_color;
border-color:@button_medium_background-color;
border-style: solid;
border-width: 2px;
}
.sys_layout .sys_button.medium.solid a:visited {
color: @button_medium_color;
}
.sys_layout .sys_button.medium.outline a:hover {
background-color: @button_medium_background-color;
color: @button_medium_color;
text-decoration: none;
}
/*button styles:large*/
.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link {
border-color:@button_large_background-color;
color: @button_large_background-color;
border-style: solid;
border-width: 2px;
}
.sys_layout .sys_button.large.outline a:visited {
color: @button_large_background-color;
}
.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link {
/* startbgcolor: '@button_large_background-color' */
background-color: @button_large_background-color_hex;
zoom: 1; /* hasLayout */
background: transparent\9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{button_large_background-color_argb}', endColorstr='@{button_large_background-color_argb}'); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='@{button_large_background-color_argb}', endColorstr='@{button_large_background-color_argb}')"; /* IE 8+ */
background-color: @button_large_background-color ; /* endbgcolor */
color: @button_large_color;
border-color:@button_large_background-color;
border-style: solid;
border-width: 2px;
}
.sys_layout .sys_button.large.solid a:visited {
color: @button_large_color;
}
.sys_layout .sys_button.large.outline a:hover {
background-color: @button_large_background-color;
color: @button_large_color;
text-decoration: none;
}
.sys_layout .sys_button.solid a:hover {
text-decoration: none;
opacity: .8;
}
Paamiut the town of towns!
Double click to upload a photo
The Greenlandic name for Paamiut city means 'those who live at the mouth' and reflects the location at the end of Kuannersooq fjord. Former Danish, and no longer used name of the city was Frederikshåb .
Map Data
Map data ©2014 Google
Loading...