Skip to content

Commit

Permalink
changes to the way galleries are displayed, including a beautiful att…
Browse files Browse the repository at this point in the history 
…achment page
  • Loading branch information
@nwong212
nwong212 committed Mar 18, 2014
1 parent f638064 commit cf3d5e6
Show file tree
Hide file tree
Showing 5 changed files with 185 additions and 130 deletions.
14 changes: 14 additions & 0 deletions attachment.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<?php get_header(); ?>
<div id="attachments">
<div class="image">
<?php echo wp_get_attachment_image($attachment_id, 'full', $icon, $attr); ?>
</div>
<div class="download-links">
<a href="<?php echo wp_get_attachment_url( $id ); ?>" download>
<span style="color:#444; font-size:2em; padding:0.5em; float:right;" class="team1160-download-outline"></span>
</a>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<?php get_footer(); ?>
5 changes: 3 additions & 2 deletions footer.php
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div class="clear"></div>
<?php wp_reset_query(); ?>

<?php if(!is_attachment()) { ?>
<footer id="footer" class="custom-background">

<div class="footer-container">
Expand Down Expand Up @@ -51,6 +51,7 @@
</div>
<div class="clear"></div>
</div>
<?php } ?>

<?php wp_footer(); ?>

Expand Down Expand Up @@ -124,7 +125,7 @@
<!--GOOGLE SUGGESTED THAT WE LOAD ALL UNIMPORTANT SCRIPTS HERE, SO HERE YA GO, BUT HTML5 STATES THAT IT REQUIRES THE PROPERTY TAG, SO THATS WHY THAT'S THERE...-->

<!--MAIN STYLES-->
<link property="stylesheet" rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>?ver=3.2.3" />
<link property="stylesheet" rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>?ver=3.4.1" />
<link property="stylesheet" rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/print.css?ver=1.0" media="print" />
<!--end MAIN STYLES-->

Expand Down
253 changes: 130 additions & 123 deletions header.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,22 +43,22 @@
padding:1em 0;
position:relative;
text-align:center;
-webkit-animation-name: ColorChange;
-moz-animation-name: ColorChange;
-o-animation-name: ColorChange;
animation-name: ColorChange;
-webkit-animation-duration: 10s;
-moz-animation-duration: 10s;
-o-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-name: ColorChange;
-moz-animation-name: ColorChange;
-o-animation-name: ColorChange;
animation-name: ColorChange;
-webkit-animation-duration: 10s;
-moz-animation-duration: 10s;
-o-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
}
.team1160-flash-outline .team1160-starburst-outline {
font-size:2em;
Expand Down Expand Up @@ -86,134 +86,134 @@
animation-timing-function: linear;
}
@keyframes rotate {
from {
transform:rotate(0deg)
}
to {
transform:rotate(360deg)
}
from {
transform:rotate(0deg)
}
to {
transform:rotate(360deg)
}
}
@-o-keyframes rotate {
from {
-o-transform:rotate(0deg)
}
to {
-o-transform:rotate(360deg)
}
from {
-o-transform:rotate(0deg)
}
to {
-o-transform:rotate(360deg)
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes rotate {
from {
-moz-transform:rotate(0deg)
}
to {
-moz-transform:rotate(360deg)
}
from {
-moz-transform:rotate(0deg)
}
to {
-moz-transform:rotate(360deg)
}
}
.team1160-starburst-outline.reverse {
-webkit-animation-name: reverse;
-moz-animation-name: reverse;
-o-animation-name: reverse;
animation-name: reverse;
color:#7fb3e2;
font-weight:normal;
-webkit-animation-name: reverse;
-moz-animation-name: reverse;
-o-animation-name: reverse;
animation-name: reverse;
color:#7fb3e2;
font-weight:normal;
}

@keyframes reverse {
from {
transform:rotate(0deg)
}
to {
transform:rotate(-360deg)
}
from {
transform:rotate(0deg)
}
to {
transform:rotate(-360deg)
}
}
@-o-keyframes reverse {
from {
-o-transform:rotate(0deg)
}
to {
-o-transform:rotate(-360deg)
}
from {
-o-transform:rotate(0deg)
}
to {
-o-transform:rotate(-360deg)
}
}
@-webkit-keyframes reverse {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(-360deg)
}
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(-360deg)
}
}
@-moz-keyframes reverse {
from {
-moz-transform:rotate(0deg)
}
to {
-moz-transform:rotate(-360deg)
}
from {
-moz-transform:rotate(0deg)
}
to {
-moz-transform:rotate(-360deg)
}
}

@keyframes ColorChange {
0% {
color:#1B9120;
}
16% {
color:#7F00C6;
}
49% {
color:#0067c6;
}
82% {
color:#1B9120;
}
0% {
color:#1B9120;
}
16% {
color:#7F00C6;
}
49% {
color:#0067c6;
}
82% {
color:#1B9120;
}
}
@-o-keyframes ColorChange {
0% {
color:#1B9120;
}
16% {
color:#7F00C6;
}
49% {
color:#0067c6;
}
82% {
color:#1B9120;
}
0% {
color:#1B9120;
}
16% {
color:#7F00C6;
}
49% {
color:#0067c6;
}
82% {
color:#1B9120;
}
}
@-webkit-keyframes ColorChange {
0% {
color:#1B9120;
}
16% {
color:#7F00C6;
}
49% {
color:#0067c6;
}
82% {
color:#1B9120;
}
0% {
color:#1B9120;
}
16% {
color:#7F00C6;
}
49% {
color:#0067c6;
}
82% {
color:#1B9120;
}
}
@-moz-keyframes ColorChange {
0% {
color:#1B9120;
}
16% {
color:#7F00C6;
}
49% {
color:#0067c6;
}
82% {
color:#1B9120;
}
0% {
color:#1B9120;
}
16% {
color:#7F00C6;
}
49% {
color:#0067c6;
}
82% {
color:#1B9120;
}
}
</style>
<?php
Expand Down Expand Up @@ -301,13 +301,13 @@

<!-- <BODY> START -->

<body class="<?php if (is_front_page()) : ?>front<?php else:?><?php endif; ?>">
<body class="<?php if (is_front_page()) : ?>front<?php elseif(is_attachment()):?>attachments<?php else: endif; ?>">

<!--TELL IE USERS THAT THE WEBSITE IS GOING TO LOOK WEIRD-->
<!--[if IE]>
<div id="ie-announcement">Hey! You're using Internet Explorer, which may cause our website to look funny! The solution is to <a href="http://browsehappy.com/">try a different browser</a>. <a href="http://blogs.computerworld.com/18552/12_reasons_not_to_use_internet_explorer_ever">Why?</a></div>
<![endif]-->

<?php if(!is_attachment()) { ?>
<div class="<?php if (is_front_page()) : ?>frontpage wrapper<?php else:?>normal wrapper<?php endif; ?>" id="page">

<!--START - NAVIGATION-->
Expand Down Expand Up @@ -355,9 +355,9 @@
array(
'theme_location' => 'Main-Navigation',
'container_id' => 'nav',
'container_class' => 'navigation-links screen',
'container_class' => 'nav screen',
'menu_id' => 'menu',
'menu_class' => 'ti22',
'menu_class' => 'ti22 menu-1',
)
);
?>
Expand Down Expand Up @@ -419,4 +419,11 @@
</div>
</div></div>
<div class="clear"></div>
<?php endif; ?>
<?php endif; ?>
<?php } else { ?>
<div id="close">
<a href="<?php print $_SERVER['HTTP_REFERER'];?>">
<span class="team1160-delete-outline"></span>
</a>
</div>
<?php } ?>
6 changes: 4 additions & 2 deletions loop.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -458,5 +458,7 @@
</div>
<div class="clear"></div>

<?php }
?>
<?php } elseif (is_page_template('attachment.php')) {

}
?>
Loading

0 comments on commit cf3d5e6

Please sign in to comment.