Skip to content

Further improvements to media query scaling. #116

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
dnschnur wants to merge 1 commit into from
Closed

Further improvements to media query scaling. #116

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
78 changes: 38 additions & 40 deletions themes/plugins.jquery.com/index.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,50 +1,29 @@
<?php get_header(); ?>

<div class="home">

<div id="banner-secondary" class="large-banner">
<h1>Plugins Make jQuery More Awesomer</h1>
<p>Level up your project, not your grammar</p>
<?php get_search_form(); ?>
</div>
<div id="banner-secondary" class="large-banner">
<h1>Plugins Make jQuery More Awesomer</h1>
<p>Level up your project, not your grammar</p>
<?php get_search_form(); ?>
</div>

<?php
<?php

// TODO
//
// Make a much more interesting index page
//
// TODO
// TODO
//
// Make a much more interesting index page
//
// TODO

$toplvlpages = get_pages( array( 'parent' => 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');
}
?>

<div class="info-bar">
<h3><i class="icon-tags"></i>Popular Tags</h3>
<ul><?php
$tags_args = array(
'orderby' => 'count',
'order' => 'DESC',
'number' => 10
);
$tags = get_tags( $tags_args );
foreach ( $tags as $tag ) {
echo
'<li>' .
'<a href="' . get_tag_link( $tag->term_id ) . '">' .
$tag->name . '</a>' .
' (' . $tag->count . ')' .
'</li>';
}
?></ul>
</div>
}
?>

<div class="float-wrapper">
<div id="content">
<h3><i class="icon-star"></i>New Plugins</h3>
<?php
Expand All @@ -71,7 +50,26 @@
<h3><i class="icon-calendar"></i>Recent Updates</h3>
<?php jq_updated_plugins(); ?>
</div>
</div>

<div class="info-bar">
<h3><i class="icon-tags"></i>Popular Tags</h3>
<ul><?php
$tags_args = array(
'orderby' => 'count',
'order' => 'DESC',
'number' => 10
);
$tags = get_tags( $tags_args );
foreach ( $tags as $tag ) {
echo
'<li>' .
'<a href="' . get_tag_link( $tag->term_id ) . '">' .
$tag->name . '</a>' .
' (' . $tag->count . ')' .
'</li>';
}
?></ul>
</div>

<?php get_footer(); ?>
100 changes: 66 additions & 34 deletions themes/plugins.jquery.com/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
/* @override
http://stage.plugins.jquery.com/web-base-template/themes/plugins.jquery.com/style.css
http://dev.plugins.jquery.com/web-base-template/themes/plugins.jquery.com/style.css */

http://dev.plugins.jquery.com/web-base-template/themes/plugins.jquery.com/style.css*/

/*
Theme Name: plugins-jquery-com
Expand Down Expand Up @@ -151,14 +150,14 @@ h4 [class*=" icon-"] {
color: #aaa;
}

.home #sidebar {
width: 25%
.home .float-wrapper {
float: right;
width: 80%; /* 20% | 80% */
}

.home #content {
position: relative;
width: 53%; /* 22 | 53 | 25 */
margin: 0 30px 30px 30px;
width: 71%; /* 71% | 29% */
margin-bottom: 30px;
}

.home #content h3, .home #content h3 i {
Expand Down Expand Up @@ -191,16 +190,16 @@ unfortunately need to replicate some stuff from base.css here.
*/

.info-bar {
float: left;
position: relative;
width: 22%;
width: 20%;
margin-left: -40px;
padding: 3em 35px 3em 20px;
-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;
border: 0px;
border-right: 1px solid #efefef;
-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));
Expand All @@ -209,8 +208,6 @@ unfortunately need to replicate some stuff from base.css here.
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 {
Expand All @@ -224,9 +221,7 @@ unfortunately need to replicate some stuff from base.css here.
}

.info-bar li {
padding-top: 2px;
padding-bottom: 5px;
padding-left: 20px;
padding: 2px 0 5px 20px;
line-height: 20px;
list-style-type: none;
background: url(images/bullet.png) no-repeat 0 8px;
Expand Down Expand Up @@ -705,13 +700,49 @@ p.info {

@media all and (max-width: 1200px) {

.home #banner-secondary h1 {
font-size: 56px;
line-height: 56px;
}

#sidebar.jquery-plugin p.date {
font-size: 16px;
}
}

@media all and (max-width: 1100px) {

.home #banner-secondary h1 {
font-size: 48px;
line-height: 48px;
}

.home .float-wrapper {
width: 100%;
}

#content, #content.jquery-plugin {
width: 70%;
}

.home #content {
width: 75%;
}

#sidebar {
width: 280px;
}

.home #sidebar, .info-bar {
width: 220px;
}

.info-bar {
float: right;
margin-left: 0;
margin-right: -40px;
}

#sidebar.jquery-plugin a.download {
font-size: 16px;
}
Expand All @@ -723,31 +754,36 @@ p.info {

@media all and (max-width: 1000px) {

#content, .home #content {
width: 65%;
margin: 0;
}

#sidebar, .home #sidebar, .home .info-bar {
width: 220px;
.home #banner-secondary h1 {
font-size: 44px;
line-height: 44px;
}

#sidebar.jquery-plugin a.download {
font-size: 12px;
#content, #content.jquery-plugin {
width: 65%;
}

.home .info-bar {
float: right;
margin-left: 0;
margin-right: -40px;
.home #content {
width: 70%;
}
}

@media all and (max-width: 900px) {

#content {
#content, #content.jquery-plugin {
width: 60%;
}

.home #content {
width: 65%;
}

.home #banner-secondary p {
font-size: 46px;
line-height: 46px;
padding-left: 5%;
padding-right: 5%;
}
}

@media all and (max-width: 768px) {
Expand All @@ -760,8 +796,6 @@ p.info {
.home #banner-secondary p {
font-size: 42px;
line-height: 42px;
padding-left: 5%;
padding-right: 5%;
}

.home #banner-secondary .searchform {
Expand Down Expand Up @@ -820,8 +854,6 @@ p.info {
.home #banner-secondary p {
font-size: 36px;
line-height: 36px;
padding-left: 5%;
padding-right: 5%;
}

.notify p {
Expand Down
57 changes: 27 additions & 30 deletions themes/plugins.jquery.com/tag.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,44 +9,41 @@

get_header(); ?>

<section id="body" class="clearfix">
<div class="inner clearfix" role="main">
<div id="content">
<div id="content">

<?php if ( have_posts() ) : ?>
<?php if ( have_posts() ) : ?>

<header class="page-header">
<h1 class="page-title"><?php printf( __("Plugins tagged '%s'", 'twentyeleven'), '<span>' . single_tag_title( '', false ) . '</span>' ); ?></h1>
</header>
<header class="page-header">
<h1 class="page-title"><?php printf( __("Plugins tagged '%s'", 'twentyeleven'), '<span>' . single_tag_title( '', false ) . '</span>' ); ?></h1>
</header>

<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'content-listing', get_post_format() ); ?>
<?php endwhile; ?>
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'content-listing', get_post_format() ); ?>
<?php endwhile; ?>

<div class="nav-previous">
<?php next_posts_link( '&larr; Older plugins' ); ?>
</div>
<div class="nav-next">
<?php previous_posts_link( 'Newer plugins &rarr;' ); ?>
</div>
<div class="nav-previous">
<?php next_posts_link( '&larr; Older plugins' ); ?>
</div>
<div class="nav-next">
<?php previous_posts_link( 'Newer plugins &rarr;' ); ?>
</div>

<?php else : ?>
<?php else : ?>

<article id="post-0" class="post no-results not-found">
<header class="entry-header">
<h1 class="entry-title"><?php _e( 'Nothing Found', 'twentyeleven' ); ?></h1>
</header><!-- .entry-header -->
<article id="post-0" class="post no-results not-found">
<header class="entry-header">
<h1 class="entry-title"><?php _e( 'Nothing Found', 'twentyeleven' ); ?></h1>
</header><!-- .entry-header -->

<div class="entry-content">
<p>Sorry, but no results were found for the requested archive.</p>
</div><!-- .entry-content -->
</article><!-- #post-0 -->
<div class="entry-content">
<p>Sorry, but no results were found for the requested archive.</p>
</div><!-- .entry-content -->
</article><!-- #post-0 -->

<?php endif; ?>
<?php endif; ?>

</div>
<?php get_sidebar(); ?>
</div><!-- .inner -->
</section><!-- #body -->
</div><!-- #content -->

<?php get_sidebar(); ?>

<?php get_footer(); ?>