Permalink
Browse files

update widget homepage with new style and content

  • Loading branch information...
2 parents 8b0cfed + 08221fd commit bdd56f5bc712ee20e49948e2ce8cc6aac0fa301f @aehlke committed Jun 13, 2011
Showing with 263 additions and 59 deletions.
  1. +6 −0 .gitmodules
  2. +1 −0 Aristo-jQuery-UI-Theme
  3. +1 −0 Super-Theme-Switcher
  4. +1 −1 css/jquery.tagit.css
  5. +205 −17 css/master.css
  6. +6 −0 example.html
  7. +43 −41 index.html
  8. BIN tag_icon.png
View
@@ -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
Submodule Aristo-jQuery-UI-Theme added at ec191d
Submodule Super-Theme-Switcher added at 74b557
View
@@ -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;
}
View
@@ -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%;
- color:#4f6f6c;
- margin:30px 0;
+ font-size:2.5em;
}
h2 {
- font-size:174%;
- color:#4f6f6c;
- margin:20px 0;
+ font-size:1.8em;
}
h3 {
- font-size:152%;
- margin:10px 0;
+ font-size:1.5em;
}
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 {
- font-weight:700;
+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;
+}
+
+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;
+}
+
View
@@ -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>
Oops, something went wrong.

0 comments on commit bdd56f5

Please sign in to comment.