update widget homepage with new style and content

aehlke · Jun 13, 2011 · bdd56f5 · bdd56f5
2 parents 8b0cfed + 08221fd
commit bdd56f5
Show file tree

Hide file tree

Showing 8 changed files with 263 additions and 59 deletions.
diff --git a/.gitmodules b/.gitmodules
@@ -0,0 +1,6 @@
+[submodule "Super-Theme-Switcher"]
+	path = Super-Theme-Switcher
+	url = git://github.com/harborhoffer/Super-Theme-Switcher.git
+[submodule "Aristo-jQuery-UI-Theme"]
+	path = Aristo-jQuery-UI-Theme
+	url = git://github.com/taitems/Aristo-jQuery-UI-Theme.git
diff --git a/Aristo-jQuery-UI-Theme b/Aristo-jQuery-UI-Theme
diff --git a/Super-Theme-Switcher b/Super-Theme-Switcher
diff --git a/css/jquery.tagit.css b/css/jquery.tagit.css
@@ -57,7 +57,7 @@ ul.tagit input[type="text"] {
 	padding: 0;
 	width: inherit;
 	border-color: #C6C6C6;
-	background-color: #FFFFFF;
+	background-color: inherit;
 	color: #333333;
     outline: none;
 }

diff --git a/css/master.css b/css/master.css
@@ -1,38 +1,46 @@
-@charset UTF-8;
+@charset "UTF-8";
 
 html, body {
     color:#333;
-    background:#232f2e;
+    background:#002F2F/*#232f2e*/;
     line-height:1.3;
     margin:0;
     padding:0;
+    font-family: 'Lucida Grande', arial, sans-serif;
 }
 a {
     color:#636363;
+    /*color:#1155bd;*/
 }
 a:hover {
     text-decoration:none;
 }
 em {
     font-style:italic;
 }
+h1,h2 {
+    /*color:#4f6f6c;*/
+    color:#046380;
+    font-family: 'Brawler', arial, sans-serif;
+    font-weight: normal;
+}
+h1,h2,h3,h4 {
+    margin:1.5em 0 .5em 0;
+}
 h1 {
-    font-size:197%;
+    font-size:2.5em;
-    color:#4f6f6c;
-    margin:30px 0;
 }
 h2 {
-    font-size:174%;
+    font-size:1.8em;
-    color:#4f6f6c;
-    margin:20px 0;
 }
 h3 {
-    font-size:152%;
+    font-size:1.5em;
-    margin:10px 0;
 }
 h4 {
     font-size:129%;
-    margin:10px 0;
+}
+p {
+    margin: 1.5em 0 1em 0;
 }
 pre {
     background:#eee;
@@ -62,7 +70,7 @@ div#header {
     position:relative;
     border-bottom:1px dotted;
     margin:0 0 10px;
-    padding:0 0 10px;
+    padding:0 0 4px;
 }
 ul#nav {
     position:absolute;
@@ -74,11 +82,18 @@ ul#nav {
 }
 ul#nav li {
     display:inline;
-    padding:0 0 0 5px;
+    padding:0 0 0 2px;
     font-size: 1.2em;
     font-weight: bold;
 }
-div#footer {
+ul#nav a, .highlighted {
+    background-color:#FFFBD0;
+    padding: .3em .4em;
+}
+ul#nav a {
+    padding: .4em .5em;
+}
+#footer {
     border-top:1px dotted;
     margin:40px 0 0;
     padding:10px 0 0;
@@ -100,10 +115,183 @@ div#footer {
 #switcher {
     margin-top:20px;
 }
-strong,h1,h2,h3,h4,h5,h6 {
+strong,h1,h3,h4,h5,h6 {
-    font-weight:700;
+    font-weight:bold;
+}
+#header p,#header h1,form {
+    margin:0;
+    padding:0;
+}
+#header h1 {
+    margin-bottom: .2em;
+}
+.weak, .weak a, .weak a:visited {
+    color: gray;
+}
+
+html, body {
+    color:#333;
+    background:#002F2F/*#232f2e*/;
+    line-height:1.3;
+    margin:0;
+    padding:0;
+    font-family: 'Lucida Grande', arial, sans-serif;
+}
+a {
+    color:#636363;
+    /*color:#1155bd;*/
+}
+a:hover {
+    text-decoration:none;
+}
+em {
+    font-style:italic;
+}
+h1,h2 {
+    /*color:#4f6f6c;*/
+    color:#046380;
+    font-family: 'Brawler', arial, sans-serif;
+    font-weight: normal;
+}
+h1,h2,h3,h4 {
+    margin:1.5em 0 .5em 0;
+}
+h1 {
+    font-size:2.6em;
+}
+h2 {
+    font-size:1.8em;
+}
+h3 {
+    font-size:1.5em;
+}
+h4 {
+    font-size:129%;
+}
+p {
+    margin: 1.5em 0 1em 0;
+}
+pre {
+    background:#eee;
+    border:1px solid #ccc;
+    font-size:100%;
+    overflow:auto;
+    margin:0 0 20px;
+    padding:20px;
 }
-div#header p,div#header h1,form {
+code {
+    font-size:100%;
     margin:0;
     padding:0;
 }
+ul li {
+    list-style-type: disc;
+}
+div#wrapper {
+    background:#fff;
+    width:560px;
+    border:10px solid #0f1616;
+    border-width:0 10px 10px;
+    margin:0 auto;
+    padding:15px 20px;
+}
+div#header {
+    position:relative;
+    border-bottom:1px dotted;
+    margin:0 0 10px;
+    padding:0 0 4px;
+}
+ul#nav {
+    position:absolute;
+    top:.6em;
+    right:0;
+    list-style:none;
+    margin:0;
+    padding:0;
+}
+ul#nav li {
+    display:inline;
+    padding:0 0 0 2px;
+    font-size: 1.2em;
+    font-weight: bold;
+}
+ul#nav a, .highlighted {
+    background-color:#FFFBD0;
+    padding: .3em .4em;
+}
+ul#nav a {
+    padding: .5em .4em;
+}
+ul#nav a:hover {
+    background-color: #FFFc90;
+    padding-bottom: .8em;
+}
+#footer {
+    border-top:1px dotted;
+    margin:40px 0 0;
+    padding:10px 0 0;
+    font-size: .8em;
+}
+.left {
+    float:left;
+}
+.right {
+    float:right;
+}
+.clear {
+    clear:both;
+}
+.multiselect {
+    width:460px;
+    height:200px;
+}
+#switcher {
+    margin-top:20px;
+}
+strong,h1,h3,h4,h5,h6 {
+    font-weight:bold;
+}
+#header p,#header h1,form {
+    margin:0;
+    padding:0;
+}
+#header h1 {
+    margin-bottom: .2em;
+}
+.weak, .weak a, .weak a:visited {
+    color: gray;
+}
+
+
+
+
+
+
+
+
+
+#tag-icon {
+    float: left;
+    margin-right: 1.4em;
+    position: relative;
+    top: .1em;
+}
+#title-jquery, #title-tag-it {
+    display: block;
+}
+#title-tag-it {
+    font-size: 1.2em;
+}
+#title-jquery {
+    font-size: .75em;
+    font-weight: normal;
+    position: relative;
+    left: .2em;
+    top: .1em;
+}
+
+
+#feature-list {
+    margin-top: 2.5em;
+}
+
diff --git a/example.html b/example.html
@@ -39,6 +39,9 @@
                 availableTags: sampleTags,
                 singleField: true
             });
+
+
+			$('#switcher').themeswitcher();
 	    });
 	</script>
 
@@ -89,6 +92,9 @@
 </div>
 
 
+    <script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
+    <div id="switcher"></div>
+
 	<p>Built with <a href="http://jquery.com/" target="_blank">jQuery</a> and <a href="http://jqueryui.com/" target="_blank">jQuery UI</a>.</p>
 	<p>Originally created by <a href="http://levycarneiro.com/">Levy Carneiro Jr</a>. Currently maintained by <a href="http://github.com/aehlke">Alex Ehlke</a>.</p>
 </body>