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_henkilokortti.css

local_henkilokortti.css

Click here to get the file

Koko 6.1 KB - File type text/css

Tiedoston sisältö

#portal-column-one, 
#portal-column-two { display: none; }
#portal-column-content { 
	width: auto;
	background: #fff;
	border-radius: 8px 8px 0 0;
	overflow: visible;
}
.contentActions { margin-bottom: 12px; }
#content { width: auto; }
#portal-column-content {
	position: relative;
	border: 1px solid #2b82c2;
	padding: 17px 0 22px 0;
	transition: all 1.2s ease-in-out .5s;
}
#portal-column-content.card {
	border-radius: 8px;
	border-color: #2d8cd0 #2579ab #0f6a9b #2b82c2;
	box-shadow: 4px 14px 40px rgba(2, 79, 133, 0.48);
}
#portal-breadcrumbs { display: none; }
#portal-row-footer {
	background: transparent;
	border: none;
}
#portal-footer {
	background: #ccebff;
	border: 1px solid #2b82c2;
	height: 55px !important;
	margin-top: -1px;
	padding: 14px 16px 16px 16px;
	transition: margin-top .8s ease-in-out .4s;
}
#portal-footer.separate {
	margin-top: 22px;
}
#portal-footer div {
	color: #55843b;
	height: 54px;
	background: #ccebff url(virtukeskus/images/logos_footer_wide.png) no-repeat 50% 0 !important;
}
#updateInfo { position: absolute; bottom: -20px; right: 4px; }
#copyright { position: absolute; bottom: -20px; left: 4px; }

#portal-toplink-ekollega,
#portal-toplink-virtu-kansalaisille { display: inline !important; }
#portal-toplink-virtu-ammattilaisille { display: none; }

h1.documentFirstHeading { display: none; }


#content h1 {
	font-size: 210%;
	margin-bottom: 10px;
}
#content img,
#valokuva {
	float: left;
	width: 168px;
	margin: 0 18px 17px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #4e6d88 #3d576d #364d63 #3d576d;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .3), inset 1px 1px 0 #fff;
}
.titteli {
	font-family: Arial, sans-serif;
	font-size: 130%;
}
.organisaatio { margin: 3px 0 13px 0; }
#content ul { list-style-position: inside; }
ul#yhteystiedot {
	list-style: none;
	border-top: 2px solid #58b8fa;
	padding-top: 14px;
}
ul#yhteystiedot li {
	display: table-row;
	line-height: 1.8;
}
ul#yhteystiedot li > span.tableCell {
	display:table-cell;
	vertical-align: top;
}
ul#yhteystiedot li:before {
	display: table-cell;
	float: left;
	width: 8em;
	color: #36a01a;
	font-size: 100%;
	font-weight: bold;
	text-align: right;
	margin-right: .9em;
}
ul#yhteystiedot li.puhelin:before { content: "Puhelin"; }
ul#yhteystiedot li.email:before { content: "S\00e4hk\00f6posti"; }
ul#yhteystiedot li.videoneuvottelu:before { content: "Videoneuvottelu"; }
ul#yhteystiedot li.postiosoite:before { content: "Postiosoite"; }

p.viesti {
	position: relative;
	display: block;
	clear: both;
	padding: 1em 4em 1.2em 4em;
	background: #e1f6ff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWZhZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fff 0%, #e1f6ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e1f6ff));
	background: -webkit-linear-gradient(top, #fff 0%, #e1f6ff 100%);
	background: -o-linear-gradient(top, #fff 0%, #e1f6ff 100%);
	background: -ms-linear-gradient(top, #fff 0%, #e1f6ff 100%);
	background: linear-gradient(to bottom, #fff 0%, #e1f6ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e1f6ff');
	font-size: 14px;
	font-style: italic;
	text-align: center;
	line-height: 19px;
	margin: 0;
	margin-bottom: 14px;
	margin-top: 14px;
	border-width: 1px;
	border-style: solid;
	border-color: #7ebae1 #63a4d2 #519ace #7ebae1;
	border-radius: 26px;
	box-shadow: 1px 1px 4px #dfecf2;
}
p.viesti:after, p.viesti:before {
	top: 100%;
	left: 82px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
p.viesti:after {
	border-color: rgba(238, 250, 255, 0);
	border-top-color: #e1f6ff;
	border-width: 19px;
	margin-left: -19px;
}
p.viesti:before {
	border-color: rgba(180, 212, 232, 0);
	border-top-color: #1b6e9e;
	border-width: 20px;
	margin-left: -20px;
}
p.viesti > .openingQuote,
p.viesti > .closingQuote {
	display: block;
	position: absolute;
	color: #caecfd;
	font-size: 80px;
	text-shadow: 1px 1px 0 #fff;
}
p.viesti > .openingQuote { top: 32px; left: 5px; }
p.viesti > .closingQuote { bottom: 41px; right: 10px; }

#koulutus,
#kokemus {
	display: block;
	border-radius: 4px;
	padding: 12px 17px 14px 0;
	margin: 6px 0 12px 0;
	box-sizing: border-box;
	width: 49%;
	list-style-position: outside !important;
	line-height: 1.5;
}
#koulutus {
	background: #c9ffc1;
	float: left;
	clear: left;
}
#kokemus {
	background: #d2eeff;
	float: right;
	clear: right;	
}
#koulutus .otsikko,
#kokemus .otsikko {
	font-size: 150%;
	font-weight: bold;
	letter-spacing: -1px;
	list-style: none;
	margin: -4px 0 4px 5px;
}

.customcolumn li {
    line-height: 1.8;
	 list-style: outside none none;
}


.twocolumns{
	padding-bottom: 5pt;
	padding-top: 9pt;
}

.twocolumn_left{
	float:left; 
	width: 35%; 
	margin-right: 2pt;
}

.twocolumn_right{
	float: left; 
	width: 35%;
}

@media (max-width: 1230px) {
  .twocolumns{
	clear: both;
  }

  .twocolumn_left{
	 
	width: 45%; 
	margin-right: 2pt;
 }

  .twocolumn_right{
	 
	width: 45%;
  }
}

.valokuva_hkortti{
	border-color: #4e6d88 #3d576d #364d63; 
	border-style: solid; 
	border-width: 1px; 
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3), 1px 1px 0 #fff inset; 
	margin-right: 18px; 
	display:inline-block;
	float:left; 
	width:168px; 
	height:252px; 
	background-size: 168px 252px; 
	background-repeat: no-repeat; 
	text-align: left; 
}
Tietoturva
virtu.fi-asiointi on turvallista.
Lue lisää  (pdf, 433 kt)
Lisätietoa
 
Tietoa virtu.fi:stä