Skip to content

Instantly share code, notes, and snippets.

@fatgy

fatgy/dabblet.css

Created December 22, 2011 08:44
Show Gist options
  • Save fatgy/1509553 to your computer and use it in GitHub Desktop.
Save fatgy/1509553 to your computer and use it in GitHub Desktop.
Download ZIP
Logo of some exhibition http://goo.gl/EK4Yp
Raw
dabblet.css
/* Logo of some exhibition http://goo.gl/EK4Yp
from https://www.facebook.com/iCAREClub?ref=ts
*/
body {
font-size: 16px;
background-color: #DFE0E2;
color: #BA9254;
}
p {
text-transform: uppercase;
font-weight: bold;
}
#container {
width: 400px;
height: 600px;
margin: 100px auto;
}
.circle {
border: 35px solid #BA9254;
width: 290px;
height: 290px;
border-radius: 50%;
text-align: center;
overflow: hidden;
position: relative;
}
.circle:nth-child(1){
font-size: 40em;
line-height: 290px;
}
.circle:nth-child(1):before,
.circle:nth-child(1):after {
content: "";
width: 350px;
height: 350px;
border: 25px solid #BA9254;
display: block;
position: absolute;
border-radius: 50%;
}
.circle:nth-child(1):before {
top: -160px;
left: -55px;
}
.circle:nth-child(1):after {
top: 60px;
left: -55px;
}
.circle:nth-child(2){
font-size: 15em;
margin-top: -35px;
padding-top: 20px;
height: 270px
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="container">
<div class="circle">•</div>
<div class="circle">❤</div>
<p>think and create for human sustainability</p>
</div>
Raw
settings.json
{"view":"split-vertical","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment