playground
/
isotope
mirror of https://github.com/metafizzy/isotope
1
0
Fork 0
Code Issues Releases Activity
Browse Source

add top banner for beta

v1
David DeSandro 11 years ago
parent
dccb95fba2
commit
b4448493be
2 changed files with 22 additions and 3 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      _layouts/default.html
  2. 17
      css/style.css

8
_layouts/default.html
Unescape View File

@ -11,11 +11,15 @@
<!-- scripts at bottom of page --> <!-- scripts at bottom of page -->
<script src="http://desandro.com/mint/?script"></script> <!-- analytics --> <!-- <script src="http://desandro.com/mint/?script"></script> -->
</head> </head>
<body class="{{ page.category }} {{ page.body_class }}"> <body class="{{ page.category }} {{ page.body_class }}">
<div id="top-banner">
<p><a href="http://isotope.metafizzy.co/beta">Try Isotope v2 beta!</a></p>
</div>
<nav id="site-nav"> <nav id="site-nav">
<h1><a href="{{ root_path }}index.html">{{ site.name }}</a></h1> <h1><a href="{{ root_path }}index.html">{{ site.name }}</a></h1>

17
css/style.css
Unescape View File

@ -447,7 +447,7 @@ body {
width: 200px; width: 200px;
position: absolute; position: absolute;
left: 10px; left: 10px;
top: 0px; top: 60px;
padding-top: 20px; padding-top: 20px;
font-size: 12px; font-size: 12px;
} }
@ -834,7 +834,22 @@ code .nd { color: #9FAD7E; } /* CSS pseudo selector */
border-radius: 10px; border-radius: 10px;
} }
#top-banner {
}
#top-banner a {
display: block;
background: #FF0;
color: #06F;
padding: 0.5em;
font-family: Helvetica Neue, Arial, sans-serif;
font-weight: bold;
font-size: 20px;
border-radius: 4px;
text-align: center;
}
#top-banner a:hover { background: white; color: #F06; }
/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */ /* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:before, .clearfix:after { content: ""; display: table; }

Write Preview
Loading…
Cancel
Save