regions_right_slideout.css in Regions 7

/* right side blocks */
#regions_right_slideout {
  background-color:#5FBFF3;
  color:#EEE;
  width:30%;
  top:0px;
  height:100%;
  z-index:10000;
  right:-30%;
  float:right;
  position:fixed;
    overflow-x:hidden;
    overflow-y:scroll;
  padding:0px;
  margin:0px;
}
#regions_right_slideout .regions_block_title {
  padding:5px;
  background-color:#222;
  color:#EEE;
  margin:300px 0px 0px -60px;
  -o-transform:  rotate(-90deg); /* opera specific */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* ie */
    -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  display:block;
  height: 20px;
  width: 80px;
  float:left;
  cursor:pointer;
  position:fixed;
  font-size:14px;
  font-weight:bold;
}

#regions_right_slideout .regions_block_title a{
  color:#EEE;
}

#regions_right_slideout .regions_block_content a{
  color:#BBF;
}

#regions_right_slideout .regions_block_content {
  padding:40px 2px 10px 2px;
  text-align:left;
  font-size:12px;
  margin:0px;
  top:0px;
  bottom:0px;
  position:absolute;
  border-left:solid 10px #666;
  z-index:501;
}
#regions_right_slideout .regions_1 .regions_block_content {
  z-index:102;
}
/* colors for the blocks on the right */
#regions_right_slideout .regions_1 .regions_block_title {
  margin-top:150px;
}
#regions_right_slideout .regions_2 .regions_block_title {
  margin-top:240px;
}
#regions_right_slideout .regions_3 .regions_block_title {
  margin-top:330px;
}
#regions_right_slideout .regions_4 .regions_block_title {
  margin-top:420px;
}
#regions_right_slideout .regions_5 .regions_block_title {
  margin-top:510px;
}
/* default colors for the blocks on the right */
#regions_right_slideout .regions_block_title {
  background-color:#333;
}
#regions_right_slideout .regions_block_content {
  border-left:solid 10px #333;
}

/* open / close block display */
#regions_right_slideout .regions_toggle_open {
 margin:100px 0px 0px -30px;
 width: 30px;
 height:20px;
 float:left;
 cursor:pointer;
 position: fixed;
}
#regions_right_slideout .regions_toggle_closed {
 margin:100px 0px 0px -30px;
 width: 30px;
 height:20px;
 float:left;
 cursor:pointer;
 position: fixed;
}
/* on smaller devices make this smaller */
@media all and (max-width: 980px) {
  #regions_right_slideout {
    width:50%;
    right:-50%;
  }
  #regions_right_slideout .regions_pre_block_container {
    display:none;
  }
  #regions_right_slideout .regions_block_title {
    width: 60px;
    font-size:11px;
    margin:300px 0px 0px -60px;
    display:none;
  }
  #regions_right_slideout .regions_toggle_open {
    margin:110px 0px 0px -30px;
    display:none;
  }
  #regions_right_slideout .regions_toggle_closed {
    margin:110px 0px 0px -30px;
  }
}
/*-----------------overrides------------------------*/
#regions_right_slideout .view-nrhi-term-glossary .views-row{
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;    
    background-color:#ffffff;
    color: #393939;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    border:none;
    margin:10px;
}
#regions_right_slideout .view-nrhi-term-glossary .views-row .views-field-title{
    padding:15px 0;    
}
#regions_right_slideout .view-nrhi-term-glossary .views-row .views-field-title a{
    color:#393939;
}
#regions_right_slideout .view-nrhi-term-glossary .nrhi-term-definition{
        font-size:1.2em;
        padding:0px 10px 10px 10px;
}
#regions_right_slideout .regions_block_content {
    font-size:1.2em;
    padding:0;
    border-left: none;
}
    
#regions_right_slideout .regions_1 .regions_block_title {
    background-color:#5FBFF3;
    text-align:center;
    width:auto;
    padding: 6px 16px;
  margin-left: -75px;
}
#regions_right_slideout .regions_block_title a {
    color:#fff;
    font-size:1.5em;
}