Difference between revisions of "Team:NAIT Edmonton/Logbook"

Line 119: Line 119:
  
  
/* Booklet jQuery Plugin Style*/
 
.booklet{
 
-moz-box-shadow:0px 0px 1px #fff;
 
-webkit-box-shadow:0px 0px 1px #fff;
 
box-shadow:0px 0px 1px #fff;
 
-moz-border-radius:10px;
 
-webkit-border-radius:10px;
 
border-radius:10px;
 
}
 
.booklet .b-wrap-left  {
 
background:#fff;
 
-webkit-border-top-left-radius: 10px;
 
-webkit-border-bottom-left-radius: 10px;
 
-moz-border-radius-topleft:10px;
 
-moz-border-radius-bottomleft: 10px;
 
border-top-left-radius: 10px;
 
border-bottom-left-radius: 10px;
 
}
 
.booklet .b-wrap-right {
 
background:#fff;
 
-webkit-border-top-right-radius: 10px;
 
-webkit-border-bottom-right-radius: 10px;
 
-moz-border-radius-topright: 10px;
 
-moz-border-radius-bottomright: 10px;
 
border-top-right-radius: 10px;
 
border-bottom-right-radius: 10px;
 
}
 
.booklet .b-counter {
 
bottom:10px;
 
position:absolute;
 
display:block;
 
width:90%;
 
height:20px;
 
border-top:1px solid #ddd;
 
color:#222;
 
text-align:center;
 
font-size:12px;
 
padding:5px 0 0;
 
background:transparent;
 
-moz-box-shadow:0px -1px 1px #fff;
 
-webkit-box-shadow:0px -1px 1px #fff;
 
box-shadow:0px -1px 1px #fff;
 
opacity:0.8;
 
}
 
.book_wrapper{
 
margin:0 auto;
 
padding-top:50px;
 
width:905px;
 
height:540px;
 
position:relative;
 
background:#FFFFFF;
 
        z-index:0;
 
}
 
.book_wrapper h1{
 
color:#13386a;
 
margin:5px 5px 5px 15px;
 
font-size:26px;
 
background:none;
 
padding-bottom:7px;
 
}
 
.book_wrapper p{
 
font-size:16px;
 
margin:5px 5px 5px 15px;
 
}
 
.book_wrapper a.article,
 
.book_wrapper a.demo{
 
background:#fff;
 
display:block;
 
width:95px;
 
height:41px;
 
text-decoration:none;
 
outline:none;
 
font-size:16px;
 
color:#555;
 
float:left;
 
line-height:41px;
 
padding-left:47px;
 
}
 
.book_wrapper a.demo{
 
margin-left:50px;
 
}
 
.book_wrapper a.article:hover,
 
.book_wrapper a.demo:hover{
 
background-position:50% -41px;
 
color:#FF0000;
 
}
 
.book_wrapper img{
 
margin:10px 0px 5px 35px;
 
width:300px;
 
padding:4px;
 
border:1px solid #ddd;
 
-moz-box-shadow:none;
 
-webkit-box-shadow:none
 
box-shadow:none;
 
}
 
.booklet .b-wrap-right img{
 
border:1px solid #E6E3C2;
 
}
 
a#next_page_button,
 
a#prev_page_button{
 
display:none;
 
position:absolute;
 
width:41px;
 
height:40px;
 
cursor:pointer;
 
margin-top:-20px;
 
top:50%;
 
background:#8BC5EB url(https://static.igem.org/mediawiki/2015/7/73/NAIT_Prev.png) no-repeat 0px -40px;
 
        z-index:2;
 
  
}
 
a#prev_page_button{
 
left:-30px;
 
background:#8BC5EB url(https://static.igem.org/mediawiki/2015/7/73/NAIT_Prev.png)
 
}
 
a#next_page_button{
 
right:-30px;
 
background:#8BC5EB url(https://static.igem.org/mediawiki/2015/a/a0/NAIT_Next.png)
 
}
 
a#next_page_button:hover{
 
background:#8BC5EB url(https://static.igem.org/mediawiki/2015/a/a0/NAIT_Next.png)
 
}
 
a#prev_page_button:hover{
 
background:#8BC5EB url(https://static.igem.org/mediawiki/2015/7/73/NAIT_Prev.png)
 
}
 
.loading{
 
width:160px;
 
height:56px;
 
position: absolute;
 
top:50%;
 
margin-top:-28px;
 
right:135px;
 
line-height:56px;
 
color:#fff;
 
padding-left:60px;
 
font-size:15px;
 
background: url(ajaxloader.jpg) no-repeat 10px 50%;
 
opacity: 0.7;
 
z-index:9999;
 
-moz-border-radius:20px;
 
-webkit-border-radius:20px;
 
border-radius:20px;
 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 
}
 
 
</style>
 
  
 
<div class="book_wrapper">
 
<div class="book_wrapper">

Revision as of 16:29, 15 June 2015