Difference between revisions of "Team:SDU-Denmark/css/general"

Line 257: Line 257:
 
}
 
}
  
−
.tooltip {
+
div.tooltip span.tooltiptext {
−
    position: relative !important;
+
  visibility: hidden;
−
    display: inline-block !important;
+
  width: 120px;
−
    border-bottom: 1px dotted black !important;  
+
  background-color: black;
 +
  color: #fff;
 +
  text-align: center;
 +
  padding: 5px 0;
 +
  border-radius:6px;
 +
  position: absolute;
 +
  z-index: 1;
 +
  bottom:100%;
 +
  left:50%;
 +
  margin-left: -60px;
 
}
 
}
  
−
.tooltip .tooltiptext {
+
div.tooltip:hover span.tooltiptext {
−
    visibility: hidden !important;
+
  visibility: visible;
−
    width: 120px !important;
+
−
    background-color: black !important;
+
−
    color: #fff !important;
+
−
    text-align: center !important;
+
−
    padding: 5px 0 !important;
+
−
    border-radius: 6px !important;
+
−
    position: absolute !important;
+
−
    z-index: 1 !important;
+
 
}
 
}
  
−
 
+
div.tooltip span.tooltiptext::after {
−
.tooltip:hover .tooltiptext {
+
  content: " ";
−
    visibility: visible !important;
+
  position:absolute;
−
}
+
  bottom: 100%;
−
 
+
  left: 50;
−
 
+
  margin-left: 5px;
−
.tooltip .tooltiptext {
+
  border-width: 5px;
−
    width: 120px !important;
+
  border-style: solid;
−
    bottom: 100% !important;
+
  border-color: transparent transparent black transparent;
−
    left: 50% !important; 
+
−
    margin-left: -60px !important;
+
−
}
+
−
 
+
−
 
+
−
.tooltip .tooltiptext::after {
+
−
    content: " " !important;
+
−
    position: absolute !important;
+
−
    bottom: 100% !important;
+
−
    left: 50% !important;
+
−
    margin-left: -5px !important;
+
−
    border-width: 5px !important;
+
−
    border-style: solid !important;
+
−
    border-color: transparent transparent black transparent !important;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
.tooltip {
+
−
    position: relative !important;
+
−
    display: inline-block !important;
+
−
    border-bottom: 1px dotted black !important;
+
−
}
+
−
 
+
−
.tooltip .tooltiptext {
+
−
    visibility: hidden !important;
+
−
    width: 120px !important;
+
−
    background-color: black !important;
+
−
    color: #fff !important;
+
−
    text-align: center !important;
+
−
    padding: 5px 0 !important;
+
−
    border-radius: 6px !important;
+
−
    position: absolute !important;
+
−
    z-index: 1 !important;
+
−
}
+
−
 
+
−
 
+
−
.tooltip:hover .tooltiptext {
+
−
    visibility: visible !important;
+
−
}
+
−
 
+
−
 
+
−
.tooltip .tooltiptext {
+
−
    width: 120px !important;
+
−
    bottom: 100% !important;
+
−
    left: 50% !important; 
+
−
    margin-left: -60px !important;
+
−
}
+
−
 
+
−
 
+
−
.tooltip .tooltiptext::after {
+
−
    content: " " !important;
+
−
    position: absolute !important;
+
−
    bottom: 100% !important;
+
−
    left: 50% !important;
+
−
    margin-left: -5px !important;
+
−
    border-width: 5px !important;
+
−
    border-style: solid !important;
+
−
    border-color: transparent transparent black transparent !important;
+
 
}
 
}

Revision as of 16:17, 5 October 2017

/********************************************************************/ /********************* DEFAULT WIKI SETTINGS **********************/ /********************************************************************/


/* Clear the default wiki settings */

#home_logo, #sideMenu { display:none; } #sideMenu, #top_title, .patrollink {display:none;} #content { width:100%; padding:0px; margin-top:-32px; margin-left:0px;} body {background-color: white;} #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }


/********************************************************************/ /************************ BOOTSTRAP FIX ***************************/ /********************************************************************/


.container-fluid { 

   padding-right:0px;
   padding-left:0px;
   margin-right:auto;
   margin-left:auto
}

.row { 

 margin-left: 0px;
 margin-right: 0px;

}


.collapseButton { 

 text-align: center;
 margin-top: -40px;
 margin-bottom: -40px;

}


/********************************************************************/ /****************************** FONTS ******************************/ /********************************************************************/

  1. HQ_page h1 {
 font-family: 'roboto', sans-serif;
 font-weight:100;
 font-size: 300%;
 color: rgb(0, 0, 0);

}

span#PowerLeafH1 { 

 font-size: 140%;

}

  1. HQ_page h2 {
 font-family: 'roboto', sans-serif;
 font-size: 400%;
 color: rgb(0, 0, 0, .8);
 margin-bottom: -5px;
 padding-top:0px;
 letter-spacing: 0.1em;

}

  1. HQ_page h3 {
 font-family: arial, sans-serif;
 font-size: 300%;
 color: rgb(0, 0, 0, .8);
 display:inline-block;
 letter-spacing: 0.1em;

}

  1. HQ_page h5 {

position: relative; font-family:"Helvetica Neue","Helvetica",sans-serif; font-weight:normal; font-size:1.3rem; margin:0; padding:0; line-height:44px; text-align:center; 

       z-index: 2;
       font-weight:300;
       margin:-9px -10px -10px -10px;

}


  1. HQ_page p {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;;
   font-size: 16px;
   line-height: 24px;
   text-align: justify;
   color: rgba(0, 0, 0, .78);
   padding-top: 0px;
   display:inline-block;

}

  1. HQ_page p.raleway {
   font-family: "Raleway", sans-serif;
   font-size: 14px;
   margin-bottom:0px;

}

  1. HQ_page #abstract p.raleway {
   font-size: 16px;

}


  1. HQ_page p.P-Larger {
   font-size: 24px;
   margin-top:25px;

}

p.handwritten { 

   font-family: 'Neucha', sans-serif !important;
   font-size: 27px !important;
   letter-spacing:0.01em;

}


span.largeFirstLetter { 

 font-size:150%;

}


  1. HQ_page ul.list li {
   margin-bottom: 5px;
   list-style-type: none;
   list-style: disc;
   color: rgba(0,0,0,0.78);
   font-size: 14px;
   line-height: 22px;

}

  1. HQ_page ul.list {
   margin: 0px 0px 0px 10px;
   padding: 0px 30px;
   text-align: justify;

}



  1. HQ_page br {
  display: block;
  margin-top: 10px;
  content: " ";
  line-height:22px;

}

  1. HQ_page br.shortBreak {
   margin-top: 5px;

}

  1. HQ_page br.noContent {
   content:none;

}


hr { 

   margin-top: 20px;
   margin-bottom: 20px;
   border: 0;
   border-top: 1px solid rgba(0,0,0,0.8);

}


span.btn-link{ 

   padding: inherit;
   font-size: inherit;
   line-height: inherit;
   border: inherit;
   font-weight: inherit;
   color: #73918A;
   margin: inherit;
   vertical-align: inherit;
   text-align: inherit;
   display: inherit;
   cursor:pointer;

}

span.btn-link:hover { 

   color: #E99662;

}

.modal-header .close { 

   margin-top: 10px;
   margin-right: 15px;

}

.modal-header { 

   padding: 0px;
   border-bottom: 1px solid #ddd;
   text-align: center;

}

h2.modal-title { 

 margin-top: 32px;
 padding-bottom: 12px;
 font-size: 300% !important;

}

.modal-body { 

 padding:40px 0px;

}

a.btn.btn-default { 

   color: #73918A;

}



a.plusCollapse > p.P-Larger { 

   color: #73918A !important;

} a.plusCollapse:hover > p.P-Larger { 

   color: #E99662 !important;

}

.double-arrow-down { 

   height: 25px;
   pointer-events: none;
   position: relative;
   top: 4px;
   margin-right:10px;
   transition: 0.5s;

}

.double-arrow-down.active { 

   transform: rotate(180deg);
   transition: 0.5s;

}



/*********REMEMBER THIS HR IS MADE AS A CLASS**********/ .hr { 

 display: inline-block;

} .hr:after { 

 content: ;
 display: block;
 border-top: 1px solid black;
 margin: 1% 0.4% -1% 0.4%;

}



div.tooltip { 

 position: relative;
 display:inline-block;
 border-bottom: 1px dotted black;

}

div.tooltip span.tooltiptext { 

 visibility: hidden;
 width: 120px;
 background-color: black;
 color: #fff;
 text-align: center;
 padding: 5px 0;
 border-radius:6px; 
 position: absolute;
 z-index: 1;
 bottom:100%;
 left:50%;
 margin-left: -60px;

}

div.tooltip:hover span.tooltiptext { 

 visibility: visible;

}

div.tooltip span.tooltiptext::after { 

 content: " ";
 position:absolute;
 bottom: 100%;
 left: 50;
 margin-left: 5px;
 border-width: 5px;
 border-style: solid;
 border-color: transparent transparent black transparent;

}