<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> 
  /* Last updated february 2022 */ 
  
  .newInformationBlue:visited{
    background-color: #B1D8FA;
     color:#170B3B;
} 


.newInformationBlue:link {
    background-color: #B1D8FA;
     color:#170B3B;
} 

.newInformationBlue:hover {
    background-color: #B1D8FA;
    color:#170B3B;
} 

.newInformationBlue
{
 color:#170B3B;
text-decoration: blink;
 background-color: #B1D8FA;
font-size:20px;

}
  
  
 .lov4iotmainpagetable
{

background-color:#B1D8FA;
color:black;
border: 8px solid white;
}

  .lov4iotmainpagetable_short
{
background-color:#B1D8FA;
color:black;
border: 8px solid white;
}
 
 
 /* Last updated October 2021 */ 
 /******************* WARNING INFO FOR REFACTORING *************************/

.newInformationPink:visited{
    background-color: #F2E0F7;
     color:#170B3B;
} 


.newInformationPink:link {
    background-color: #F2E0F7;
     color:#170B3B;
} 

.newInformationPink:hover {
    background-color: #F2E0F7;
    color:#170B3B;
} 

.newInformationPink
{
 color:#170B3B;
text-decoration: blink;
 background-color: #F2E0F7;
font-size:20px;

}


.newInformation:link {
    background-color: #8258FA;
     color:#170B3B;
} 

.newInformation:hover {
    background-color: #819FF7;
    color:#170B3B;
} 

.newInformation
{
 color:#170B3B;
text-decoration: blink;
 background-color: #8258FA;
font-size:20px;

}


 /* Last updated August 2021 Blue button */ 
   .dropbtnblueButton {
  background-color: #B1D5FA;
  color: #003366;
  padding: 16px;
  font-size: 20px;
  border: none;
  width: 300px;
  /*cursor: pointer;*/
  line-height: 1.5em; /* space between two lines */
}

       .blueButton{
   color: #003366;
    font-size: 20px;
     background-color: #B1D5FA;
  
  }
  
  /* Last updated April 2021 Black box */ 
 
     .h1BlackBoxLOV4IoT{
   color: black;
   font-size: 25px;
  
  }
 
 .blackBoxLOV4IoT {/* class */
 border-style: dashed ;
 border-color: black;
 border-width: 5px;
 line-height: 1.5em; /* space between two lines */
 font-size: 18px;
 padding-top: 15px;
  padding-bottom: 25px;
  padding-right: 35px; 
  padding-left: 35px;
  height: 70%;
  width: 88%;
  
  margin-top: 50px; /* between each box */
  margin-bottom: 50px;
 /* margin-right: 50px;
  margin-left: 50px;*/
 }

  /* Last updated March 2021 Blue box */ 
 
 a.blueLink:visited {
  color: #1084B6;
  background-color: transparent;
  text-decoration: underline;
}

 a.blueLink:hover {
  color: #1084B6;
  background-color: transparent;
  text-decoration: underline;
}

 a.blueLink:active {
  color: #1084B6;
  background-color: transparent;
  text-decoration: underline;
}

 a.blueLink:link {
  color: #1084B6;
  background-color: transparent;
  text-decoration: underline;
}
 
    .TextBlueColor{
   color: #003366;
   }
     .h1BlueBox{
   color: #003366;
    font-size: 38px;
   }
    .h3BlueBox{
   color: #003366;
    font-size: 38px;
   }
 
 .boxChallengeBlue {/* class */
 border-style: dashed ;
 border-color: #0059b3;
 color: #003366;
 border-width: 5px;
 line-height: 1.5em; /* space between two lines */
 font-size: 18px;
 background-color: #B1D5FA;
 padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 100px; 
  padding-left: 30px;
  height: 70%;
  width: 88%;
  
  margin-top: 50px; /* between each box */
  margin-bottom: 50px;
 /* margin-right: 50px;
  margin-left: 50px;*/
 }
 
 
 
 /* Last updated May 2020 Help us web page */
  /** 
 used in help us web page
 used in standard web page
 used in social networks web page
 used in use case web page
 used in about us web page
 
 to do
 - scenario
 - publication web page
 **/

 
   .h3PurpleBox{
   color: #691B7D;
    font-size: 38px;
   }
 
    .h1PurpleBox{
   color: #461752;
    font-size: 38px;
  
  }
 
  .purpleBox {/* class */
 border-style: dashed ;
 border-color: #461752;
 color: #691B7D;
 border-width: 5px;
 line-height: 1.5em; /* space between two lines */
 font-size: 18px;
 background-color: #E6CEEC;
 padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 100px; 
  padding-left: 30px;
  height: 70%;
  width: 88%;
  margin-top: 50px; /* between each box */
  margin-bottom: 50px;
 }
 /* ###################################################################################
 ###################################################################################
 ################################################################################### */
 /* Last updated April 2020 Recommender System immune system */
 
 /*
  .dropbtnRecommenderSystemImmuneSystem:title {
  background-color: #AF60C4;
    color: white;
  }
  */
 
 .dropbtnRecommenderSystemImmuneSystem {
  background-color: #AF60C4;
  color: white;
  /* 	color: #461752;*/
  padding: 16px;
  font-size: 20px;
  border: none;
  width: 300px;
  /*cursor: pointer;*/
  line-height: 1.5em; /* space between two lines */
}

 .normalList {

   font-size: 18px;
  border: none;
  /*cursor: pointer;*/
  line-height: 5px; /* space between two lines */
}

/*
boxRecommenderSystemImmuneSystem2 a:hover{ , a:hover, a:active
	 color: #461752; } 
	 

boxRecommenderSystemImmuneSystem2 a:hover{ , a:hover, a:active
	 color: #461752; } 
	 
boxRecommenderSystemImmuneSystem2 active{ , a:hover, a:active
	 color: #461752; } 
	 
	 	 */
 
 .buttonRecommenderSystemImmuneSystem {
   color: #461752;
  background-color: #AF60C4; 
  display: inline;
  border-style: double ;
  border: 2px dashed #691B7D; /*  */

line-height: 1.5em; /* space between two lines */
 padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
 font-size: 18px;
}

 
 .boxChallengePurple {/* class */
 border-style: dashed ;
 border-color: #461752;
 color: #691B7D;
 border-width: 5px;
 line-height: 1.5em; /* space between two lines */
 font-size: 18px;
 background-color: #E6CEEC;
 padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 100px; 
  padding-left: 30px;
  height: 70%;
  width: 88%;
  
  margin-top: 50px; /* between each box */
  margin-bottom: 50px;
 /* margin-right: 50px;
  margin-left: 50px;*/
 }
 
  .h3RecommenderSystemImmuneSystem{
   color: #691B7D;
    font-size: 38px;
  
  }
   /* Last updated 2017 */





textarea {
  width: 900px;
  height: 250px;
}

 
 /******************* FANCY LISTS *************************/

 /* LIST #3 */
#list3 { }
#list3 ul { list-style-image: url("arrowList.png"); color:#eee; font-size:18px; }
#list3 ul li { line-height:30px; }
/*image stored in the css repository otherwise the path (when stored in /images) is not right, the image is not loaded on the deployed version but works on localhost*/



/* LIST #8 */
#list8 {  }
#list8 ul { list-style:none; }
#list8 ul li { font-family:Georgia,serif,Times; font-size:18px; }
#list8 ul li a { display:block; width:300px; height:28px; background-color:#333; border-left:5px solid #222; border-right:5px solid #222; padding-left:10px;
  text-decoration:none; color:#bfe1f1; }
#list8 ul li a:hover {  -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #000000;
  -webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #000000;
  transform:rotate(-5deg); box-shadow:10px 10px 20px #000000; }



 /******************* OTHERS *************************/



img.info:title {
    font-size: 30px;
    background: white;

   color: green;
}

.tdcenter{
text-align: center;
} 


.iswc_tutorial_h3{
text-align: center;
} 


 /******************* WARNING INFO FOR REFACTORING *************************/

.warning:visited{
    background-color: #80ccff;
     color:#004d80;
} 

.warning:link{
    background-color: #80ccff;
     color:#004d80;
} 

.warning:hover {
    background-color: #80ccff;
    color:#004d80;
} 

.warning
{
 color:black;
text-decoration: blink;
 background-color: #80ccff;
font-size:20px;
font-weight:bold;

}




/* unvisited link */
a:link {
    color: #5C4BC8;
}

/* visited link */
a:visited {
    color: #8B4BC8;
}

/* mouse over link */
a:hover {
    color: #642EFE;
}

/* selected link */
a:active {
    color: #642EFE;
}

h1{
	
	 color: #514BC8;
}

h3, h2{
	
	 color: #514BC8;
}

.redBlink:visited, .link {
    background-color: red;
     color:black;
} 

.redBlink:hover {
    background-color: red;
    color:black;
} 

.redBlink
{
 color:black;
text-decoration: blink;
 background-color: red;
font-size:20px;

}

.displayNumberOntology
{
color:purple;
text-decoration: blink;
display: inline;
font-weight:bold;
font-size:25px;
}






.purpleQuestion
{
color:purple;
font-weight:bold;
}
.online
{
background-color:#FACC2E;
color:black;
}

.already
{
background-color:#53B810;
color:black;
}

.ongoing
{
background-color:#FC9A21;
color:black;
}

.onlineLOV
{
background-color:#9FF781;
color:black;
}

.no
{
background-color:#F3808B;
color:black;
}


</pre></body></html>