Gallery2:Themes:AutoRC CSS - Gallery Codex
Personal tools

Gallery2:Themes:AutoRC CSS

From Gallery Codex

This is the HTML source code for the album mockup of AutoRC Theme.

 #gallery {
   color: #666;
   background: #fff;
   margin: 0;
   padding: 0;
   font: .8em Verdana, Arial, sans-serif;
 }
 #container  {
   margin: 0 auto;
   padding: 2em;
   width: auto;
   height: 100%;
 }
 #banner {
   margin: 0;
   padding: 0;
   border-bottom: 1px dotted #ccc;
 }
 #banner ul#sitemenu {
   margin: 0;
   padding: 0 0 .5em 0;  
   list-style: none;
   float: right;
   clear: both;
 }
 #banner ul#sitemenu li {
   display: inline;
   margin-left: 2em;
 }
 #sidebar {
   width: auto;
   padding: 0 1em;
   background: #fff;
   border-left: 1px dotted #ccc;
   float: right;
 }
 #sidebar ul {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
 }
 #album {
   margin: 0;
   padding: 0;
   border-right: 1px dotted #ccc;
   border-bottom: 1px dotted #ccc;
   width: auto;
   float: right;
 }
 #album .info {
   margin: 0;
   padding: 0 1em .2em 1em;
   background: #f5f5f5;
 }
 #album .info h1 {
   font-size: 1.4em;
 }
 ul.breadcrumb {
   background: #fff;
   margin-top: 0;
 }
 ul.breadcrumb, ul.pager {
   list-style: none;
   margin: 0 0 0 -1.25em;
   padding: .3em 0;
   font-size: .8em;
 }
 ul.breadcrumb li, ul.pager li {
   display: inline;
   margin: 0 1em;
 }
 ul.breadcrumb a:link, ul.pager a:link {
   color: #999;
   padding: 1em .4em;
 }
 #album .item {
   float: left;
   width: 160px;
   height: 180px;
   margin: .25em 0;
   padding: 8px;
   border: 1px dotted #ccc;
   border-right: none;
   border-bottom: none;
   text-align: center;
 }
 #album #photo {
   height: auto;
 }
 #album .item img {
   border: none;
   margin: 0;
 }
 #album .item h2 {
   font-size: 1em;
 }
 /* clear fix to hold height open */
 #banner:after, #sidebar:after, #album:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 #banner, #sidebar, #album { display: inline-block; } /*this trips hasLayout for ie7*/
 #banner, #sidebar, #album { display: block; } /*this returns it back to normal*/
 #sidebar:after { content: "."; clear: both; visibility: hidden; }
advertisements