Skip to content

Instantly share code, notes, and snippets.

@cavill cavill/dabblet.css
Created Apr 26, 2012

Embed
What would you like to do?
Top10 Links
/**
* Top10 Links
*/
body {
background: #e2ded6;
font: 16px/21px 'helvetica neue';
color: #000033;
padding: 20px;
margin:0;
}
h1 {
margin: 0px 0 30px;
text-align: center;
}
h2 {
margin: 10px 0 0;
}
.textblock {
border: 1px solid #726450;
background: #fff;
width: 300px;
float: left;
margin: 0 20px 20px 0;
padding: 10px 20px;
-webkit-border-radius: 5px;
}
.byline {font-weight: bold;}
a:active {
position: relative;
top: 1px;
}
/*
====================
First div */
.alpha a, .alpha a:visited {
color: #45abd1;
text-decoration: none;
padding-bottom: 1px;
}
.alpha a:hover {
border-bottom: 1px solid rgba(69,171,209, 0.2);
}
.alpha a:active {
}
/*
====================
Second div */
.beta p {
color: #000033;
}
.beta a, .beta a:visited {
color: #4c4c7a;
text-decoration: none;
padding-bottom: 1px;
}
.beta a:hover {
color: #000033;
border-bottom: 1px solid #000033;
}
.beta a:active {
}
/*
====================
Third div */
.gamma a, .gamma a:visited {
color: #000033;
text-decoration: none;
padding: 1px 3px;
-webkit-border-radius: 4px;
background: rgba(69,171,209, 0.1);
}
.gamma a:hover {
color: #000033;
background: rgba(69,171,209, 0.3);
}
.gamma a:active {
}
/*
====================
Fourth div */
.zeta a, .zeta a:visited {
color: #248AB0;
text-decoration: none;
padding-bottom: 1px;
}
.zeta a:hover {
border-bottom: 1px solid rgba(69,171,209, 0.5);
}
.zeta a:active {
}
/*
====================
Fifth div */
.omega a, .omega a:visited {
color: #248AB0;
text-decoration: none;
padding-bottom: 1px;
padding: 1px 3px;
-webkit-border-radius: 4px;
}
.omega a:hover {
background: rgba(69,171,209, 0.1);
}
.omega a:active {
}
<h1>Polygon link options</h1>
<div class="textblock alpha">
<h2>Top 10 Abba Songs</h2>
<p class="byline">Created by <a href="#">Arne Jacobsen</a> with <a href="#">35 contributors</a></p>
<p>ABBA was a Swedish pop/rock group formed in <a href="#">Stockholm</a> in 1972, comprising Agnetha Fältskog, Benny Andersson, Björn Ulvaeus and Anni-Frid Lyngstad.</p>
</div>
<div class="textblock beta">
<h2>Top 10 Abba Songs</h2>
<p class="byline">Created by <a href="#">Arne Jacobsen</a> with <a href="#">35 contributors</a></p>
<p>ABBA was a Swedish pop/rock group formed in <a href="#">Stockholm</a> in 1972, comprising Agnetha Fältskog, Benny Andersson, Björn Ulvaeus and Anni-Frid Lyngstad.</p>
</div>
<div class="textblock gamma">
<h2>Top 10 Abba Songs</h2>
<p class="byline">Created by <a href="#">Arne Jacobsen</a> with <a href="#">35 contributors</a></p>
<p>ABBA was a Swedish pop/rock group formed in <a href="#">Stockholm</a> in 1972, comprising Agnetha Fältskog, Benny Andersson, Björn Ulvaeus and Anni-Frid Lyngstad.</p>
</div>
<div class="textblock zeta">
<h2>Top 10 Abba Songs</h2>
<p class="byline">Created by <a href="#">Arne Jacobsen</a> with <a href="#">35 contributors</a></p>
<p>ABBA was a Swedish pop/rock group formed in <a href="#">Stockholm</a> in 1972, comprising Agnetha Fältskog, Benny Andersson, Björn Ulvaeus and Anni-Frid Lyngstad.</p>
</div>
<div class="textblock omega">
<h2>Top 10 Abba Songs</h2>
<p class="byline">Created by <a href="#">Arne Jacobsen</a> with <a href="#">35 contributors</a></p>
<p>ABBA was a Swedish pop/rock group formed in <a href="#">Stockholm</a> in 1972, comprising Agnetha Fältskog, Benny Andersson, Björn Ulvaeus and Anni-Frid Lyngstad.</p>
</div>
<div>
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.