+
-
-
-
-
-
+
Plugins Make jQuery More Awesomer
-
Level up your project, not your grammar
-
+
Level up your project, not your grammar
-
0 ) );
-foreach( $toplvlpages as $post ) {
- setup_postdata($post);
- if ( $post->post_name !== 'update' ) {
- get_template_part('excerpt', 'index');
+ $toplvlpages = get_pages( array( 'parent' => 0 ) );
+ foreach( $toplvlpages as $post ) {
+ setup_postdata($post);
+ if ( $post->post_name !== 'update' ) {
+ get_template_part('excerpt', 'index');
+ }
}
-}
?>
-
+
-
-
New Plugins
- 'jquery_plugin',
- 'post_parent' => 0
- ));
- while ( $new_plugins->have_posts() ) : $new_plugins->the_post();
- ?>
-
-
-
-
-
-
-
-
-
+
+
Popular Tags
+
'count',
+ 'order' => 'DESC',
+ 'number' => 10
+ );
+ $tags = get_tags( $tags_args );
+ foreach ( $tags as $tag ) {
+ echo
+ '- ' .
+ '' .
+ $tag->name . '' .
+ ' (' . $tag->count . ')' .
+ '
';
+ }
+ ?>
+
-
+
+
New Plugins
+ 'jquery_plugin',
+ 'post_parent' => 0
+ ));
+ while ( $new_plugins->have_posts() ) : $new_plugins->the_post();
+ ?>
+
+
+
+
+
+
+
+
+
-
-
-
+
diff --git a/themes/plugins.jquery.com/page.php b/themes/plugins.jquery.com/page.php
index 2e98d028..fcc8664b 100755
--- a/themes/plugins.jquery.com/page.php
+++ b/themes/plugins.jquery.com/page.php
@@ -1,27 +1,22 @@
-
-
-
-
-
+
+
+
+
+
+
+
+
diff --git a/themes/plugins.jquery.com/search.php b/themes/plugins.jquery.com/search.php
index 1387d63b..ac322f2d 100755
--- a/themes/plugins.jquery.com/search.php
+++ b/themes/plugins.jquery.com/search.php
@@ -1,52 +1,49 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Sorry, but nothing matched your search criteria.
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Sorry, but nothing matched your search criteria.
+
+
+
+
+
+
+
+
+
diff --git a/themes/plugins.jquery.com/sidebar-jquery_plugin.php b/themes/plugins.jquery.com/sidebar-jquery_plugin.php
new file mode 100644
index 00000000..042e4cb1
--- /dev/null
+++ b/themes/plugins.jquery.com/sidebar-jquery_plugin.php
@@ -0,0 +1,75 @@
+
+
+
diff --git a/themes/plugins.jquery.com/sidebar.php b/themes/plugins.jquery.com/sidebar.php
index b1a2d2f0..98f4f97f 100644
--- a/themes/plugins.jquery.com/sidebar.php
+++ b/themes/plugins.jquery.com/sidebar.php
@@ -1,29 +1,30 @@
-
diff --git a/themes/plugins.jquery.com/single-jquery_plugin.php b/themes/plugins.jquery.com/single-jquery_plugin.php
index 244d403a..aa4c69dd 100755
--- a/themes/plugins.jquery.com/single-jquery_plugin.php
+++ b/themes/plugins.jquery.com/single-jquery_plugin.php
@@ -1,37 +1,37 @@
-
-
-
-
-
- post_parent && (jq_release_version() !== jq_release_version( $post->post_parent )) ) : ?>
-
-
-
-
-
-
-
-
-
+
+
+
+
+ post_parent && (jq_release_version() !== jq_release_version( $post->post_parent )) ) : ?>
+
+
+
+
+
+
+
+
+
+
diff --git a/themes/plugins.jquery.com/single.php b/themes/plugins.jquery.com/single.php
index 50469734..1d7cf1b4 100755
--- a/themes/plugins.jquery.com/single.php
+++ b/themes/plugins.jquery.com/single.php
@@ -1,27 +1,20 @@
-
-
-
-
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/themes/plugins.jquery.com/style.css b/themes/plugins.jquery.com/style.css
index fdcafe2d..2053caac 100755
--- a/themes/plugins.jquery.com/style.css
+++ b/themes/plugins.jquery.com/style.css
@@ -8,77 +8,22 @@ Theme Name: plugins-jquery-com
Template: jquery
*/
-/*-----[ containers ]-----------------------------------------------------------
-*/
-.single-jquery_plugin #container #body .inner {
- padding: 0;
-}
-
-.home #container #body .inner,
-.page #container #body .inner {
- padding: 2%;
-}
-
-#container #body .inner {
- padding: 2em 0;
-}
-
-.jquery_plugin {
- padding: 1.6em 1em;
-}
-
-.jquery_plugin .block {
- margin-bottom: 1.5em;
-}
-
-.jquery_plugin .plugin-metadata,
-#content,
-.sidebar {
- float: left;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-#content {
- padding: 0.5em 30px 0.5em 30px;
- width: 68%;
-}
-
-#content hr {
- display: block;
- margin: 2em 0;
- height: 1em;
- background: url("images/gauze.png");
- content: ' ';
- border: none;
+/*-----[ Containers and shared content ]------------------------------------*/
+
+h2 [class^="icon-"],
+h2 [class*=" icon-"],
+h3 [class^="icon-"],
+h3 [class*=" icon-"],
+h4 [class^="icon-"],
+h4 [class*=" icon-"] {
+ margin-right: 7px;
}
-.jquery_plugin .plugin-metadata,
-.sidebar {
- float: right;
- border-left: 1px;
- -moz-border-image: -moz-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
- -webkit-border-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(15%, #e7e7e7), color-stop(85%, #e7e7e7), color-stop(100%, #ffffff));
- -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
- -o-border-image: -o-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
- border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
- padding: 0.5em 20px 0.5em 35px; /*0.5 * 16px = 8px*/
- -webkit-box-shadow: inset 15px 0 5px -16px #e7e7e7;
- box-shadow: inset 15px 0 5px -16px #e7e7e7;
- background-image: -webkit-gradient(radial, 0% 50%, 0, 0% 50%, 80, color-stop(0%, #f2f2f2), color-stop(80%, #ffffff));
- background-image: -webkit-radial-gradient(left, #f2f2f2, #ffffff 80%);
- background-image: -moz-radial-gradient(left, #f2f2f2, #ffffff 80%);
- background-image: -o-radial-gradient(left, #f2f2f2, #ffffff 80%);
- background-image: -ms-radial-gradient(left, #f2f2f2, #ffffff 80%);
- background-image: radial-gradient(left, #f2f2f2, #ffffff 80%);
- width: 320px;
-
+#sidebar li {
+ color: #b3b3b3;
}
-/*-----[ content ]--------------------------------------------------------------
-*/
-
+/*----------[ Notifications ]-----------------------------------------------*/
.notify {
background-image: -webkit-gradient(linear, left bottom, left top, from(#eeeaa2), to(#f2efbf));
@@ -125,214 +70,268 @@ Template: jquery
line-height: 24px;
}
-.jquery_plugin h1.entry-title,
-h1.page-title {
- margin: 0 0 .25em; /*0.25 * 32px = 8px*/
- color: #d18f4f;
+/*----------[ Content ]-----------------------------------------------------*/
+
+#content article {
+ margin-bottom: 20px;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #ccc;
}
-h1.page-title {
- margin-bottom: 40px;
+#content article p {
+ float: left;
+ width: 70%;
+ margin: 1em 0;
}
+#content article .action {
+ float: right;
+ width: 25%;
+ margin-left: 5%;
+}
+#content a.button {
+ float: left;
+ width: 100%;
+ padding-left: 5%;
+ padding-right: 5%;
+ text-align: center;
+}
-.jquery_plugin .block ul,
-.jquery_plugin .block li {
- margin: 0;
- padding: 0;
- list-style-type: none;
+/*----------[ Home page ]---------------------------------------------------*/
+
+.home #banner-secondary p {
+ font-family: "JournalRegular", Georgia, "Times New Roman", Times, serif;
+ font-size: 56px;
+ color: #71d1ff;
}
-.jquery_plugin p,
-.jquery_plugin dl,
-.jquery_plugin ol,
-.jquery_plugin ul,
-.jquery_plugin table {
- margin-bottom: 1.6em; /*1.6 * 15px = 24px*/
+.home #banner-secondary .searchform {
+ position: relative;
+ width: 60%;
+ margin: 60px auto 0;
+ font-size: 22px;
+ background-color: #666;
+ border: 1px solid #ccc;
+ -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
+ box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
+ border-radius: 2em;
}
-.jquery_plugin table {
- border-radius: 8px;
+.home #banner-secondary .searchform input {
+ width: 100%;
+ padding-left: 15px;
+ padding-right: 40px;
+ line-height: 1.5em;
+ border: none;
+ background: none;
+ color: #fff;
}
-.jquery_plugin .attribution,
-p.info {
- color: #808080;
- font: 13px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
- margin-top: -5px;
+.home #banner-secondary .searchform i {
+ position: absolute;
+ top: 50%;
+ right: 10px;
+ margin-top: -10px;
+ color: #aaa;
}
-p.info {
- margin-top: 0;
+.home #sidebar {
+ width: 25%
}
+.home #content {
+ position: relative;
+ width: 53%; /* 22 | 53 | 25 */
+ margin: 0 30px 30px 30px;
+}
-/*----------[ tags ]------------------------------------------------------------
-*/
-.jquery_plugin .tags li {
- display: inline-block;
- margin-right: 10px;
- width: auto;
+.home #content h3, .home #content h3 i {
+ font-size: 32px;
+ text-align: center;
+ color: #e18d3b;
+ margin-bottom: 30px;
}
-.jquery_plugin li a.tag[class^="icon-"]:before,
-.jquery_plugin li a.tag[class*=" icon-"]:before {
+.home article footer {
+ margin: 0;
+ padding: 0;
+}
- width: 20px;
- text-align: left;
- color: #8ccffa;
+.home #content article .action p.date {
+ width: 100%;
+ margin: 1em 0;
+ line-height: 11px;
+ text-align: center;
+ font-size: 11px;
+ color: #999;
}
-.jquery_plugin li a.tag {
- color: white;
- text-decoration: none;
- display: block;
- border-radius: 3px;
- background-color: #305e91;
- margin-bottom: 10px;
- padding: 2px 7px 2px 7px;
- width: auto;
+.plugin-title {
+ font-size: 20px;
+ line-height: 20px;
+ color: #333;
+ margin-bottom: 5px;
}
-.jquery_plugin li a.tag:hover {
- background-color: #333;
+.plugin-title a {
+ color: #333;
+ text-decoration: none;
}
-/*----------[ versions table ]--------------------------------------------------
+/*----------[ Home page info sidebar ]----------------------------------------
+The new-new-CSS doesn't support a secondary bar - it has only #sidebar - so we
+unfortunately need to replicate some stuff from base.css here.
*/
-.jquery_plugin .versions table {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- border-collapse: separate;
- border-spacing: 0;
- border-style: none;
- width: 100%;
-}
-.jquery_plugin .versions table th,
-.jquery_plugin .versions table td {
- border: 1px solid #ccc;
- border-top-style: none;
- padding: 8px 14px;
+.info-bar {
+ float: left;
+ position: relative;
+ width: 22%;
+ margin-left: -40px;
+ -moz-border-image: -moz-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
+ -webkit-border-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(15%, #e7e7e7), color-stop(85%, #e7e7e7), color-stop(100%, #ffffff));
+ -webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
+ -o-border-image: -o-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
+ border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
+ padding: 3em 35px 3em 20px;
+ -webkit-box-shadow: inset 15px 0 5px -16px #e7e7e7;
+ box-shadow: inset 15px 0 5px -16px #e7e7e7;
+ background-image: -webkit-gradient(radial, 0% 50%, 0, 0% 50%, 80, color-stop(0%, #f2f2f2), color-stop(80%, #ffffff));
+ background-image: -webkit-radial-gradient(right, #f2f2f2, #ffffff 80%);
+ background-image: -moz-radial-gradient(right, #f2f2f2, #ffffff 80%);
+ background-image: -o-radial-gradient(right, #f2f2f2, #ffffff 80%);
+ background-image: -ms-radial-gradient(right, #f2f2f2, #ffffff 80%);
+ background-image: radial-gradient(right, #f2f2f2, #ffffff 80%);
+ border: 0px;
+ border-right: 1px solid #efefef;
+}
+
+.info-bar h3 {
+ font: normal normal 20px/18px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ background-image: -webkit-gradient(linear, left bottom, right bottom, from(#efefef), to(#f3f3f3));
+ background-image: -moz-linear-gradient(360deg, #efefef 0%, #f3f3f3 100%);
+ margin-left: -20px;
+ margin-right: -35px;
+ padding: 12px 20px 12px 30px;
+ text-shadow: 0 1px 0 #ffffff;
}
-.jquery_plugin .versions table tbody tr:nth-child(even) td {
- background-color: #f2f2f2;
+.info-bar li {
+ padding-top: 2px;
+ padding-bottom: 5px;
+ padding-left: 20px;
+ line-height: 20px;
+ list-style-type: none;
+ background: url(images/bullet.png) no-repeat 0 8px;
+ text-shadow: 0 1px 0 #ffffff;
+ color: #b3b3b3;
}
-.jquery_plugin .versions table tbody tr:last-of-type td.version {
- border-bottom-left-radius: 8px;
+.info-bar li a {
+ color: #4d4d4d;
}
-.jquery_plugin .versions table tbody tr:last-of-type td.release-date {
- border-bottom-right-radius: 8px;
+.info-bar nav#secondary li {
+ background-image: none;
+ padding-left: 0;
}
-.jquery_plugin .versions table thead tr {
- border-radius: 8px 8px 0 0;
- background: black url('images/dark-grey-tile.png');
+.info-bar nav#secondary li.current {
+ background-color: #e2e2e2;
+ margin-left: -35px;
+ margin-right: -20px;
+ padding-left: 35px;
+ font-weight: bold;
}
+/*----------[ Individual plugin pages ]-------------------------------------*/
-
-.jquery_plugin .versions table thead th.version-head {
- border-top-left-radius: 8px;
+#content.jquery-plugin {
+ width: 71%; /* 71% | 29% */
+ padding: 1.6em 1em;
}
-.jquery_plugin .versions table thead th.release-date-head {
- border-top-right-radius: 8px;
+#content.jquery-plugin h2 {
+ margin-bottom: 15px;
}
-.jquery_plugin .versions table .version {
- border-right-style: none;
- font: bold 18px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
- letter-spacing: -1px;
+#content.jquery-plugin article {
+ border-bottom: 0;
}
-.jquery_plugin .versions table .release-date {
- border-left-style: none;
- width: 20%;
+.jquery-plugin .block {
+ margin-bottom: 1.5em;
}
-.jquery_plugin .versions table thead th {
- border-style: none;
- color: white;
+.jquery-plugin h1.entry-title, h1.page-title {
+ margin: 0 0 .25em; /* 0.25 * 32px = 8px */
+ font: bold 33px/33px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align: left;
- text-transform: uppercase;
- font: bold 12px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
- padding-top: 10px;
- padding-bottom: 10px;
+ color: #d18f4f;
}
-/*----------[ related plugins ]-------------------------------------------------
-*/
-.jquery_plugin .related-plugins .box {
- border-radius: 4px;
- border: 1px solid #ccc;
- padding: 16px 20px;
+.jquery-plugin h1.page-title {
+ margin-bottom: 40px;
}
-.jquery_plugin .related-plugins h3 {
- font-size: 18px;
- line-height: 1.33em;
- color: #7f7f7f;
+.jquery-plugin .block ul,
+.jquery-plugin .block li {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
}
-.jquery_plugin .related-plugins ul {
- margin-left: 0px;
- list-style-type: none;
+.jquery-plugin p,
+.jquery-plugin dl,
+.jquery-plugin ol,
+.jquery-plugin ul,
+.jquery-plugin table {
+ margin-bottom: 1.6em; /* 1.6 * 15px = 24px */
}
-.jquery_plugin .related-plugins li {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- float: left;
- margin-bottom: 8px;
- padding-left: 16px;
- width: 33%;
+.jquery-plugin table {
+ border-radius: 8px;
}
-.jquery_plugin .related-plugins li:before,
-.jquery_plugin .plugin-metadata li:before,
-.sidebar li:before {
- text-indent: -1.6em;
- color: #e0e0e0;
+.jquery-plugin .attribution, p.info {
+ color: #808080;
+ font: 13px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ margin-top: -5px;
}
-/*----------[ general sidebar styles ]------------------------------------------
-*/
-.jquery_plugin .plugin-metadata .github-activity,
-.jquery_plugin .plugin-metadata .author-info,
-.jquery_plugin .plugin-metadata .maintainer-info,
-.jquery_plugin .plugin-metadata .licenses,
-.jquery_plugin .plugin-metadata .dependencies {
+p.info {
+ margin-top: 0;
+}
+
+/*----------[ Individual plugin page general sidebar styles ]---------------*/
+
+.jquery-plugin .github-activity,
+.jquery-plugin .author-info,
+.jquery-plugin .maintainer-info,
+.jquery-plugin .licenses,
+.jquery-plugin .dependencies {
color: #7f7f7f;
}
-.jquery_plugin .plugin-metadata .github-activity h2,
-.jquery_plugin .plugin-metadata .author-info h2,
-.jquery_plugin .plugin-metadata .maintainer-info h2,
-.jquery_plugin .plugin-metadata .licenses h2,
-.jquery_plugin .plugin-metadata .dependencies h2 {
+.jquery-plugin .github-activity h2,
+.jquery-plugin .author-info h2,
+.jquery-plugin .maintainer-info h2,
+.jquery-plugin .licenses h2,
+.jquery-plugin .dependencies h2 {
padding-left: 30px;
background: no-repeat left center;
text-shadow: 0 1px 0 white;
}
-.jquery_plugin .plugin-metadata h3,
-.sidebar h3 {
+.jquery-plugin h3 {
margin-bottom: 5px;
font-size: 1.4em;
color: #858585;
}
-.jquery_plugin .plugin-metadata h2 [class^="icon-"],
-.jquery_plugin .plugin-metadata h2 [class*=" icon-"],
-.sidebar h2 [class^="icon-"],
-.sidebar h2 [class*=" icon-"] {
+.jquery-plugin h2 [class^="icon-"],
+.jquery-plugin h2 [class*=" icon-"] {
display: inline-block;
margin-left: -30px;
margin-right: 6px;
@@ -343,18 +342,18 @@ p.info {
text-shadow: 0 1px 0 white;
}
-.jquery_plugin .plugin-metadata .github-activity .box {
+.jquery-plugin .github-activity .box {
border-radius: 3px;
border: 1px solid #ccc;
padding: 10px;
background-color: white;
}
-.jquery_plugin .plugin-metadata .github-activity .box p {
+.jquery-plugin .github-activity .box p {
margin: 0;
}
-.jquery_plugin .plugin-metadata .github-activity .box .info-block {
+.jquery-plugin .github-activity .box .info-block {
display: inline-block;
margin-right: 10px;
border-radius: 4px;
@@ -362,7 +361,7 @@ p.info {
min-width: 80px;
}
-.jquery_plugin .plugin-metadata .github-activity .box .info-block .number {
+.jquery-plugin .github-activity .box .info-block .number {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: black url('images/dark-grey-tile.png');
@@ -371,7 +370,7 @@ p.info {
font: bold 3em/1em "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
-.jquery_plugin .plugin-metadata .github-activity .box .info-block .caption {
+.jquery-plugin .github-activity .box .info-block .caption {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 4px 10px;
@@ -382,31 +381,9 @@ p.info {
letter-spacing: 1px;
}
-.jquery_plugin .plugin-metadata ul,
-.sidebar ul {
- margin-left: 25px;
- list-style-type: none;
-}
-
-.jquery_plugin .plugin-metadata li,
-.sidebar li {
- padding-left: 16px;
- text-shadow: 0 1px 0 white;
-}
-
-.sidebar li {
- color: #b3b3b3;
- padding-bottom: 9px;
-}
-
-.jquery_plugin .plugin-metadata li.icon-caret-right:before,
-.sidebar li.icon-caret-right:before {
- font-size: .9em;
-}
+/*----------[ Individual plugin page sidebar toolbox ]----------------------*/
-/*----------[ toolbox ]---------------------------------------------------------
-*/
-.jquery_plugin .toolbox {
+.jquery-plugin .toolbox {
border: 1px solid black;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
@@ -414,58 +391,58 @@ p.info {
background-color: black;
}
-.jquery_plugin .toolbox > .inner {
+.jquery-plugin .toolbox > .inner {
border: 1px solid #666;
border-radius: 8px;
background-color: #202020;
color: white;
}
-.jquery_plugin .toolbox header {
+.jquery-plugin .toolbox header {
padding: 10px 15px;
}
-.jquery_plugin .toolbox header p {
+.jquery-plugin .toolbox header p {
margin: 0;
}
-.jquery_plugin .toolbox header .caption {
+.jquery-plugin .toolbox header .caption {
color: #999;
font: 14px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
-.jquery_plugin .toolbox header .version-info {
+.jquery-plugin .toolbox header .version-info {
float: left;
width: 30%;
}
-.jquery_plugin .toolbox header .release-info {
+.jquery-plugin .toolbox header .release-info {
float: right;
width: 70%;
}
-.jquery_plugin .toolbox header .release-info {
+.jquery-plugin .toolbox header .release-info {
text-align: right;
}
-.jquery_plugin .toolbox header .version-number, .jquery_plugin .toolbox header .date {
+.jquery-plugin .toolbox header .version-number, .jquery-plugin .toolbox header .date {
font: bold 1.25em/1.2em "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
-.jquery_plugin .toolbox header .version-number {
+.jquery-plugin .toolbox header .version-number {
font-size: 1.9em;
letter-spacing: -2px;
line-height: .9em;
}
-.jquery_plugin .toolbox .body {
+.jquery-plugin .toolbox .body {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
padding: 12px 15px 5px;
background: url('images/dark-grey-tile.png');
}
-.jquery_plugin .toolbox a.download {
+.jquery-plugin .toolbox a.download {
display: block;
margin-bottom: 1.2em;
border-radius: 5px;
@@ -479,7 +456,7 @@ p.info {
font: bold 1.4em/1.6em "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
-.jquery_plugin .toolbox a.download .inner-wrapper {
+.jquery-plugin .toolbox a.download .inner-wrapper {
display: block;
border-radius: 5px;
border: 1px solid #e1b68c;
@@ -487,12 +464,12 @@ p.info {
padding: 0 5px 0 32px;
}
-.jquery_plugin .toolbox a.download:hover .inner-wrapper {
+.jquery-plugin .toolbox a.download:hover .inner-wrapper {
background-color: #cc8540;
}
-.jquery_plugin .toolbox a.download .inner-wrapper [class^="icon-"],
-.jquery_plugin .toolbox a.download .inner-wrapper [class*=" icon-"] {
+.jquery-plugin .toolbox a.download .inner-wrapper [class^="icon-"],
+.jquery-plugin .toolbox a.download .inner-wrapper [class*=" icon-"] {
margin-left: -25px;
margin-right: 5px;
color: #81502e;
@@ -502,7 +479,7 @@ p.info {
position: relative;
}
-.jquery_plugin .toolbox [class^="icon-"], .jquery_plugin .toolbox [class*=" icon-"] {
+.jquery-plugin .toolbox [class^="icon-"], .jquery-plugin .toolbox [class*=" icon-"] {
margin-left: -25px;
margin-right: 7px;
width: 25px;
@@ -511,13 +488,13 @@ p.info {
text-shadow: 0 -1px black;
}
-.jquery_plugin .toolbox [class^="icon-"]:before, .jquery_plugin .toolbox [class*=" icon-"]:before {
+.jquery-plugin .toolbox [class^="icon-"]:before, .jquery-plugin .toolbox [class*=" icon-"]:before {
width: 25px;
text-align: center;
font-size: 1.2em;
}
-.jquery_plugin .toolbox a.other-link {
+.jquery-plugin .toolbox a.other-link {
display: block;
margin-bottom: 0.8em;
background: no-repeat 8px center;
@@ -529,100 +506,145 @@ p.info {
padding-left: 32px;
}
-.jquery_plugin .toolbox a.other-link:hover {
+.jquery-plugin .toolbox a.other-link:hover {
text-decoration: underline;
}
-/*----------[ Home ]--------------------------------------------------------*/
+/*----------[ Individual plugin page tags ]---------------------------------*/
-.home .sidebar {
- width: 25%
+#content.jquery-plugin .tags ul {
+ margin: 0;
}
-.home .sidebar.left {
- left: 0px;
- position: absolute;
+#content.jquery-plugin .tags li {
+ display: inline-block;
+ width: auto;
+ margin-right: 10px;
+ padding: 0;
+ background: none;
}
-.home #content {
- position: relative;
- margin-left: 27%;
- width: 46%;
- float: left;
- margin-bottom: 30px;
+.jquery-plugin li a.tag[class^="icon-"]:before,
+.jquery-plugin li a.tag[class*=" icon-"]:before {
+ width: 20px;
+ text-align: left;
+ color: #8ccffa;
+}
+#content.jquery-plugin li a.tag {
+ display: block;
+ width: auto;
+ padding: 2px 7px 2px 7px;
+ margin-bottom: 10px;
+ border-radius: 3px;
+ text-decoration: none;
+ background-color: #305e91;
+ color: white;
}
-.home .sidebar ul {
- margin-left: 25px;
+.jquery-plugin li a.tag:hover {
+ background-color: #333;
}
-.home .sidebar li {
- color: #b3b3b3;
- padding-bottom: 7px;
+/*----------[ Individual plugin page versions table ]-----------------------*/
+
+.jquery-plugin .versions table {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-collapse: separate;
+ border-spacing: 0;
+ border-style: none;
+ width: 100%;
}
-.home .sidebar li.icon-caret-right:before {
- font-size: 10px;
- color: #ccc;
+.jquery-plugin .versions table th,
+.jquery-plugin .versions table td {
+ border: 1px solid #ccc;
+ border-top-style: none;
+ padding: 8px 14px;
}
-.home #content h3 {
- font-size: 32px;
- text-align: center;
- color: #e18d3b;
- margin-bottom: 30px;
+.jquery-plugin .versions table tbody tr:nth-child(even) td {
+ background-color: #f2f2f2;
}
-#content article {
- border-bottom: 1px solid #ccc;
- margin-bottom: 20px;
- padding-bottom: 10px;
+.jquery-plugin .versions table tbody tr:last-of-type td.version {
+ border-bottom-left-radius: 8px;
}
-.plugin-title {
- font-size: 20px;
- line-height: 20px;
- color: #333;
- margin-bottom: 5px;
+.jquery-plugin .versions table tbody tr:last-of-type td.release-date {
+ border-bottom-right-radius: 8px;
}
-.plugin-title a {
- color: #333;
- text-decoration: none;
+.jquery-plugin .versions table thead tr {
+ border-radius: 8px 8px 0 0;
+ background: black url('images/dark-grey-tile.png');
}
-#content article p {
- float: left;
- width: 70%;
+.jquery-plugin .versions table thead th.version-head {
+ border-top-left-radius: 8px;
}
-#content article .action {
- float: right;
- width: 25%;
- margin-left: 5%;
+.jquery-plugin .versions table thead th.release-date-head {
+ border-top-right-radius: 8px;
}
-.home #content article .action p.date {
- color: #999;
- font-size: 11px;
- line-height: 11px;
- text-align: center;
- width: 100%;
+.jquery-plugin .versions table .version {
+ border-right-style: none;
+ font: bold 18px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ letter-spacing: -1px;
}
-.home #content a.button,
-#content article a.button {
- margin-bottom: 5px;
- float: left;
- width: 90%;
- padding-left: 5%;
- padding-right: 5%;
- text-align: center;
+.jquery-plugin .versions table .release-date {
+ border-left-style: none;
+ width: 20%;
}
+.jquery-plugin .versions table thead th {
+ border-style: none;
+ color: white;
+ text-align: left;
+ text-transform: uppercase;
+ font: bold 12px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+/*----------[ Individual plugin page related plugins ]----------------------*/
+.jquery-plugin .related-plugins .box {
+ border-radius: 4px;
+ border: 1px solid #ccc;
+ padding: 16px 20px;
+}
+
+.jquery-plugin .related-plugins h3 {
+ font-size: 18px;
+ line-height: 1.33em;
+ color: #7f7f7f;
+}
+
+.jquery-plugin .related-plugins ul {
+ margin-left: 0px;
+ list-style-type: none;
+}
+
+.jquery-plugin .related-plugins li {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ float: left;
+ margin-bottom: 8px;
+ padding-left: 16px;
+ width: 33%;
+}
+
+.jquery-plugin .related-plugins li:before,
+.jquery-plugin .plugin-metadata li:before {
+ text-indent: -1.6em;
+ color: #e0e0e0;
+}
/*----------[ Pagination ]----------------------------------------------------*/
@@ -639,20 +661,20 @@ p.info {
/*----------[ IE hacks ]------------------------------------------------------*/
-.lte9 .jquery_plugin h1.entry-title {
+.lte9 .jquery-plugin h1.entry-title {
background: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
-.lte9 .jquery_plugin .tags li a {
+.lte9 .jquery-plugin .tags li a {
height: 24px;
}
-
-
+/*----------[ Media queries ]------------------------------------------------------*/
+/*
@media all and (max-width: 1100px) {
- .jquery_plugin .plugin-metadata,
+ .jquery-plugin .plugin-metadata,
.sidebar {
width: 280px;
}
@@ -686,7 +708,7 @@ p.info {
@media all and (max-width: 768px) {
- .jquery_plugin .plugin-metadata,
+ .jquery-plugin .plugin-metadata,
.home .sidebar,
.home .sidebar.left,
.sidebar,
@@ -744,12 +766,12 @@ p.info {
@media all and (max-width: 660px) {
- #banner h1 {
+ #banner-secondary h1 {
font-size: 60px;
line-height: 60px;
}
- #banner h2 {
+ #banner-secondary h2 {
font-size: 40px;
line-height: 35px;
}
@@ -770,7 +792,7 @@ p.info {
@media all and (max-width: 480px) {
- #banner h1 {
+ #banner-secondary h1 {
font-size: 43px;
line-height: 43px;
}
@@ -796,11 +818,8 @@ p.info {
width: 90%;
}
- .home #content article .action a.button {
- width: 90%;
- }
-
#content h1.page-title {
text-align: center;
}
}
+*/
\ No newline at end of file
From d9c52da8020a544882121aadd8fea4e4328275a4 Mon Sep 17 00:00:00 2001
From: David Schnur
Date: Tue, 16 Oct 2012 13:14:04 -0400
Subject: [PATCH 3/5] Migrated plugin tags and search to new-new-css.
Fixed plugin title and info styles, plus various minor fixes.
---
themes/plugins.jquery.com/search.php | 2 +-
themes/plugins.jquery.com/style.css | 69 ++++++++++--------
themes/plugins.jquery.com/tag.php | 104 +++++++++++++--------------
3 files changed, 92 insertions(+), 83 deletions(-)
diff --git a/themes/plugins.jquery.com/search.php b/themes/plugins.jquery.com/search.php
index ac322f2d..217199dc 100755
--- a/themes/plugins.jquery.com/search.php
+++ b/themes/plugins.jquery.com/search.php
@@ -14,7 +14,7 @@
diff --git a/themes/plugins.jquery.com/style.css b/themes/plugins.jquery.com/style.css
index 2053caac..cb2d904c 100755
--- a/themes/plugins.jquery.com/style.css
+++ b/themes/plugins.jquery.com/style.css
@@ -81,7 +81,6 @@ h4 [class*=" icon-"] {
#content article p {
float: left;
width: 70%;
- margin: 1em 0;
}
#content article .action {
@@ -98,6 +97,22 @@ h4 [class*=" icon-"] {
text-align: center;
}
+#content .plugin-title {
+ font-size: 20px;
+ line-height: 20px;
+ color: #333;
+ margin-bottom: 5px;
+}
+
+#content .plugin-title a {
+ color: #333;
+ text-decoration: none;
+}
+
+#content .plugin-title a:hover {
+ text-decoration: underline;
+}
+
/*----------[ Home page ]---------------------------------------------------*/
.home #banner-secondary p {
@@ -158,27 +173,18 @@ h4 [class*=" icon-"] {
padding: 0;
}
+.home #content article p {
+ margin: 1em 0;
+}
+
.home #content article .action p.date {
width: 100%;
- margin: 1em 0;
line-height: 11px;
text-align: center;
font-size: 11px;
color: #999;
}
-.plugin-title {
- font-size: 20px;
- line-height: 20px;
- color: #333;
- margin-bottom: 5px;
-}
-
-.plugin-title a {
- color: #333;
- text-decoration: none;
-}
-
/*----------[ Home page info sidebar ]----------------------------------------
The new-new-CSS doesn't support a secondary bar - it has only #sidebar - so we
unfortunately need to replicate some stuff from base.css here.
@@ -229,9 +235,14 @@ unfortunately need to replicate some stuff from base.css here.
}
.info-bar li a {
+ text-decoration: none;
color: #4d4d4d;
}
+.info-bar li a:hover {
+ text-decoration: underline;
+}
+
.info-bar nav#secondary li {
background-image: none;
padding-left: 0;
@@ -249,7 +260,6 @@ unfortunately need to replicate some stuff from base.css here.
#content.jquery-plugin {
width: 71%; /* 71% | 29% */
- padding: 1.6em 1em;
}
#content.jquery-plugin h2 {
@@ -265,14 +275,12 @@ unfortunately need to replicate some stuff from base.css here.
}
.jquery-plugin h1.entry-title, h1.page-title {
- margin: 0 0 .25em; /* 0.25 * 32px = 8px */
- font: bold 33px/33px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
- text-align: left;
+ font: bold 33px/33px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #d18f4f;
}
-.jquery-plugin h1.page-title {
- margin-bottom: 40px;
+.jquery-plugin h1.entry-title {
+ margin: 0 0 .25em; /* 0.25 * 32px = 8px */
}
.jquery-plugin .block ul,
@@ -294,9 +302,10 @@ unfortunately need to replicate some stuff from base.css here.
border-radius: 8px;
}
-.jquery-plugin .attribution, p.info {
+#content.jquery-plugin .attribution, p.info {
+ float: none;
color: #808080;
- font: 13px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ font: 13px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
margin-top: -5px;
}
@@ -367,7 +376,7 @@ p.info {
background: black url('images/dark-grey-tile.png');
padding: 2px 10px;
color: white;
- font: bold 3em/1em "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ font: bold 3em/1em Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.jquery-plugin .github-activity .box .info-block .caption {
@@ -377,7 +386,7 @@ p.info {
background-color: #8ccffa;
color: white;
text-transform: uppercase;
- font: bold 11px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ font: bold 11px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
letter-spacing: 1px;
}
@@ -408,7 +417,7 @@ p.info {
.jquery-plugin .toolbox header .caption {
color: #999;
- font: 14px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ font: 14px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.jquery-plugin .toolbox header .version-info {
@@ -426,7 +435,7 @@ p.info {
}
.jquery-plugin .toolbox header .version-number, .jquery-plugin .toolbox header .date {
- font: bold 1.25em/1.2em "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ font: bold 1.25em/1.2em Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.jquery-plugin .toolbox header .version-number {
@@ -453,7 +462,7 @@ p.info {
color: white;
text-shadow: 0 -1px #bc7531, 0 1px #dca977;
text-decoration: none;
- font: bold 1.4em/1.6em "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ font: bold 1.4em/1.6em Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.jquery-plugin .toolbox a.download .inner-wrapper {
@@ -500,7 +509,7 @@ p.info {
background: no-repeat 8px center;
color: white;
text-decoration: none;
- font: 18px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ font: 18px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding-top: 0;
padding-bottom: 0;
padding-left: 32px;
@@ -592,7 +601,7 @@ p.info {
.jquery-plugin .versions table .version {
border-right-style: none;
- font: bold 18px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ font: bold 18px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
letter-spacing: -1px;
}
@@ -606,7 +615,7 @@ p.info {
color: white;
text-align: left;
text-transform: uppercase;
- font: bold 12px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+ font: bold 12px Proxima-Nova, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding-top: 10px;
padding-bottom: 10px;
}
diff --git a/themes/plugins.jquery.com/tag.php b/themes/plugins.jquery.com/tag.php
index a7b332fc..51d55fbf 100755
--- a/themes/plugins.jquery.com/tag.php
+++ b/themes/plugins.jquery.com/tag.php
@@ -1,52 +1,52 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Sorry, but no results were found for the requested archive.
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Sorry, but no results were found for the requested archive.
+
+
+
+
+
+
+
-
-
Plugins Make jQuery More Awesomer
-
Level up your project, not your grammar
-
-
+
+
Plugins Make jQuery More Awesomer
+
Level up your project, not your grammar
+
+
- 0 ) );
- foreach( $toplvlpages as $post ) {
- setup_postdata($post);
- if ( $post->post_name !== 'update' ) {
- get_template_part('excerpt', 'index');
+ $toplvlpages = get_pages( array( 'parent' => 0 ) );
+ foreach( $toplvlpages as $post ) {
+ setup_postdata($post);
+ if ( $post->post_name !== 'update' ) {
+ get_template_part('excerpt', 'index');
+ }
}
- }
-?>
+ ?>
-
+
+
Popular Tags
+
'count',
+ 'order' => 'DESC',
+ 'number' => 10
+ );
+ $tags = get_tags( $tags_args );
+ foreach ( $tags as $tag ) {
+ echo
+ '- ' .
+ '' .
+ $tag->name . '' .
+ ' (' . $tag->count . ')' .
+ '
';
+ }
+ ?>
+
-
-
Popular Tags
-
'count',
- 'order' => 'DESC',
- 'number' => 10
- );
- $tags = get_tags( $tags_args );
- foreach ( $tags as $tag ) {
- echo
- '- ' .
- '' .
- $tag->name . '' .
- ' (' . $tag->count . ')' .
- '
';
- }
- ?>
-
+
+
New Plugins
+ 'jquery_plugin',
+ 'post_parent' => 0
+ ));
+ while ( $new_plugins->have_posts() ) : $new_plugins->the_post();
+ ?>
+
+
+
+
+
+
+
+
+
-
-
New Plugins
- 'jquery_plugin',
- 'post_parent' => 0
- ));
- while ( $new_plugins->have_posts() ) : $new_plugins->the_post();
- ?>
-
-
-
-
-
-
-
-
-
+