/* Less Framework 4 with 17/24 type presets
http://lessframework.com
by Joni Korpi
License: http://opensource.org/licenses/mit-license.php */
/* Resets
------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
display: block;
}
a img {border: 0;}
article { /* someone is very wide element, didnt find what so this hides it at least on mobile view */
overflow-x: hidden;
}
/* Typography presets
------------------ */
.gigantic {
font-size: 116px;
line-height: 120px;
letter-spacing: -2px;
}
.huge, h1 {
font-size: 72px;
line-height: 72px;
letter-spacing: -1px;
}
.large {
font-size: 44px;
line-height: 48px;
}
.bigger, h3 {
font-size: 28px;
line-height: 36px;
}
.big, h4 {
font-size: 24px;
line-height: 30px;
}
body {
font: 14px/20px 'Quattrocento Sans',Arial, sans-serif;
background-color: white;
}
.small, small {
font-size: 13px;
line-height: 18px;
}
/* Selection colours (easy to forget) */
::selection {background: #fff208;}
::-moz-selection {background: #fff208;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
body {-webkit-tap-highlight-color: #fff208}
/*
Plugins>>>
*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: hidden; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.ui-autocomplete {
max-height: 300px;
overflow-y: scroll;
overflow-x: hidden;
}
.ui-autocomplete a
{
font-size: 12px;
overflow-x: hidden;
width: 100%;
}
.ui-combobox {
position: relative;
display: inline-block;
background-color: white;
}
.ui-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
width: 20px;
background-color: white;
}
.ui-combobox-input {
margin: 0;
padding: 0.3em;
background-color: white;
}
.autocompo
{
border:0;
background-color: white;
}
span.ui-combobox
{
padding:0;
margin:0;
width: 90%;
height: 34px;
}
input.autocompo
{
height: 95%;
width: 80%;
font-size: 14px;
padding-left:5%;
}
button.ui-button
{
background-color: white;
border:0;
width: 10%;
padding:0;
margin:0;
}
.ui-state-default
{
background-image: none;
}
a
{
color:#0030ff;
}
a:hover
{
color: #9090ff
}
div#loginfieldscontainer a:hover,div#footermiddlebox span a:hover,div#palveluntarjoaa a:hover,address a:hover
{
color:#666;
}
/*
<<Plugings
*/
/* Default Layout: 992px.
Gutters: 24px.
Outer margins: 48px.
Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */
body {
width: 934px;
padding: 0px;
background: #fff208;
color: rgb(0,0,0);
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
margin-left: auto;
margin-right: auto;
}
.ucase {
text-transform: uppercase;
}
/*layout>>*/
header
{
height: auto;
position: relative;
}
header#title
{
min-height: 98px;
}
div#logo
{
position: relative;
width: auto;
height: auto;
margin-left:auto;
margin-right:auto;
}
a#yrittaja-link {
text-decoration: inherit;
color:white;
}
a#yrittaja-link:hover {
text-decoration: none;
color:white;
}
div#yrittaja-top {
padding-top:8px;
padding-left:14px;
background-color: #716b75;
width: 300px;
height: 60px;
position: absolute;
right:10px;
top:10px;
}
div#yrittaja-top img{
position: absolute;
}
div#yrittaja-top h2 {
height: auto;
font-weight: bold;
}
div#yrittaja-top h2,div#yrittaja-top p {
margin:0;
padding:0;
padding-left:80px;
line-height: 1em;
}
img#numerotele_logo
{
margin-top:10px;
height: 82px;
}
div#logo h1
{
position: absolute;
vertical-align: top;
padding:0px;
margin:0px;
font-family: "Arial Narrow", Arial, sans-serif;
font-weight: normal;
color: #000;
display: inline-block;
max-width: 600px;
width: auto;
min-width:300px;
height: 100px;
}
div#logo h1 a
{
vertical-align: top;
margin:0;
padding:0;
color: #000;
text-decoration: none;
}
div#logo div.headingline
{
padding:0px;
margin:0px;
height: auto;
display: block;
}
div#logo div#h1top
{
padding-left: 10px;
font-size:64px;
}
div#logo div#h1bot
{
line-height: 10px;
padding-left: 10px;
font-size:29px;
}
hr.splitline
{
height: 1px;
background-color: #000;
width: 99.5%;
}
hr.splitline-white {
height: 3px;
background-color: white;
width:200%;
margin-left:-50%;
}
.linetop
{
margin-top: 4px;
margin-bottom: 8px;
}
.linebot
{
margin-top: 10px;
}
div.buttoncontainer
{
width: 100%;
text-align: right;
}
div.buttoncontainer input[type=submit],div.buttoncontainer input[type=button]
{
width: 130px;
height: 34px;
color:white;
padding: 3px;
background-color: #333;
font-weight: bolder;
border:0;
font-size: 14px;
margin-top:4px;
}
div.buttoncontainer input[type=button]:hover
{
cursor: pointer;
color:#ff9c00;
}
div.buttoncontainer input[type=submit]:hover
{
cursor: pointer;
color:#ff9c00;
border-color: #ff9c00;
}
img#imglogin
{
width: 33px;
height: 24px;
margin-top: 1px;
margin-left:2px;
}
nav
{
text-align: right;
}
nav a
{
color:black;
text-decoration: none;
font-size:13px;
}
nav a:hover
{
text-decoration: underline;
color:black;
}
footer {
height:auto;
margin:0px;
margin-top:10px;
padding:0px 10px;
}
footer div
{
position: relative;
vertical-align: top;
}
footer address
{
font-size: 12px;
color:#000;
}
footer address a
{
color:#0030ff;
}
div#footermiddlebox span,div#palveluntarjoaa
{
color:#000;
font-size: 12px;
}
div#footermiddlebox span a,div#palveluntarjoaa span a
{
font-size: 12px;
color: #0030ff;
text-decoration: none;
padding-left:0.8em;
}
div#copyrightbox
{
padding-top:22px;
margin-top:6px;
float: right;
}
div#copyrightbox p
{
font-size: 11px;
color: #000;
text-decoration: none;
text-align: right;
}
div.textfieldcontainer
{
width: 100%;
}
.textfieldcontainer input,.textfieldcontainer textarea
{
margin:0;
padding:0;
border-style: solid;
border-width: 1px;
border-color: #000;
height: 34px;
font-size: 15px;
padding-left: 2%;
font-family: arial;
margin-left: 2.5%;
display:inline-block;
width:92%
}
.textfieldcontainer textarea
{
padding-top: 1.5%;
}
/*<<layout*/
/*site/index>>*/
div.selectcontainer
{
width: 95%;
margin-left: auto;
margin-right:auto;
}
select {
height:28px;
font-size: 14px;
padding-left:4px;
}
div.selectcontainer select {
width:96%;
}
div.accordion div > *
{
font-size: 11px;
color:#198198;
}
div.accordion div p
{
padding-left:0px;
}
div.accordion div a
{
text-decoration: none;
color:#0030ff;
}
div.accordion div > div
{
padding-left:32px;
}
option.selectable
{
color:black;
}
div.infofield
{
margin-top: 10px;
background-image: url('../../images/info_i_black.png');
background-size: 25px 25px;
background-repeat: no-repeat;
width: 100%;
min-height: 32px;
}
div.denied
{
background-image: url('../../images/kieltomerkki_black.png');
background-repeat: no-repeat;
}
div.infofield p,div.boxcontent p
{
font-size: 11px;
padding-left:32px;
padding-right:10px;
line-height: 13px;
font-family: Arial,sans-serif;
color: #000;
}
div.denied p
{
padding-top: 6px;
}
h2
{
padding-top: 10px;
padding-left: 10px;
font-size:26px;
font-weight: normal;
display: inline-block;
width: auto;
vertical-align: top;
}
div.box
{
padding:0px;
width: 320px;
height: 302px;
background-color: #e5e5e5;
vertical-align: top;
}
div.boxcontent
{
margin:0px;
padding: 1em;
height: 230px;
}
div.box header
{
height: 66px;
color:white;
border-bottom-color: #fff208;
border-bottom-style: solid;
border-bottom-width: 3px;
}
/* muutokset 2017-06 numerotele.fi domainin poisto jaa siirtyminen suomenpuhelinluettelot.fi domainiin */
.bold
{
font-weight: bold;
}
.inline-box
{
padding:0px;
margin:0px;
width: 49%;
height: 302px;
background-color: #e5e5e5;
display: inline-block;
vertical-align: top;
}
div.yrityshaku {
margin-right:6px;
}
.numerot-bg
{
background-image: url('../../images/numerotausta.jpg');
background-repeat: no-repeat;
background-position: bottom right;
background-size: 100% 100%;
margin-left:6px;
}
.numerot-bg p {
padding:32px;
}
.dark-header
{
background-color: #333;
text-transform: uppercase;
color:white;
height: 42px;
text-align: left;
text-transform: uppercase;
}
.darker-header
{
background-color: #3b3b3b;
text-transform: uppercase;
color:white;
height: 42px;
}
div.header-image
{
display: inline-block;
width: 40px;
height: 36px;
margin-top: 2px;
vertical-align: top;
}
div.header-image img {
padding-top: 6px;
padding-left: 12px;
}
div#searchFields
{
clear: both;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
}
div#infoField
{
text-align: center;
margin:20px 4px;
}
div#puhelinluettelotList
{
margin-left:auto;
margin-right:auto;
margin-top:16px;
}
div.boximage
{
display: inline-block;
width: auto;
height: 60px;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #fff;
margin-top: 2px;
vertical-align: top;
}
div#numerohakuresults
{
margin-top:10px;
width: 100%;
}
div#numerohakuresults ul
{
list-style-type: none;
max-height: 196px;
width: 100%;
overflow-y: scroll;
}
#txtpalveluhaku,#txtnumerohaku
{
z-index: 10;
position: relative;
}
.kakskol
{
margin:0;
margin-top: 14px;
margin-bottom:14px;
}
.kakskol header div img
{
padding-left:10px;
padding-top:4px;
}
div.buttoncontainer input.haesubmit
{
padding:0;
margin:0px;
width: 95%;
height: 34px;
margin-top:10px;
border-radius:2px;
border-color: #fff;
border-width: 1px;
border-style:solid;
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
background-color: transparent;
background-color: #f3f8fb;
font-size: 13px;
border:0;
color:#21839a;
}
.ui-accordion-header:hover
{
color:#ff9c00;
}
.ui-accordion .ui-accordion-li-fix {
display: inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: .5em .5em .5em .7em;
}
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a {
zoom: 1;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em;
color:#0030ff;
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
display: block;
}
.ui-accordion-content-active
{
padding: 0 !important;
border:0;
background-color: #f1f4f8;
background-image: none;
}
/*<<site/index*/
/* site /service - list*/
div.companyItem
{
overflow: visible;
min-height: 150px;
height: auto;
}
div.companyblock
{
position: relative;
}
img.kotitalousvahennys
{
position: absolute;
right: -22px;
top: -18px;
z-index: 2000;
}
div.companyItem p
{
position: absolute;
width: 400px;
}
div.listCompanyLogo
{
margin-top: 6px;
display:block;
float: right;
}
div.listCompanyLogo a
{
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
div.listCompanyLogo a img
{
max-height: 180px;
width: auto;
max-width: 100%;
}
div#mini-select-container {
display: inline-block;
padding-top:7px;
padding-left:20px;
}
div#mini-select-container select {
min-width: 200px;
}
div#mini-select-container .chzn-results {
color:black !important;
}
/* site /service - view*/
div#yrityskortti h2
{
height: auto;
}
div#companyData
{
position: relative;
min-height: 100px;
}
img#kotitalousvahennys
{
position: absolute;
right:5%;
top:5%;
}
div#contact-form
{
padding:4px;
margin:4px;
border: 2px solid #ccc;
background-color: #fff208;
max-height: 44px;
overflow: hidden;
}
div#contact-form img
{
float: left;
padding-top:5px;
padding-left:8px;
width: 36px;
height: 36px;
}
div#contact-form label
{
min-width: 160px;
margin: 3px 0px 6px 0px;
display: inline-block;
vertical-align: top;
}
div#contact-form input[type="radio"]
{
width: 14px;
margin:4px;
margin-left:18px;
}
div#contact-request-form_es_
{
padding:10px;
margin:10px;
color:red;
background-color: #ccc;
}
span.radio-container
{
display: inline-block;
min-width: 200px;
}
div#row-name
{
padding-top:10px;
}
div#radio-options
{
margin-left:48px;
}
div#smallmap
{
position: absolute;
width: 180px;
height: 160px;
right: 20px;
top:5px;
display: block;
}
div#smallmap img
{
border-radius: 20px;
}
img#companyLogo
{
margin-left: auto;
margin-right:auto;
display:table-cell;
max-height: 200px;
max-width: 90%;
margin-bottom:1%;
border-radius:5px;
}
img.companyImages
{
max-width: 130px;
max-height: 130px;
display: inline;
padding:0.2%;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1S ease;
-ms-transition: all 0.1S ease;
transition: all 0.1s ease;
border: 1px solid #ccccff;
border-radius:10px;
margin:2%;
}
img.companyImages:hover
{
background-color: rgba(225,225,245,0.5);
cursor: pointer;
border-radius: 2px;
border-color: #999;
}
div#company_content
{
padding-top:12px;
}
div#yrityskortti ul,div#yrityskortti ol
{
padding-left: 4%;
}
div#yrityskortti div#company_content h1,div#yrityskortti div#company_content h2,div#yrityskortti div#company_content h3,div#yrityskortti div#company_content h4,div#yrityskortti div#company_content h5
{
padding:1%;
padding-left:0.5%;
text-align: left;
height: auto;
font-family: Verdana;
width: 100%;
text-shadow: 0 0 0 rgba(0,0,0,0);
color:black;
font-weight: lighter;
}
div#yrityskortti div#company_content h1
{
font-size: 28px;
line-height: 22px;
}
div#yrityskortti div#company_content h2
{
font-size: 24px;
line-height: 18px;
}
div#yrityskortti div#company_content h3
{
font-size: 20px;
line-height: 16px;
}
div#yrityskortti div#company_content h4
{
font-size: 16px;
line-height: 12px;
}
div#yrityskortti div#company_content h5
{
font-size: 12px;
line-height: 10px;
}
/* BANNERIT */
div#luefi_banner
{
position:absolute;
top:20px;
width:386px;
height:53px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
padding-right: 70px;
z-index: 100;
}
/* 2014-03-03 */
/* uusimmat yritykset */
div.widest
{
padding:0px;
margin-top: 14px;
width: 100%;
height: auto;
background-color: transparent;
vertical-align: top;
white-space: nowrap;
}
div#new_companies header
{
font-size:20px;
height: 40px;
color:white;
border:none;
background-color:#545953;
}
div#new_companies div.boximage img
{
padding-top: 8px;
padding-left: 10px;
}
div#new_companies_container
{
margin-top:4px;
padding-left:6px;
background-color: #ffffff;
border-color:#0f120d;
border-width: 1px;
border-style: solid;
}
div.new_company
{
width: 188px;
height: auto;
margin:0;
padding:0;
margin-top: 10px;
margin-right: 7px;
display: inline-block;
vertical-align: top;
}
div.last_new_company
{
margin-left: 0px;
}
div.center
{
width: 50%;
margin-left:auto;
margin-right:auto;
text-align: center;
}
img#aa-luokitus
{
width: 70px;
height: auto;
padding:4px;
vertical-align: top; }
/* puhelinluettelot/layout */
div#appstores
{
position: absolute;
bottom: 1px;
line-height: 0px;
padding:0;
margin:0;
right:5px;
width: 323px;
height: 33px;
z-index: 999;
}
nav#suomenpuhelinluettelot
{
display: block;
text-align: center;
margin-bottom:10px;
}
nav#suomenpuhelinluettelot ul li
{
display:inline-block;
}
nav#suomenpuhelinluettelot ul li.activePage
{
font-weight: bold;
}
nav#suomenpuhelinluettelot ul li a
{
color: #0030ff;
text-decoration: none;
}
div.middle
{
text-align: center;
width: 100%;
padding:0;
margin:0;
display: block;
}
footer#suomenpuhelinluettelot
{
position:relative;
}
footer#suomenpuhelinluettelot
{
width:100%;
top:0px;
}
div#sosial
{
margin-top:2px;
min-height: 20px;
max-width: 360px;
display: inline-block;
}
/* puhelinluettelot/index */
div#puhelinluettelolista
{
width: 78%;
min-width: 410px;
margin-left:auto;
margin-right:auto;
}
div#puhelinluettelolista a
{
display: inline-block;
height:50px;
width: auto;
min-width: 344px;
}
div.puhelinluettelobox
{
width:100%;
height: 100%;
vertical-align: top;
padding:0;
margin:4px;
display: inline-block;
color:black;
}
div.left_arrow
{
display: inline-block;
width: 45px;
height:44px;
position: absolute;
background-image: url(/images/luettelonuoli.png);
background-position: top left;
}
div.left_arrow:hover
{
width:43px;
height: 42px;
border-color:black;
border-width: 1px;
border-style:solid;
}
a.puhelinluettelobox-container
{
width: 314px;
display: inline-block;
margin:0 6px;
}
div.puhelinluettelonamecontainer
{
background-color:#ecf6f8;
display:inline-block;
line-height: 47px;
width: 264px;
vertical-align: top;
margin-left:50px;
padding-left:10px;
height: 44px;
}
div.puhelinluettelonamecontainer:hover
{
border-color:black;
border-width: 1px;
border-style:solid;
height: 42px;
}
div#addCompany
{
background-color: #000;
margin:0;
padding:0;
position: absolute;
bottom: -1px;
border-color:#0f120d;
border-width: 1px;
border-style: solid;
background-image: url(/images/add.png);
background-repeat: no-repeat;
background-size: 47px 43px;
width: 100%;
height: auto;
max-height: 120px;
min-height: 80px;
background-position: 1% 18px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
div#addCompany h5
{
color:white;
font-size:16px;
font-weight: bold;
padding-left:16%;
padding-top: 8px;
font-family: Arial;
}
div#addCompany a
{
width: 100%;
min-height: 48px;
height: auto;
margin:0;
padding:0;
padding-top: 2px;
color:white;
display: inline-block;
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
div#addCompany a span.insideHeading
{
padding-left:17%;
}
span#addCompanyHeading
{
font-size: 14px;
}
div#addCompany a span#addCompanySubHeading
{
text-transform: uppercase;
}
span.vali-at:after {
content: " (tä) ";
}
.kaannetty{
unicode-bidi: bidi-override;
direction: rtl;
}