Siirry sisältöön. | Siirry navigointiin

Omat työkalut

Navigation

virtu.fi

Virtuaalinen sosiaali- ja terveyspalvelukeskus

Omat työkalut



Pääsivu virtu.fi henkilökortti local.css

local.css

Click here to get the file

Koko 14.1 KB - File type text/css

Tiedoston sisältö

body.subsection-enontekio #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_enontekio.jpg) !important; }
body.subsection-inari #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_inari.jpg) !important; }
body.subsection-kemi #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_kemi.jpg) !important; }
body.subsection-kemijarvi #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_kemijarvi.jpg) !important; }
body.subsection-keminmaa #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_keminmaa.jpg) !important; }
body.subsection-kittila #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_kittila.jpg) !important; }
body.subsection-kolari #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_kolari.jpg) !important; }
body.subsection-muonio #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_muonio.jpg) !important; }
body.subsection-pelkosenniemi #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_pelkosenniemi.jpg) !important; }
body.subsection-pello #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_pello.jpg) !important; }
body.subsection-posio #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_posio.jpg) !important; }
body.subsection-ranua #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_ranua.jpg) !important; }
body.subsection-rovaniemi #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_rovaniemi.jpg) !important; }
body.subsection-salla #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_salla.jpg) !important; }
body.subsection-savukoski #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_savukoski.jpg) !important; }
body.subsection-simo #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_simo.jpg) !important; }
body.subsection-sodankyla #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_sodankyla.jpg) !important; }
body.subsection-tervola #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_tervola.jpg) !important; }
body.subsection-tornio #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_tornio.jpg) !important; }
body.subsection-utsjoki #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_utsjoki.jpg) !important; }
body.subsection-ylitornio #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_ylitornio.jpg) !important; }
body.subsection-lapin-ensi-ja-turvakoti-ry #portal-top h1#portal-logo a { background-image: url(virtukeskus/images/logo_lapin-ensi-ja-turvakoti.jpg) !important; }

#portal-column-one { display: none; }

#portal-column-content { 
	width: 785px;
	padding-top: 14px;
}
#content {
	width: 741px;
	position: relative;
}
#content.palvelu-kunnan-neuvonta,
#content.palvelu-yleinen-neuvonta { background: transparent url(virtukeskus/images/ico_verkkoneuvonta.png) no-repeat 22px 3px; }
#content.palvelu-tiedonvalitys { background: transparent url(virtukeskus/images/ico_tiedonvalitys.png) no-repeat 22px 3px; }
#content.palvelu-kuvapuhelin { background: transparent url(virtukeskus/images/ico_kuvapuhelin.png) no-repeat 22px 0; }

#content.palvelu-kunnan-neuvonta h1.documentFirstHeading,
#content.palvelu-yleinen-neuvonta h1.documentFirstHeading,
#content.palvelu-tiedonvalitys h1.documentFirstHeading,
#content.palvelu-kuvapuhelin h1.documentFirstHeading { padding-left: 70px; }
#content h1.documentFirstHeading {
	padding-top: 4px;
	line-height: 1;
}
h1.documentFirstHeading span.service-type {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: normal;
	padding: 2px 5px;
	margin: -1px 8px 2px 0;
	border-radius: 3px;
}
#content.palvelu-kunnan-neuvonta h1.documentFirstHeading span.service-type { background: #26a100; }
#content.palvelu-yleinen-neuvonta h1.documentFirstHeading span.service-type { background: #896d0e; }
#content.palvelu-erityisneuvonta h1.documentFirstHeading span.service-type { background: #ae3575; }
#content.palvelu-kuvapuhelin h1.documentFirstHeading span.service-type { background: #ea6f00; }
#content.palvelu-tiedonvalitys h1.documentFirstHeading span.service-type { background: #0073cb; }
#content.palvelu-laskuri h1.documentFirstHeading span.service-type { background: #33a6b5; }
#content.palvelu-palvelupiste h1.documentFirstHeading span.service-type { background: #0caafc; }
#content.palvelu-muu h1.documentFirstHeading span.service-type { background: #4a4a4a; }


h3 { border-color: #58b8fa !important; }

#palvelutyyppi { display: none; }

#titleIcon {
	position: absolute;
	top: 3px;
	left: 22px;
}
#content-left {
	float: left;
	width: 260px;
	margin: 0 20px 18px 0;
}
#content-right {
	float: left;
	width: 461px;
	margin: 0 0 18px 0;
}
#content-right > p { margin-top: 0; }
#content-right h2 {
	color: #009edb;
	font-weight: bold;
	margin-top: 22px;
}
#content-right h2.q,
#content-right h2.i { padding: 1px 0 4px 30px; }
#content-right h2.i { background: transparent url(virtukeskus/images/ico_i2.png) no-repeat 0 2px; }
#content-right h2.q { background: transparent url(virtukeskus/images/ico_q2.png) no-repeat 0 2px; }

ul li { margin-left: 14px; }
strong + ul.noMargin { margin-top: 4px !important; }
ol { padding-left: 20px; }
ol li { margin-bottom: 10px; }
ol li ul {
	margin: 6px 0 0 0;
	font-size: 90%;
}
ol li ul li { margin: 1px 0 0 10px; }
ol.ohjeet { padding-left: 2px; }
ol.ohjeet > li,
ul li.huom {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style: none;
	padding: 2px 0 2px 29px;
}
ol.ohjeet > li:nth-child(1) { background-image: url(virtukeskus/images/bullet_nr_1.png); }
ol.ohjeet > li:nth-child(2) { background-image: url(virtukeskus/images/bullet_nr_2.png); }
ol.ohjeet > li:nth-child(3) { background-image: url(virtukeskus/images/bullet_nr_3.png); }
ol.ohjeet > li:nth-child(4) { background-image: url(virtukeskus/images/bullet_nr_4.png); }
ol.ohjeet > li:nth-child(5) { background-image: url(virtukeskus/images/bullet_nr_5.png); }
ol.ohjeet > li:nth-child(6) { background-image: url(virtukeskus/images/bullet_nr_6.png); }
ul li.huom { background-image: url(virtukeskus/images/bullet_nr_6.png); }

#faktat {
	background: #fff7d5;
	padding: 6px 8px 9px 7px;
}
#faktat h3 { display: none; }
#faktat a { text-decoration: none; }
#faktat a:hover {
	background: transparent !important;
	text-decoration: underline;
}
#faktat ul {
	list-style: none;
	list-style-image: none;
	margin: 0 !important;
}
#faktat ul li {
	color: #000;
	font-weight: bold;
	padding: 5px 0 6px 32px;
	line-height: 1.1;
}

li.tuottaja { background: transparent url(virtukeskus/images/ico_provider.png) no-repeat 0 2px; }
li.maksuton { background: transparent url(virtukeskus/images/ico_piggybank.png) no-repeat 0 0; }
li.maksullinen { background: transparent url(virtukeskus/images/ico_money.png) no-repeat 1px 1px; }
li.vastausaika { background: transparent url(virtukeskus/images/ico_send.png) no-repeat 1px 4px; }
li.anonyymi { background: transparent url(virtukeskus/images/ico_anon.png) no-repeat 2px 3px; }
li.ryhma { background: transparent url(virtukeskus/images/ico_group.png) no-repeat 0 3px; }

li.lappi { background: transparent url(palvelukuvat/ico_lappi.png) no-repeat 1px 6px; }
li.poske { background: transparent url(palvelukuvat/ico_poske.png) no-repeat 1px 4px; }
li.enontekio { background: transparent url(palvelukuvat/ico_enontekio.png) no-repeat 2px 7px; }
li.inari { background: transparent url(palvelukuvat/ico_inari.png) no-repeat 2px 7px; }
li.kemi { background: transparent url(palvelukuvat/ico_kemi.png) no-repeat 2px 6px; }
li.kemijarvi { background: transparent url(palvelukuvat/ico_kemijarvi.png) no-repeat 2px 7px; }
li.keminmaa { background: transparent url(palvelukuvat/ico_keminmaa.png) no-repeat 2px 7px; }
li.kittila { background: transparent url(palvelukuvat/ico_kittila.png) no-repeat 2px 7px; }
li.kolari { background: transparent url(palvelukuvat/ico_kolari.png) no-repeat 2px 7px; }
li.muonio { background: transparent url(palvelukuvat/ico_muonio.png) no-repeat 2px 7px; }
li.pelkosenniemi { background: transparent url(palvelukuvat/ico_pelkosenniemi.png) no-repeat 2px 7px; }
li.pello { background: transparent url(palvelukuvat/ico_pello.png) no-repeat 2px 7px; }
li.posio { background: transparent url(palvelukuvat/ico_posio.png) no-repeat 2px 7px; }
li.ranua { background: transparent url(palvelukuvat/ico_ranua.png) no-repeat 2px 7px; }
li.rovaniemi { background: transparent url(palvelukuvat/ico_rovaniemi.png) no-repeat 2px 7px; }
li.salla { background: transparent url(palvelukuvat/ico_salla.png) no-repeat 2px 7px; }
li.savukoski { background: transparent url(palvelukuvat/ico_savukoski.png) no-repeat 2px 7px; }
li.simo { background: transparent url(palvelukuvat/ico_simo.png) no-repeat 2px 7px; }
li.sodankyla { background: transparent url(palvelukuvat/ico_sodankyla.png) no-repeat 2px 7px; }
li.tervola { background: transparent url(palvelukuvat/ico_tervola.png) no-repeat 2px 7px; }
li.tornio { background: transparent url(palvelukuvat/ico_tornio.png) no-repeat 2px 7px; }
li.utsjoki { background: transparent url(palvelukuvat/ico_utsjoki.png) no-repeat 2px 7px; }
li.ylitornio { background: transparent url(palvelukuvat/ico_ylitornio.png) no-repeat 2px 7px; }

#asiantuntijat {
	position: relative;
	background: #e2f5ff;
	border-width: 1px;
	border-style: solid;
	border-color: #b6d8ea #94c6e1 #94c6e1 #b6d8ea;
	padding: 7px 8px 7px 8px;
	overflow: hidden;
	transition: height .5s ease-in-out;
}
#asiantuntijat h3 {
	margin: 0 0 7px 0;
	padding: 0 0 4px 2px;
	border-bottom: 1px solid #98ceec;
}
#asiantuntijat h4 {
	margin: 10px 0 0 0;
	padding: 0 0 4px 2px;
}
#asiantuntijat ul { margin: 4px 0; }
#asiantuntijat ul li {
	list-style-image: url(virtukeskus/images/bullet_blue.png);
	line-height: 1;
	margin-bottom: 5px;
}
#asiantuntijat ul li a,
#asiantuntijat ul li span,
#asiantuntijat ul li p {
	display: block;
	transition: all .6s ease-in-out;
}
#asiantuntijat ul li span { min-height: 2em; }
#asiantuntijat ul li a { margin-bottom: 3px; }
#asiantuntijat ul li span,
#asiantuntijat ul li p {
	color: #4c92c3;
	font-size: 85%;
}
#asiantuntijat ul li p {
	height: 0;
	margin: 3px 0 0 0;
	overflow: hidden;
}
#asiantuntijat ul li:hover p { height: auto; }
#asiantuntijat ul li.photo,
#asiantuntijat ul li.noPhoto {
	clear: both;
	list-style: none;
	list-style-image: none;
	border-top: 1px solid #b1dff8;
	margin: 0 0 0 -7px;
	cursor: default;
	padding: 4px 0;
}
#asiantuntijat ul li.photo:first-child,
#asiantuntijat ul li.noPhoto:first-child {
	border-top: none;
	padding-top: 0;
}
#asiantuntijat ul li div.img {
	float: left;
	width: 26px;
	height: 28px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 26px;
	margin: 0 5px 5px 0;
	border: 1px solid #154865;
	transition: all .3s ease-in-out;
}
#asiantuntijat ul li.photo div.img,
#asiantuntijat ul li.noPhoto div.img { margin-bottom: 0; }
#asiantuntijat ul li.noPhoto div.img {
	background-image: url(virtukeskus/images/placeholder-nophoto.jpg);
	border-color: #5188a8;
}
#asiantuntijat ul li.photo:hover div.img {
	width: 50px;
	height: 60px;
	background-size: 50px;
	margin-bottom: 5px;
}
#asiantuntijat ul li.photo a,
#asiantuntijat ul li.photo span,
#asiantuntijat ul li.photo p,
#asiantuntijat ul li.noPhoto a,
#asiantuntijat ul li.noPhoto span,
#asiantuntijat ul li.noPhoto p { margin-left: 32px; }
#asiantuntijat ul li.photo:hover a,
#asiantuntijat ul li.photo:hover span,
#asiantuntijat ul li.photo:hover p { margin-left: 56px; }
#asiantuntijat .fadeout {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 258px;
	height: 54px;
	background: transparent url(virtukeskus/images/fadeout1.png) repeat-x 0 0;
}

iframe.kartta {
	border-width: 1px;
	border-style: solid;
	border-color: #478fb7 #6898b4 #6898b4 #478fb7;
}

.tooltip { cursor: help; }
.tooltipR {
	background: transparent url(virtukeskus/images/ico_info_flat.png) no-repeat 100% 50%;
	padding-right: 15px;
}
img.infoIcon {
	margin: -2px 2px 0 4px;
	vertical-align: middle;
}

.button.btnBig {
	display: block;
	width: 200px;
	margin: 14px auto 18px auto;
}

#banneri-toimeentulotukilaskuri,
#banneri-elatusapulaskuri {
	display: block;
	width: 212px;
	line-height: 10;
	overflow: hidden;
	margin-left: -1px;
}
#banneri-toimeentulotukilaskuri {
	background: transparent url(virtukeskus/images/banner_toimeentulotukilaskuri2.png) no-repeat 0 0;
	height: 59px;
}
#banneri-elatusapulaskuri {
	background: transparent url(virtukeskus/images/banner_elatusapulaskuri.png) no-repeat 0 0;
	height: 51px;
}

#portal-footer {
	height: 132px !important;
	padding: 14px 16px 16px 16px;
}
#portal-footer div {
	height: 131px;
	background: #ccebff url(virtukeskus/images/logos_footer_palvelut.png) no-repeat 2px 0 !important;
}
#updateInfo { position: absolute; bottom: 34px; right: 18px; }
#copyright { position: absolute; bottom: 18px; right: 18px; }

#availableTimes.note {
	position: relative;
	padding: 6px 11px 10px 11px;
	margin: 5px 0 0 0;
	overflow: hidden;
}
#availableTimes.note h5 {
	padding-bottom: 2px;
	margin-bottom: 5px !important;
	border-color: #ebcc69 !important;
	margin-right: -5px !important;
}
#availableTimes a.icon-close {
	position: absolute;
	top: 6px;
	right: 6px;
}
#availableTimes strong {
	display: block;
	margin-top: 4px;
}
#availableTimes br { display: none; }
#avTimeInfo,
#apptSysLink { transition: .25s linear; }
#apptSysLink {
	position: absolute;
	text-align: center;
}
#apptSysLink a {
	color: #169e00 !important;
	background: transparent url(virtukeskus/images/ico_arrow_right.png) no-repeat 100% 1px !important;
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-right: 18px;
	text-shadow: 0 0 5px #fff;
}
#apptSysLink a:hover { text-decoration: underline; }
Tietoturva
virtu.fi-asiointi on turvallista.
Lue lisää  (pdf, 433 kt)
Lisätietoa
 
Tietoa virtu.fi:stä