Template:Lyon-INSA/notebook

From 2012.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 5: Line 5:
<script src="http://baijs.nl/tinyscrollbar/js/jquery.tinyscrollbar.min.js"></script>
<script src="http://baijs.nl/tinyscrollbar/js/jquery.tinyscrollbar.min.js"></script>
<style>
<style>
 +
/* MODIF LUCAS */
 +
                        #monthDays {
 +
                            width: 690px;
 +
                            margin: 0 0 0 40px;
 +
                            padding: 5px;
 +
                        }
 +
 +
                        #monthDays ul {
 +
                            margin: 0;
 +
                            padding: 5px 5px 5px 10px;                       
 +
                            border-top: 1px solid black;
 +
                            border-bottom: 1px solid black;
 +
                        }
 +
 +
                        #monthDays ul li {
 +
                            display : inline;
 +
                            padding: 5px 2px 5px 2px;
 +
                            margin: 0px 2px 0px 2px;
 +
                            font-size: 14px;
 +
                        }
 +
 +
                        #monthDays ul li a {
 +
                            text-decoration: none;
 +
                            color: black;
 +
                            font-weight: bold;
 +
                        }
 +
 +
                        #monthDays ul li.selected {
 +
                            background-color: rgb(250,250,250,0.2);
 +
                        }
 +
 +
                        /* //MODIF LUCAS */
.titreExp
.titreExp
{
{
-
         font-size:24px;
+
          
-
margin-top:20px;
+
margin-top:15px;
-
color:#53BCFE;
+
color:#fff;
-
display:inline-block;
+
        font-size:18px;
 +
text-shadow: -1px 0 black, 0 1px black,
 +
      1px 0 black, 0 -1px black
 +
}
}
.dateExp
.dateExp
{
{
 +
        color:#53BCFE;
         margin-left:5px;
         margin-left:5px;
-
         font-size:16px;
+
         font-size:22px;
-
         color:#A9B5BC;
+
         text-shadow: -1px 0 black, 0 1px black,
-
display:inline-block;
+
      1px 0 black, 0 -1px black
 +
}
}
.descExp
.descExp
{
{
 +
text-shadow: -1px 0 white, 0 1px white,
 +
      1px 0 white, 0 -1px white
         margin-top:10px;
         margin-top:10px;
}
}
-
 
+
.textContent{
 +
  text-align:justify;
 +
}
.month
.month
{
{
Line 40: Line 81:
-webkit-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border-radius:6px;
-
border:1px solid #dcdcdc;
+
border:1px solid #did="titreDiapo">Watchcdcdc;
display:inline-block;
display:inline-block;
color:#777777;
color:#777777;
Line 69: Line 110:
         margin-left:20px;
         margin-left:20px;
}
}
-
 
+
.unProto:hover
 +
{
 +
  color:#0095df;
 +
}
#jourPrecedent
#jourPrecedent
{
{
Line 107: Line 151:
-
#noteBookTextContent { width: 520px; clear: both; margin: 20px 0 10px; }
+
#noteBookTextContent .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
-
#noteBookTextContent .viewport { width: 500px; height: 300px; overflow: hidden; position: relative; }
+
 
-
#noteBookTextContent .overview { list-style: none; position: absolute; left: 0; top: 0; }
+
#noteBookTextContent { width: 400px; margin: 20px 0 10px; }
-
#noteBookTextContent .thumb .end,
+
#noteBookTextContent .viewport { width: 375px; height: 300px; overflow: hidden; position: relative; }
-
#noteBookTextContent .thumb { background-color: #003D5D; }
+
#noteBookTextContent .scrollbar{ background: transparent url(https://static.igem.org/mediawiki/2012/b/bf/Bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
-
#noteBookTextContent .scrollbar { position: relative; float: right; width: 15px; }
+
#noteBookTextContent .track { background: transparent url(https://static.igem.org/mediawiki/2012/6/67/Bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
-
#noteBookTextContent .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
+
#noteBookTextContent .thumb { background: transparent url(https://static.igem.org/mediawiki/2012/5/5f/Bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px;border:none; }
-
#noteBookTextContent .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
+
#noteBookTextContent .thumb .end { border:none;padding:0px;background: transparent url(https://static.igem.org/mediawiki/2012/5/5f/Bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; }
-
#noteBookTextContent .thumb .end { overflow: hidden; height: 5px; width: 13px; }
+
#noteBookTextContent .disable { display: none; }
-
#noteBookTextContent .disable{ display: none; }
+
#noteBookTextContent
#noteBookTextContent
{
{
-
   display:inline-block;
+
   display:inline-block;  
   margin-left:15px;
   margin-left:15px;
-
   width:40%;
+
   width:400px;
   background-color:rgba(150,150,150,0.2);
   background-color:rgba(150,150,150,0.2);
   border-radius:5px;
   border-radius:5px;
   padding:15px;
   padding:15px;
   border:1px solid rgb(150,150,150);
   border:1px solid rgb(150,150,150);
-
    
+
   height:300px;
 +
  box-shadow:inset 0 0 10px #000000;
}
}
Line 139: Line 183:
#titreDiapo{
#titreDiapo{
         font-size:24px;
         font-size:24px;
-
color:#888888;
+
color:#777777;
         text-align:center;
         text-align:center;
 +
        margin-left:30px;
 +
        margin-top:30px;
}
}
#leDiapo{
#leDiapo{
Line 148: Line 194:
}
}
 +
.BNSelected
 +
{
 +
cursor:default;
 +
        -moz-box-shadow:inset 0px 1px 0px 0px #bbb;
 +
-webkit-box-shadow:inset 0px 1px 0px 0px #bbb;
 +
box-shadow:inset 0px 1px 0px 0px #bbb;
 +
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bcbcbc), color-stop(1, #dedede) );
 +
background:-moz-linear-gradient( center top, #bcbcbc 5%, #dedede 100% );
 +
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#dedede');
 +
background-color:#bcbcbc;
 +
-moz-border-radius:6px;
 +
-webkit-border-radius:6px;
 +
border-radius:6px;
 +
border:1px solid #bbb;
 +
display:inline-block;
 +
color:#777777;
 +
font-family:arial;
 +
font-size:15px;
 +
font-weight:bold;
 +
padding:6px 24px;
 +
text-decoration:none;
 +
text-shadow:1px 1px 0px #ffffff;
 +
}
 +
.BNSelected:hover
 +
{
 +
        -moz-box-shadow:inset 0px 1px 0px 0px #bbb;
 +
-webkit-box-shadow:inset 0px 1px 0px 0px #bbb;
 +
box-shadow:inset 0px 1px 0px 0px #bbb;
 +
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bcbcbc), color-stop(1, #dedede) );
 +
background:-moz-linear-gradient( center top, #bcbcbc 5%, #dedede 100% );
 +
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#dedede');
 +
background-color:#bcbcbc;
 +
-moz-border-radius:6px;
 +
-webkit-border-radius:6px;
 +
border-radius:6px;
 +
border:1px solid #bbb;
 +
display:inline-block;
 +
color:#777777;
 +
font-family:arial;
 +
font-size:15px;
 +
font-weight:bold;
 +
padding:6px 24px;
 +
text-decoration:none;
 +
text-shadow:1px 1px 0px #ffffff;
 +
}
 +
.unProto{
 +
  margin:20px;
 +
  font-size:16px;
 +
  cursor:pointer; 
 +
}
</style>
</style>
</html>
</html>

Latest revision as of 18:40, 25 October 2012

Retrieved from "http://2012.igem.org/Template:Lyon-INSA/notebook"