v1.3
html
Hello!
my name is
Orry Baram
Front end developer
Brooklyn, NY
edit me!
⤶
css
/* @import //orry.io/css/bootstrap.css */ body { background-image: url('//www.orry.io/img/noise.png'); background-color: #F1F1F1; color: #43473D; font-family: sans-serif; padding: 25px; text-shadow: 0 1px white; } .container { width:100%; } .row { margin: 10% auto; width:400px; } #sticker { height: 250px; width: 400px; border-radius: 15px; text-align: center; box-shadow: 1px 0px 5px 2px #E4E4E4, inset 0 1px #FDCDCD; border: 1px solid #D6D6D6; margin:0 auto; background: #e52200; /* Old browsers */ background: -moz-linear-gradient(top, #e52200 0%, #cc0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e52200), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e52200 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e52200 0%,#cc0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e52200 0%,#cc0000 100%); /* IE10+ */ background: linear-gradient(to bottom, #e52200 0%,#cc0000 100%); /* W3C */ } #sticker h2 { font: bold 55px sans-serif; letter-spacing: 5px; color: white; height:auto; text-shadow: 0 1px #B31919; } #sticker h3 { font: 20px sans-serif; color: white; position:relative; top:-10px; text-shadow: 0 1px #B31919; } #writing-zone { background-color:white; height:150px; position:relative; top:0px; } #writing-zone h1 { font: normal 70px 'Pacifico'; position: relative; top: -15px; -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); } #writing-zone p { font-family:'Pacifico'; font-size: 20px; position:relative; top:-5px; left:15px; -moz-transform:rotate(-1deg); -webkit-transform:rotate(-1deg); text-align: left; } #writing-zone p span { position: relative; top: 6px; right: 25px; -moz-transform: rotate(-1deg); -webkit-transform: rotate(1deg); text-align: right; float: right; } #social { margin:15px 0 0 10px; } #social a { color:#D5D5D5; font-size:28px; margin:10px 10px 0 0; } #social a:hover { text-decoration:none; } #twitter:hover {color:#33CCFF;} #linkedin:hover {color:#4875B4;} #github:hover {color:black;} #email:hover {color: #8F9499;} #DO-IT-DO-IT----COME-ON-COME-ON { position:relative; left:-50px; } #EDIT-ME { color: #DADADA; font: normal 50px 'Pacifico'; margin: 50px 0 0 0; text-shadow: 0 1px #FFF; } #IM-HERE---EDIT-ME { color: #E6E6E6; font-size: 130px; left:-40px; position:relative; top:50px; }
hide code