pingu_98/cern-summer-webfest
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

pre remove boostrap thing

Browse source
This commit is contained in:
João Batista 2012-08-04 17:09:24 +02:00
parent 538ae9a36d
commit e1115ca8c7
4 changed files with 48 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
css/structure.css Normal file
View file

@ -0,0 +1,4 @@
.chapter-image{
height: 4em;
width: 4em;
}

BIN
img/firefox.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 100 KiB

0
js/javascript.js Normal file
View file

56
main.html
View file

@ -10,22 +10,52 @@
<script src="http://code.jquery.com/ui/1.8.22/jquery-ui.min.js" type="text/javascript"></script>
<script src="js/javascript.js"></script>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="css/structure.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="bootstrap/js/bootstrap.js"></script>
</head>
<body>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li class="active">
<a class="image-link" >
<img src="img/CERNlogo.gif" >
<p>Subtitle</p>
</a>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse">
<ul class="nav">
<li class="active">
<a class="image-link" >
<img class="chapter-image" src="img/firefox.png" >
<p>Subtitle</p>
</a>
</li>
<li class="">
<a class="image-link" >
<img class="chapter-image" src="img/firefox.png" >
<p>Subtitle</p>
</a>
</li>
<li class="">
<a class="image-link" >
<img class="chapter-image" src="img/firefox.png" >
<p>Subtitle</p>
</a>
</li>
<li class="">
<a class="image-link" >
<img class="chapter-image" src="img/firefox.png" >
<p>Hide it!</p>
</a>
</li>
</ul>
</div>
</div>
</div>
@ -38,8 +68,10 @@
<div id="right-hidden">
</div>
<script>
//$("p.image-link").attr('diplay', 'none');
$(".collapse").collapse();
$(".navbar-inner").hover(function(){
$(this).height('0.2em');
},function(){});
</script>
</body>
</html>