Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Sv translation
languagefr


HTML
		<style>
			.body-content {
				padding-left: 15px;
				padding-right: 15px
			}

			.small {
				font-size: 11px
			}

			.imagebox {
				max-width: 700px
			}

			.item-product {
				margin-top: 25px
			}

			.product {
				width: 300px;
				float: left
			}

			.display {
				display: none
			}

			.product-next {
				width: 300px;
				float: left;
				margin-left: 20px
			}

			.item-content {
				padding: 10px 0 10px 0;
				margin-top: -4px;
				background-color: #182542;
				transition-property: background-color;
				transition-duration: 1.5s;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-transform: uppercase;
				font-weight: 400;
				text-align: center;
				color: #fff;
			}

			.general-item-content {
				background-color: #fff;
				border: 1px solid #182542;
			}

			.item-image {
				opacity: 1;
				-webkit-transition: .3s ease-in-out;
				transition: .3s ease-in-out
			}

			.item-image:hover {
				opacity: .2
			}

			.item-content:hover {
				padding: 10px 0 10px 0;
				margin-top: -4px;
				background-color: #84bf41;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-transform: uppercase;
				font-weight: 400;
				text-align: center;
				color: #fff
			}

			.item-contenttop {
				padding: 15px 0 15px 0;
				margin-top: -4px;
				background: #f2f2f2;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				text-transform: uppercase;
				font-weight: 400;
				text-align: center;
				color: #160000
			}

			.item-circle {
				width: 50px;
				height: 50px;
				border-radius: 50%;
				font-size: 18px;
				color: #160000;
				margin-bottom: 25px;
				line-height: 50px;
				text-align: center;
				background: #f2f2f2
			}

			.item-content a, a .item-content {
				font-size: .8rem!important;
				color: #fff;
				cursor:pointer;
    			padding: 13px 0 10px 0;
				line-height:1.5;
			}

			.item-content a:hover {
				font-size: .8rem!important;
				color: #fff
			}

			.container {
				position: relative;
				width: 100%
			}

			.image {
				display: block;
				width: 100%;
				height: auto
			}

			.image {
				display: block;
				width: 100%;
				height: auto
			}

			.userTypeLink {
				color: #160000;
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				font-weight: 400;
				line-height: 30px;
				text-align: center;
				margin-right: 1%;
				margin-left: 1%
			}

			.userTypeLink:hover {
				color: #84bf41;
				visibility: inherit
			}

			.userTypeLinkProdukte {
				color: #fff !important;  //TG 190614: increased importance to overwrite confluence settings
				font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 16px;
				font-weight: 400;
				line-height: 16px;
				text-align: center;
				margin-right: 1%;
				margin-left: 1%
			}

			.userTypeLinkProdukte:hover {
				color: #84bf41;
				visibility: inherit
			}

			.Header {
			    color: #160000;
    			font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
    			font-size: 25px;
    			line-height: 30px;
    			margin-top: 20px;
				margin-bottom: 10px;
			}

			.HeaderBlock {
				margin-top: 25px;
				height: 250px
			}

			.HeaderLine {
				height: 4px;
				left: 3px;
				background-color: #84bf41;
				width: 100%;
				float: left
			}

			.HeaderLine50 {
				height: 2px;
				left: 3px;
				background-color: #84bf41;
				width: 100%;
				float: left
			}

			.HeaderLineItem {
				height: 4px;
				left: 3px;
				background-color: #84bf41;
				width: 100%;
				float: left;
				margin-bottom: 5px
			}

			.item-link-box {
				float: left; 
				max-width: 992px;
				margin: 30px 0;
				clear: both;
			}

			.item-link-box .Header {
				margin-bottom: 15px;
			}

			.item-content-button {
				width: 300px;
				min-height: 100px;
				border: 0;
				margin-right: 20px;
				margin-bottom: 24px;
				padding: 10px;
				border-top: 4px solid #84bf41;
			}

			.wiki-content .item-content-button a {
				color: #fff;
			}



		</style> 
		
		<div class="Abstand"></div>
		<div>
			<div class="AbstandProdukte">
<!-- -->
				<div style="float: left; width: 300px; margin-right: 20px;">
					<div class="Header">VEKA</div>
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Versichertenkarte (VEKA)</a>
					</div>
				</div>
<!-- -->
				<div style="float: left; width: 300px; margin-right: 20px;">
					<div class="Header">ZSR</div>
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zsr.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicZSR">REGISTRE DES CODES-CRÉANCIERS (RCC)</a>
					</div>
				</div>
				<div style="float: left; width: 300px; margin-right: 20px;">
					<div class="Header">ZVR</div>
					<div class="HeaderLine">
					</div>
					<a href='/display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" />
					</a>
					<div class="item-content">
						<a class="userTypeLinkProdukte" href="/display/PublicZVR">REGISTRE CENTRAL DES CONVENTIONS (RCCO)</a>
					</div>
				</div>
			</div>
			<div class="item-link-box">				
				<div class="Header">Instructions</div>		
				<a href="/x/t4IFCg">
					<button type="button" class="item-content item-content-button">
						Notice explicative:<br>Enregistrement et utilisation du Login
					</button>
				</a>
  				<a href="/x/NoBcCw">
					<button type="button" class="item-content item-content-button">
				      Lancement de la procédure en ligne<br>pourligne<br/>pour numéro RCC et C
					</button>
				</a>
 				<a href="/x/DgBmFg">
					<button type="button" class="item-content item-content-button">
						Enregistrement<br>Microsoft Teams
					</button>
				<a href="/x/BwQ6DQ">
					<button type="button" class="item-content item-content-button">       
						Processus d’attribution<br>ded’attribution<br/>de rôle dans le système IAM<br>pourIAM<br/>pour utilisateurs avancés
					</button>
				</a> 
		    </div>	 			
		</div>   


...