Browse files

updated css, changed a bit of structure

  • Loading branch information...
1 parent 7f3f464 commit 8ba652056b48e7f3ad5cf436f2bda54a8e6f7040 @telemaciek committed Mar 2, 2012
View
30 css/backlink.css
@@ -0,0 +1,30 @@
+/* Backlink css */
+.container {
+ padding-top: 45px;
+}
+ul.backlink {
+ position: absolute;
+ top:0;
+ left: 0;
+ width: 100%;
+ display: block;
+ height: 45px;
+ background: #222;
+ padding:0;
+}
+ul.backlink li {
+ float:left;
+
+}
+ul.backlink li a {
+ display: block;
+ padding: 10px 20px;
+ color: #f0f0f0;
+ font-size: 14px;
+ line-height: 25px;
+ text-decoration: none;
+ font-family: Helvetica, Arial, sans-serif;
+ }
+ul li a:hover {
+ color: #fff;
+}
View
2 css/styles.css
@@ -25,6 +25,8 @@ h2 {
}
p {
width: 420px;
+ line-height: 18px;
+ padding: 30px 0 20px 0;
}
ul {
list-style-type: none;
View
18 index.html
@@ -8,27 +8,29 @@
<title>
jQuery in 30 days
</title>
-<style>
-</style>
+<script>
+$(document).ready(function(){
+
+ $("p").css('color','#333');
+
+});
+</script>
</head>
<body class="index">
<div class="container">
<h1>
jQuery in 30 days
- <h1>
- <h2>
- From Barack Obama to Socrates
- </h2>
+ </h1>
<p>
This repository is being created mostly to document my mystic journey. To be albe to access the code on any machine will also be nice.
<br>
The 30-days thing is just marketing.
</p>
<ul>
<li>
- <a href="/stylesheet-switcher/index.html">Stylesheet switcher</a>
+ <a href="stylesheet-switcher/index.html">Stylesheet switcher</a>
</li>
- <ul>
+ </ul>
</div>
</body></html>
View
7 js/autoresize.jquery.min.js
@@ -0,0 +1,7 @@
+/*
+ * jQuery autoResize (textarea auto-resizer)
+ * @copyright James Padolsey http://james.padolsey.com
+ * @version 1.04
+ */
+
+(function(a){a.fn.autoResize=function(j){var b=a.extend({onResize:function(){},animate:true,animateDuration:150,animateCallback:function(){},extraSpace:20,limit:1000},j);this.filter('textarea').each(function(){var c=a(this).css({resize:'none','overflow-y':'hidden'}),k=c.height(),f=(function(){var l=['height','width','lineHeight','textDecoration','letterSpacing'],h={};a.each(l,function(d,e){h[e]=c.css(e)});return c.clone().removeAttr('id').removeAttr('name').css({position:'absolute',top:0,left:-9999}).css(h).attr('tabIndex','-1').insertBefore(c)})(),i=null,g=function(){f.height(0).val(a(this).val()).scrollTop(10000);var d=Math.max(f.scrollTop(),k)+b.extraSpace,e=a(this).add(f);if(i===d){return}i=d;if(d>=b.limit){a(this).css('overflow-y','');return}b.onResize.call(this);b.animate&&c.css('display')==='block'?e.stop().animate({height:d},b.animateDuration,b.animateCallback):e.height(d)};c.unbind('.dynSiz').bind('keyup.dynSiz',g).bind('keydown.dynSiz',g).bind('change.dynSiz',g)});return this}})(jQuery);
View
40 stylesheet-switcher/future.css
@@ -1,27 +1,33 @@
-body {
+
+
+/* The actual css */
+
+body {
+ text-align: center;
+ background: url(wright_brothers.jpg) 50% 50% no-repeat;
+}
+.container {
font-family: Helvetica, Arial, sans-serif;
- padding-left: 100px;
- padding-top: 50px;
+ padding-bottom: 50px;
}
h1 {
- font-size: 2.5em;
- margin-bottom: 50px;
+ font-size: 40px;
+ padding: 50px 0;
}
-
-h2 {
-
+p,
+ul.switchlinks {
+ position: absolute;
+ left: 50%;
+ width: 260px;
+ height: 360px;
}
p {
- float:left;
- width: 400px;
- padding-bottom: 20px;
+ text-align: left;
+ background: url(paper.png) no-repeat;
+ padding: 45px 85px 45px 45px;
}
ul.switchlinks {
- position:absolute;
- left: 600px;
- top: 300px;
+ margin-left: -400px;
}
-ul.backlink li a {
-
-}
+
View
20 stylesheet-switcher/index.html
@@ -2,12 +2,12 @@
<html lang="pl"><head>
<meta charset="utf-8" />
<link rel="stylesheet" href="../css/reset.css" type="text/css" />
-<link rel="stylesheet" href="../css/stylexSs.css" type="text/css" />
<link rel="stylesheet" href="future.css" type="text/css" class="switchsheet" />
+<link rel="stylesheet" href="../css/backlink.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Lobster|Maven+Pro' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<title>
-jQuery in 30 days
+stylesheet switcher - jQuery in 30 days
</title>
</head>
<body class="styleswitcher">
@@ -22,11 +22,10 @@
<li><a href="#" data-sheet="past">Man, I wish I lived in the past.</a></li>
<li><a href="#" data-sheet="future">Back to the future!</a></li>
</ul>
- <ul class="backlink">
- <li>
- <a href="/stylesheet-switcher/index.html" class="back">&laquo; Back to list of projects?</a>
- </li>
- <ul>
+
+ <em>
+ http://commons.wikimedia.org/wiki/Wright_brothers
+ </em>
</div>
@@ -44,4 +43,11 @@
</script>
+<ul class="backlink">
+ <li>
+ <a href="../index.html" class="back">
+ &laquo; Back to list of projects
+ </a>
+ </li>
+<ul>
</body></html>
View
BIN stylesheet-switcher/paper.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN stylesheet-switcher/shuttle_landing.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN stylesheet-switcher/wright_brothers.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
1 test.txt
@@ -1 +0,0 @@
-testing

0 comments on commit 8ba6520

Please sign in to comment.