Skip to content

Instantly share code, notes, and snippets.

@JackieXu

JackieXu/dabblet.css

Created May 29, 2012 15:18
Show Gist options
  • Save JackieXu/2828993 to your computer and use it in GitHub Desktop.
Save JackieXu/2828993 to your computer and use it in GitHub Desktop.
Download ZIP
Contest Head
Raw
dabblet.css
/**
* Contest Head
*/
body {
padding: 50px;
}
#cc_head {
background-image: url('http://i.imgur.com/rfY0S.png');
background-repeat: no-repeat;
height: 270px;
width: 517px;
}
#cc_characters {
padding: 35px 0 0;
text-align: center;
}
#cc_characters > li{
background-image: radial-gradient(50% 50%, circle closest-side, #fcfcfc, #e4e4e4 100%);
border: 0;
border-radius: 20px;
box-shadow: 1px 2px 7px #aaa;
color: #94388d;
display: inline-block;
font-family: 'Arial Rounded MT Bold';
font-size: 30px;
font-weight: bold;
height: 40px;
line-height: 40px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
text-transform: uppercase;
width: 40px;
}
#cc_head > h1 {
color: #94388d;
font-size: 36pt;
margin: 0;
text-align: center;
text-transform: uppercase;
}
#cc_head > h3 {
color: #8ea055;
font-size: 15pt;
margin: 0;
text-align: center;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="cc_head">
<ul id="cc_characters">
<li>w</li>
<li>e</li>
<li>l</li>
<li>c</li>
<li>o</li>
<li>m</li>
<li>e</li>
</ul>
<h3>to Starapple</h3>
<h1>Code Contest</h1>
<h3>juni 2012</h3>
</div>
Raw
settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment