Taylohtio/_CustomResponsiveLayouts/talep/taloyhtio_custom.css

880 lines
28 KiB
CSS

/*talep_iteration1*/
.ms-heroCommandLink {
color: #05abf1 !important; }
.ms-heroCommandLink:hover {
color: #f69e24 !important; }
.condo .ms-vb > span > a {
color: #05abf1 !important; }
.condo .ms-vb > span > a:hover {
color: #f69e24 !important;
text-decoration: none !important; }
.ms-headerCellStyleHover,
.ms-vh-selectAllIcon:hover,
.ms-itmHoverEnabled:hover > *,
.ms-headerCellStyleMenuOpen,
.ms-headerCellStylePressed {
background-color: rgba(246, 158, 36, 0.5) !important; }
.s4-itm-selected .ms-list-itemLink-td, .s4-itm-selected:hover .ms-list-itemLink-td {
background-color: #f69e24 !important; }
.s4-itm-selected > .ms-vb-imgFirstCell.ms-vb-imgFirstCell {
border-right-color: rgba(246, 158, 36, 0.5); }
.s4-itm-selected > .ms-vb-imgFirstCell.ms-vb-imgFirstCell {
background-color: #f69e24 !important; }
.s4-itm-selected > *, .s4-itm-selected:hover > * {
background-color: rgba(246, 158, 36, 0.5);
border: 1px solid transparent; }
#toolsData a, #toolsData a:hover,
#toolsData a:visited {
color: #05abf1 !important; }
#toolsData a:before {
border-color: transparent #05abf1 !important; }
.ms-listviewtable a:hover,
.condo .ms-listviewtable a:hover {
color: #05abf1 !important; }
.dvTitle {
color: #05abf1 !important; }
.dvTitle:hover {
color: #f69e24 !important; }
.dvFooter a {
background-color: #05abf1 !important; }
.dvFooter a:hover {
background-color: #f69e24 !important; }
.condo .dvFooter a {
background-color: #05abf1 !important; }
.condo .dvFooter a:hover {
background-color: #f69e24 !important; }
#intraOfficeData .title {
color: #05abf1 !important; }
#intraOfficeData .title:hover {
color: #f69e24 !important; }
.condoArchiveLink {
background-color: #05abf1 !important; }
.condoArchiveLink:hover {
background-color: #f69e24 !important; }
#oppaat a,
#oppaat a:focus,
#oppaat a:visited {
color: #05abf1 !important; }
#oppaat a:hover {
color: #f69e24 !important; }
/*CONTEXT MENU*/
.ms-core-menu-item:hover,
.ms-core-menu-itemSelected {
background-color: rgba(246, 158, 36, 0.5); }
input[type=button],
input[type=reset],
input[type=submit],
button {
border: none !important;
color: #fff !important;
background: url("./images/button-gradient.png") repeat-x !important;
background-size: cover !important; }
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
button:hover {
border: none !important;
color: #fff !important;
background: #f69e24 !important;
background-size: cover !important; }
#itemViewPrevNext {
background-color: #05abf1 !important;
color: #fff !important; }
.ms-comm-forumContainer .ms-accentText.ms-textXLarge {
color: #05abf1 !important; }
.ms-comm-forumContainer ul li[id^="root-likesElement-"] {
background-color: #05abf1 !important; }
.ms-comm-forumContainer #discussionBackButton {
color: #05abf1 !important;
background: url("./images/arrow_left_big.png") no-repeat 0px 10px !important; }
div[id$="-Footer-ReplyContainer"] .ms-comm-postReplyButtonContainer {
background-color: #05abf1 !important; }
.ms-comm-forumContainer .ms-comm-postSubjectColumn > a > span {
color: #05abf1 !important; }
.ms-comm-forumContainer .ms-comm-postSubjectColumn > a > span:hover,
.ms-comm-forumContainer .ms-comm-postSubjectColumn.webpartview > a > span:hover {
color: #f69e24 !important; }
.ms-announcementtitle a:link,
.ms-announcementtitle a:visited,
.ms-announcementtitle a:hover {
color: #05abf1 !important; }
.ms-announcementtitle a:hover {
color: #f69e24 !important; }
body.condo table.ms-summarystandardbody td.ms-vb nobr {
color: #05abf1 !important; }
.ms-vb2 a, .ms-vb a {
color: #000 !important; }
.ms-dlgTitle h1 {
background: url("./images/register_box_title.png") no-repeat left center !important;
color: #05abf1 !important; }
/*HEADER*/
#pageHeader,
nav.navbar {
background: #fff !important; }
nav.navbar {
-webkit-box-shadow: inset 0px -8px 10px 0px rgba(230, 230, 230, 0.4) !important;
-moz-box-shadow: inset 0px -8px 10px 0px rgba(230, 230, 230, 0.4) !important;
box-shadow: inset 0px -8px 10px 0px rgba(230, 230, 230, 0.4) !important; }
.condo #pageHeader,
.condo nav.navbar {
background: #05abf1 !important; }
.condo nav.navbar {
-webkit-box-shadow: inset 0px -8px 10px 0px rgba(4, 136, 191, 0.4) !important;
-moz-box-shadow: inset 0px -8px 10px 0px rgba(4, 136, 191, 0.4) !important;
box-shadow: inset 0px -8px 10px 0px rgba(4, 136, 191, 0.4) !important; }
#pageHeader .welcome,
#pageHeader h1 a,
#pageHeader h1 a:visited,
#pageHeader h1 a:hover {
color: #05abf1 !important; }
.headerUserName p {
color: #05abf1 !important; }
.condo .headerUserName p {
color: #fff !important; }
.condo #pageHeader .welcome,
.condo #pageHeader h1 a,
.condo #pageHeader h1 a:visited,
.condo #pageHeader h1 a:hover {
color: #fff !important; }
#pageHeader .hdr_text h1 a:hover,
#pageHeader .hdr_text:hover h1 a,
#pageHeader .hdr_text:hover .welcome .headerUserName p {
color: #f69e24 !important; }
/* ICONS IN HEADER */
ul#header-controls > li > a {
background-position: left top !important; }
ul#header-controls > li > a:hover {
background-position: left bottom !important; }
.navbar-nav > li > .dropdown-menu {
border-top: 2px solid #f69e24 !important; }
nav button.navbar-toggle {
background: url("./images/hamburger1.png") no-repeat top !important; }
.navbar-toggle.collapsed {
background-position-y: bottom !important; }
.navbar-default .navbar-nav > .selected > a {
background-color: #f69e24 !important; }
.navbar-header > ul > li > a,
nav.navbar {
color: #05abf1 !important; }
/*MENU PMC*/
nav > .container > div,
nav > .container > ul,
nav > .container .dropdown-menu {
background: #05abf1 !important; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .selected > a:hover,
.dropdown-menu > li > a {
color: #fff !important; }
.navbar-default .navbar-nav > li > a,
nav > .container .dropdown-menu {
color: #fff !important; }
#main-menu-top > li:hover > a,
#main-menu-top > li > a:hover {
color: #f69e24 !important; }
#main-menu-top > li.selected:hover > a,
#main-menu-top > li.selected > a:hover {
color: #fff !important; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #fff !important;
background-color: #f69e24 !important; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.main-menu-top li.selected {
background-color: #f69e24 !important; }
@media (min-width: 768px) {
div.subBox {
background-color: #05abf1 !important;
border-top: 2px solid #f69e24 !important; }
.subLeft > ul > li.active,
.subLeft > ul > li:hover {
background-color: #f69e24 !important; }
.subLeft .dropdown:hover > a {
color: #fff !important; }
.subLeft > .dropdown-menu > li > .dynamic-children {
background: url("./images/submenu_3dots-menu.png") no-repeat center right !important; }
.subLeft > .dropdown-menu > li.active > .dynamic-children,
.subLeft > .dropdown-menu > li:hover > .dynamic-children {
background-image: url("./images/submenu_3dots-menu.png") !important; }
.subLeft > .dropdown-menu > .active > a,
.subLeft > .dropdown-menu > .active > a:hover {
background-color: inherit; }
div.subRight {
border-left: 1px solid #fff !important; }
.subRight li > a:hover {
color: #fff !important;
background-color: #f69e24 !important; } }
/*MENU CONDO*/
.condo ul.dynamic,
.condo #condoHomeLink,
.condo div.subBox {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%) !important;
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%) !important;
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%) !important;
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ) !important;
/* IE6-9 */ }
.condo nav > .container > div,
.condo nav > .container > ul,
.condo nav > .container .dropdown-menu {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%) !important;
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%) !important;
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%) !important;
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ) !important;
/* IE6-9 */ }
/**********/
.condo .navbar-default .navbar-nav > .open > a,
.condo .navbar-default .navbar-nav > .open > a:hover,
.condo .navbar-default .navbar-nav > .open > a:focus,
.condo .dropdown-menu > li > a,
.condo .dropdown-menu > li > span {
color: #05abf1 !important; }
.condo .navbar-default .navbar-nav > li > a,
.condo nav > .container .dropdown-menu {
color: #05abf1 !important; }
.condo .dropdown-menu > li:hover > a,
.condo .navbar-default .navbar-nav > li:hover > a {
color: #fff !important;
background-color: #f69e24 !important; }
.condo .dropdown-menu > li > a:hover,
.condo .dropdown-menu > li > a:focus {
color: #fff !important;
background-color: #f69e24 !important; }
.condo .navbar-default .navbar-nav > .open > a,
.condo .navbar-default .navbar-nav > .open > a:hover,
.condo .navbar-default .navbar-nav > .open > a:focus,
.condo .navbar-default .navbar-nav > .selected > a:hover {
color: #fff !important; }
.condo .navbar-default .navbar-nav > .open > a,
.condo .navbar-default .navbar-nav > .open > a:hover,
.condo .navbar-default .navbar-nav > .open > a:focus,
.condo .main-menu-top li.selected {
background-color: #f69e24 !important; }
.condo .navbar-toggle {
background-image: url("./images/hamburger1-condo.png") !important; }
.condo #main-menu-top > li:hover > a,
.condo #main-menu-top > li > a:hover {
color: #fff !important; }
.condo #main-menu-top > li.selected:hover > a,
.condo #main-menu-top > li.selected > a:hover {
color: #05abf1 !important; }
/************ OLD **************/
@media (min-width: 768px) {
.condo div.subBox {
border-top: 2px solid #f69e24 !important; }
.condo .subLeft > ul > li.active,
.condo .subLeft > ul > li:hover {
background-color: #f69e24 !important; }
.condo .subLeft .dropdown-menu > li > a,
.condo .subRight .dropdown-menu > li > a,
.condo .subLeft .dropdown > a {
color: #05abf1 !important; }
.condo .subLeft .dropdown:hover > a,
.condo .subRight .dropdown-menu > li > a:hover,
.condo .subLeft .dropdown-menu > li > a:hover {
color: #fff !important; }
.condo .subLeft > .dropdown-menu > li > .dynamic-children {
background: url("./images/submenu_3dots-menu_condo.png") no-repeat center right !important; }
.condo .subLeft > .dropdown-menu > li.active > .dynamic-children,
.condo .subLeft > .dropdown-menu > li:hover > .dynamic-children {
background-image: url("./images/submenu_3dots-menu.png") !important;
color: #fff !important; }
.condo .subLeft > .dropdown-menu > .active > a,
.condo .subLeft > .dropdown-menu > .active > a:hover {
background-color: inherit !important; }
.condo div.subRight {
border-left: 1px solid #f69e24 !important; }
.condo .subRight li > a:hover {
color: #fff !important;
background-color: #f69e24 !important; } }
li.orange {
background-color: #fff !important;
color: #05abf1 !important; }
li.orange:hover {
background-color: #f69e24 !important;
color: #fff; }
.navbar-default .navbar-right.navbar-nav > li > a {
color: #05abf1 !important; }
.navbar-default .navbar-right.navbar-nav > li > a:hover {
color: #fff !important; }
.navbar-default .navbar-right.navbar-nav > li > ul > li > a:hover {
background-color: #05abf1 !important;
color: #f69e24 !important; }
.navbar-default .navbar-right.navbar-nav > li > .dropdown-menu {
border-top: 2px solid #05abf1 !important; }
.condo .navbar-default .navbar-right.navbar-nav > li > a {
color: #05abf1 !important; }
.condo .navbar-default .navbar-right.navbar-nav > li > a:hover {
color: #fff !important; }
.condo .navbar-default .navbar-right.navbar-nav > li > ul > li > a:hover {
background-color: #f69e24 !important;
color: #fff !important; }
.condo .navbar-default .navbar-right.navbar-nav > li > .dropdown-menu {
border-top: 2px solid #05abf1 !important; }
.condo li.orange {
background-color: #05abf1 !important;
color: #fff !important; }
.condo .navbar-default .navbar-right.navbar-nav > li.orange > a {
color: #fff !important; }
.condo li.orange:hover,
.condo .navbar-default .navbar-right.navbar-nav > li.orange > a:hover {
background-color: #f69e24 !important;
color: #fff !important; }
.condo .navbar-default .navbar-nav > li.selected:hover > a {
color: #fff !important; }
/*MOBILE MENU*/
.navbar-header > li > a,
#main-menu > li > a {
color: #fff !important; }
#myNavbar li.dropdown a[data-toggle='dropdown'] span,
#myNavbar li.dropdown a.dropdown-toggle span {
background: url("./images/submenu_3dots-mobile.png") no-repeat center center !important; }
/*MOBILE MENU*/
.condo .navbar-header > li > a,
.condo #main-menu > li > a {
color: #05abf1 !important; }
.condo #myNavbar li.dropdown a[data-toggle='dropdown'] span,
.condo #myNavbar li.dropdown a.dropdown-toggle span {
background: url("./images/submenu_3dots-mobile-condo.png") no-repeat center center !important; }
#myNavbar li.dropdown.open > span,
#myNavbar li.dropdown.open > a {
background-color: #f69e24 !important; }
#myNavbar li.dropdown.open > a.dropdown-toggle > span,
#myNavbar li.dropdown.open a[data-toggle='dropdown'] span {
background: url("./images/submenu_line.png") no-repeat center center !important; }
/*FOOTER*/
.social p {
color: #05abf1 !important; }
.social {
border-top-color: #05abf1 !important; }
.d1,
.d2 {
border-top-color: #05abf1 !important;
border-bottom-color: #05abf1 !important; }
.d2 {
border-color: #05abf1 !important; }
.d2 h4:hover {
color: #f69e24 !important; }
.condo .d1,
.condo .d2 {
border-top-color: #fff !important;
border-bottom-color: #fff !important; }
.condo .d2 {
border-color: #fff !important; }
.d1 > div {
background: url("images/dots_footer_yhteydenotto.png") no-repeat top left !important; }
.d2 > div + div {
background: url("images/dots_footer_taloyhtioinfo.png") no-repeat top left !important; }
.condo .d1 > div {
background: url("images/dots_footer_yhteydenotto-condo.png") no-repeat top left !important; }
.condo .d2 > div + div {
background: url("images/dots_footer_taloyhtioinfo-condo.png") no-repeat top left !important; }
.info1 {
background: url("./images/isannoitsija_icon-53.png") no-repeat left !important; }
.condo .info1 {
background: url("./images/isannoitsija_icon-53-condo.png") no-repeat left !important; }
.fphone {
background: url("images/phone_icon_small.png") no-repeat left !important; }
.femail {
background: url("images/email_icon_small.png") no-repeat left !important; }
.femail:hover {
color: #f69e24 !important;
cursor: pointer; }
.condo .fphone {
background: url("images/phone_icon_small-condo.png") no-repeat left !important; }
.condo .femail {
background: url("images/email_icon_small-condo.png") no-repeat left !important; }
footer,
.stickyfooter {
background: #a0e3ff !important; }
.section-colored.stickyfooter {
box-shadow: inset 0px 5px 10px 0px rgba(5, 171, 241, 0.4); }
.condo footer,
.condo .stickyfooter {
background: #05abf1 !important; }
footer,
footer a,
.d2,
footer h2,
footer h3,
footer h4,
ul#header-controls > li > a,
h1, h2.ms-webpart-titleText, .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
color: #05abf1 !important; }
.condo footer,
.condo footer a,
.condo .d2,
.condo footer h2,
.condo footer h3,
.condo footer h4,
.condo ul#header-controls > li > a,
.condo .social p {
color: #fff !important; }
footer a:hover, .poweredby a:hover, ul#header-controls > li > a:hover {
color: #f69e24 !important; }
body.condo footer a:hover, body.condo footer h2:hover,
body.condo .poweredby a:hover, body.condo #pageHeader h1 a:hover,
body.condo #header-controls a:hover {
color: #f69e24 !important; }
.social .icon {
background-image: url("./images/social-57.png") !important; }
.social .icon:hover {
background-image: url("./images/social-hover-57.png") !important; }
footer .ad {
height: 175px !important; }
footer .ad > div {
background: url("./images/ad-242.png") no-repeat center center !important; }
@media (min-width: 1178px) {
footer .ad > div {
background-image: url("./images/ad-305.png") !important; } }
.poweredby {
background-color: #05abf1 !important; }
.condo .poweredby {
background-color: #a0e3ff !important; }
.f1 {
background: url("images/mail_icon-41.png") no-repeat left !important; }
.f2 {
background: url("images/taloyhtio_icon-41.png") no-repeat left !important; }
.f3 {
background: url("images/balloon_icon-41.png") no-repeat left !important; }
.condo .f1 {
background: url("images/mail_icon-41-condo.png") no-repeat left !important; }
.condo .f2 {
background: url("images/taloyhtio_icon-41-condo.png") no-repeat left !important; }
.condo .f3 {
background: url("images/balloon_icon-41-condo.png") no-repeat left !important; }
.condo footer a:hover,
.condo ul#header-controls > li > a {
color: #fff !important; }
.condo .registerBoxWrap {
background-color: rgba(5, 171, 241, 0.9) !important; }
.condo .registerBoxWrap h1 {
color: #fff !important; }
.condo .registerBoxWrap input[type="submit"]:hover {
background: #fff !important;
color: #f69e24 !important; }
footer a:hover,
ul#header-controls > li > a:hover {
color: #f69e24 !important; }
.condo footer a:hover,
.condo ul#header-controls > li > a:hover {
color: #f69e24 !important; }
.footer_add_button a,
.btnwrap input[type=button],
td.ms-addnew > a, a.ms-addnew {
background: url("./images/button-gradient.png") repeat-x !important;
background-size: cover !important; }
.footer_add_button a:hover,
.btnwrap input[type=button]:hover,
td.ms-addnew > a:hover, a.ms-addnew:hover {
background: #f69e24 !important;
background-size: cover !important; }
.btnwrap input[type=button]:hover,
.btnwrap input[type=submit]:hover {
background: #05abf1 !important; }
#boardData .footer_item .footer_add_button a:hover,
#boardData .footer_item .footer_item_orange a:hover {
background-color: #f69e24 !important; }
h2.icon-bag {
background-image: url("./images/bag_icon.png") !important; }
h2.icon-house {
background-image: url("./images/house_icon.png") !important; }
h2.icon-pin {
background-image: url("./images/pin_icon.png") !important;
background-repeat: no-repeat !important; }
.newsItem h1 {
background-image: url("./images/pin_icon.png") !important;
background-repeat: no-repeat !important;
background-position: right center !important; }
h2.icon-wrench {
background-image: url("./images/wrench_icon.png") !important; }
h2.icon-megafone {
background-image: url("./images/megafone_icon.png") !important; }
h2.icon-star {
background-image: url("./images/star_icon.png") !important; }
h2.icon-video {
background-image: url("./images/video_icon.png") !important; }
h2.icon-blank {
background-image: url("./images/blank_icon.png") !important; }
h2.icon-question {
background-image: url("./images/question_icon.png") !important; }
h2.icon-envelop {
background-image: url("./images/envelop_icon.png") !important; }
@media (max-width: 767px) {
h2.icon-star {
background-image: url("./images/star_icon-44.png") !important; }
h2.icon-megafone {
background-image: url("./images/megafone_icon-44.png") !important; }
h2.icon-wrench {
background-image: url("./images/wrench_icon-44.png") !important; }
h2.icon-video {
background-image: url("./images/video_icon-44.png") !important; }
h2.icon-blank {
background-image: url("./images/blank_icon-44.png") !important; }
h2.icon-question {
background-image: url("./images/question_icon-44.png") !important; }
h2.icon-envelop {
background-image: url("./images/envelop_icon-44.png") !important; } }
/*ITEMS*/
.footer_item_orange {
background-color: #05abf1 !important; }
.footer_item_orange:hover {
background-color: #f69e24 !important; }
/*other*/
.itemFooter {
background-color: #05abf1 !important; }
.newsItem .back {
color: #05abf1 !important; }
.newsItem .back:before {
border-color: transparent #05abf1 transparent transparent !important; }
.none-background {
background: none !important;
background-image: none !important; }
#doclibBackButton {
color: #05abf1 !important; }
#doclibNewFileButton {
background-color: #05abf1 !important; }
#doclibNewFolderButton {
color: #05abf1 !important; }
.registerBoxDialog .dialog_title {
color: #05abf1 !important; }
.calendarDate {
color: #05abf1 !important; }
.calendarTime {
color: #05abf1 !important; }
body.withBanner .banner .button {
background: url("./images/button_store_bg.png") repeat-x center center !important; }
#ctl00_QuickLaunchMenu li.selected-folder,
#ctl00_QuickLaunchMenu li.subfolder:hover {
background-color: #f69e24 !important; }
#ctl00_QuickLaunchMenu li.selected-list a,
#ctl00_QuickLaunchMenu li.selected-list a.selected,
#ctl00_QuickLaunchMenu ul.static li.selected-list {
color: #f69e24 !important;
background: none !important; }
.apuaDesc a,
#apuaFaq a {
color: #05abf1 !important; }
.apuaDesc a:hover,
#apuaFaq a:hover {
color: #f69e24 !important; }
#apuaFaq .dvFooter a,
#apuaFaq .dvFooter a:hover {
color: #fff !important; }
body.condo #header-controls a:hover {
color: #05abf1 !important; }
.registerBoxWrap input[type=submit] {
background: url("../images/button_register_gradient.png") bottom !important; }
#doclibBackButton {
background: url("./images/arrow_left.png") no-repeat 0px 5px !important; }
.leftNavArrowDown {
background: url("./images/arrow_down.png") no-repeat right center !important; }
.leftNavArrowUp {
background: url("./images/arrow_up.png") no-repeat right center !important; }
.ms-comm-postMainContainer.ms-comm-postSubjectColumn .ms-metadata .likeIcon {
background: url("./images/like_icon_big.png") no-repeat 0px 0px !important; }
.ms-comm-postMainContainer.ms-comm-postSubjectColumn.webpartview .ms-metadata .likeIcon {
background: url("./images/like_icon.png") no-repeat 0px 0px !important; }
.ms-comm-postMainContainer.ms-comm-postSubjectColumn .ms-metadata .likeIcon {
background: url("./images/like_icon_big.png") no-repeat 0px 0px !important; }
@media (max-width: 767px) {
.condo .hdr_logo {
background-image: url("./images/house-48.png") !important; }
.hdr_logo {
background-image: url("./images/house2-48.png") !important; }
h2.icon-bag {
background-image: url("./images/bag_icon-44.png") !important; }
h2.icon-house {
background-image: url("./images/house_icon-44.png") !important; }
h2.icon-pin {
background-image: url("./images/pin_icon-44.png") !important; }
h2.icon-wrench {
background-image: url("./images/wrench_icon-44.png") !important; }
#header-controls a.hdr_setting {
background-image: url("images/settings-22.png") !important; }
.condo #header-controls a.hdr_setting {
background-image: url("images/settings-22-condo.png") !important; }
#header-controls a.hdr_help {
background-image: url("images/question_mark-22.png") !important; }
.condo #header-controls a.hdr_help {
background-image: url("images/question_mark-22-condo.png") !important; }
.condo #condoHomeLink a {
background-image: url("images/home_icon-320.png") !important; }
.condo #condoHomeLink a:hover {
background-image: url("images/home_icon-hover-320.png") !important; }
.social .icon {
background-image: url("./images/social-50.png") !important; }
.social .icon:hover {
background-image: url("./images/social-hover-50.png") !important; } }
@media (min-width: 768px) {
.hdr_logo {
background-image: url("./images/house2-64.png") !important; }
.condo .hdr_logo {
background-image: url("./images/house-64.png") !important; }
#header-controls a.hdr_zoom {
background-image: url("./images/texts_size_zoom-24.png") !important; }
#header-controls a.hdr_zoom.minus {
background-image: url("./images/texts_size_zoom2-24.png") !important; }
.condo #header-controls a.hdr_zoom {
background-image: url("./images/texts_size_zoom-24-condo.png") !important; }
.condo #header-controls a.hdr_zoom.minus {
background-image: url("./images/texts_size_zoom2-24-condo.png") !important; }
#header-controls a.hdr_setting {
background-image: url("images/settings-24.png") !important; }
.condo #header-controls a.hdr_setting {
background-image: url("images/settings-24-condo.png") !important; }
#header-controls a.hdr_help {
background-image: url("images/question_mark-24.png") !important; }
.condo #header-controls a.hdr_help {
background-image: url("images/question_mark-24-condo.png") !important; }
#header-controls a#logoutstatus {
background-image: url("images/logout-24.png") !important; }
.condo #header-controls a#logoutstatus {
background-image: url("images/logout-24-condo.png") !important; }
#condoHomeLink a {
background-image: url("images/home_icon-768.png") !important; }
.condo #condoHomeLink a:hover {
background-image: url("images/home_icon-hover-768.png") !important; } }
@media (min-width: 1178px) {
.hdr_logo {
background-image: url("./images/house2.png") !important; }
.condo .hdr_logo {
background-image: url("./images/house.png") !important; }
#condoHomeLink a {
background-image: url("images/home_icon.png") !important; }
.condo #condoHomeLink a:hover {
background-image: url("images/home_icon-hover.png") !important; }
#header-controls a.hdr_zoom {
background-image: url("./images/texts_size_zoom1.png") !important; }
#header-controls a.hdr_zoom.minus {
background-image: url("./images/texts_size_zoom2-1.png") !important; }
.condo #header-controls a.hdr_zoom {
background-image: url("./images/texts_size_zoom1-condo.png") !important; }
.condo #header-controls a.hdr_zoom.minus {
background-image: url("./images/texts_size_zoom2-condo.png") !important; }
#header-controls a.hdr_setting {
background-image: url("images/settings1.png") !important; }
.condo #header-controls a.hdr_setting {
background-image: url("images/settings1-condo.png") !important; }
#header-controls a.hdr_help {
background-image: url("images/question_mark1.png") !important; }
.condo #header-controls a.hdr_help {
background-image: url("images/question_mark1-condo.png") !important; }
#header-controls a#logoutstatus {
background-image: url("images/logout1.png") !important; }
.condo #header-controls a#logoutstatus {
background-image: url("images/logout1-condo.png") !important; }
.f1 {
background-image: url("images/mail_icon.png") !important; }
.f2 {
background-image: url("images/taloyhtio_icon.png") !important; }
.f3 {
background-image: url("images/balloon_icon.png") !important; }
.condo .f1 {
background-image: url("images/mail_icon-condo.png") !important; }
.condo .f2 {
background-image: url("images/taloyhtio_icon-condo.png") !important; }
.condo .f3 {
background-image: url("images/balloon_icon-condo.png") !important; }
.info1 {
background-image: url("./images/isannoitsija_icon.png") !important; }
.condo .info1 {
background-image: url("./images/isannoitsija_icon-condo.png") !important; } }