Temporary Notes

Created 04 Jan 2018 07:44, Updated 04 Jan 2018 07:44

The temporary notes work off a similar CSS system as the subsections since they both entail the same concept of hover-tipping. The are two classes for the temporary notes one for the actual notes and one for the note block itself. They are:

  • .temp
  • .sidetemp

Here is the default code:

.temp span{    display: none; }
.temp:hover{ }
.temp:hover span{
    position: absolute;
    display: inline;
    margin: 13px -20px;
    height: auto;
    width: 250px;
    background: #FFF;
    border: 1px solid #660;
    color: #000;
    padding: 3px;
}
.temp:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}
 
.sidetemp .pager{
    font-size: 70%
}
.sidetemp .pager-no{
    display: none;
}
.sidetemp .dots{
    display: none;
}

As before, it is best to leave .temp span and .temp:hover span span alone. The .sidetemp classes actually work here to shrink the size of the page indicators if so many temporary notes exist that more than one page is required.

Fix IE bug

csstutorial
Dacă nu este specificat altfel, conţinutul acestei pagini este licenţiat sub Creative Commons Attribution-ShareAlike 3.0 License