View source for Template:IONIS Paris/Menu/Notebook/CSS2

<html>
<style type="text/CSS">
::selection {
  background: rgba(0,0,0,.05);
}

ul, h1, h2, h3, h4 {
  margin: 0; padding: 0;
  list-style: none;
}
a, li,
header nav span,
article span {
  text-decoration: none;
  transition: all .25s ease-in-out;
}
h1.calendar {
  font: 300 20px 'Open Sans';
  color: #B22222;
  text-decoration: none;
  transition: all .25s ease-in-out;
}


/****/
/* Calendar */
/****/
section.calend {
  width: 1300px; 
  height: 200px;
  padding-left:20px;
}


section.mounth {
  display: block;
  float: left;
  width: 180px; height: auto;
  background: #fff;
  border-radius: 2px;
}
  header {
    position: relative;
    display: block;
    height: 50px;
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.06);
  }
    header h1.calendar {
      margin-left: 20px;
      line-height: 60px;
    }
  
    

article {padding: 2px 1px 10px 5px}
  article b,
  article span {
    display: block;
    float: left;
    width: 20px; height: 20px;
    margin: 2px;
    text-align: center;
  }
  article b {
    font: 600 16px/45px 'Open Sans';
    color: #91d9ff;
  }
  article span {
    font: 300 14px/40px 'Open Sans';
    color: #FAF0E6;
    box-shadow: inset 0 0 1px 1px rgba(255, 0, 0, 0.1);
    border-radius: 4px;
    cursor: pointer;
  }
article span.VVD {
    font: 300 14px/40px 'Open Sans';
    background-color: hsl(0, 80%, 80%);
    box-shadow: inset 0 0 1px 1px hsl(0, 80%, 80%);
    border-radius: 4px;
    cursor: pointer;
  }
article span.pDawn {
    font: 300 14px/40px 'Open Sans';
    background-color: hsl(0, 40%, 80%);
    box-shadow: inset 0 0 1px 1px  hsl(0, 50%, 80%);
    border-radius: 4px;
    cursor: pointer;
  }

article span.other {
    font: 300 14px/40px 'Open Sans';
    background-color: hsla(0, 100%, 45%, 0.5);
    box-shadow: inset 0 0 1px 1px  hsla(0, 100%, 50%, 0.3);
    border-radius: 4px;
    cursor: pointer;
  }

article span.both {
    font: 300 14px/40px 'Open Sans';
    background-color: hsla(0, 70%, 35%, 0.2);
    box-shadow: inset 0 0 1px 1px  hsla(0, 70%, 35%, 0.2);
    border-radius: 4px;
    cursor: pointer;
  }

  article span.disable {
    background-color: hsla(0, 100%, 50%, 0.1);
    box-shadow: inset 0 0 1px 1px hsla(0, 100%, 70%, 0.1);
  }
    article span:not(.disable):hover {
      background: rgba(102, 205, 170, 0.2);;
      box-shadow:
        inset 0 0 1px 1px #d9dce5,
        0 1px 3px -1px #cdd0dd;
    }
    article span:not(.disable):active {
      background: #66cdaa;
      box-shadow:
        inset 0 1px 2px rgba(0,0,0,.18),
        0 0 0 #cdd0dd;
    }
    article span.active,
    article span.active:hover,
    article span.active:active {
      color: #fff;
      box-shadow:
        inset 0 0 1px 1px #ff8263,
        0 1px 3px -1px #ff8263;
      background: #ff8263;
    }
  article div {
    display: block;
    overflow: hidden;
    clear: both;
  }
</style>
</html>