Skip to content

Instantly share code, notes, and snippets.

View Fresh-Dev's full-sized avatar

Kevin Kleinjung Fresh-Dev

  • Deutschland
View GitHub Profile
@Fresh-Dev
Fresh-Dev / python-cli-lineUplineDel.py
Created February 11, 2016 12:50
python-cli lineUp lineDel
lineUp='\x1b[1A'
lineDel='\x1b[2K'
print(lineUp + lineDel)
@Fresh-Dev
Fresh-Dev / webpageTopBoxShadow.css
Created February 10, 2016 19:26
Webpage Top Box Shadow
body:before {
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
@Fresh-Dev
Fresh-Dev / glowingInputs.css
Created February 10, 2016 19:26
Glowing Inputs
input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #ddd;
}
@Fresh-Dev
Fresh-Dev / fixedFooter.css
Created February 10, 2016 19:25
Fixed Footer
#footer {
position: fixed;
left: 0px;
bottom: 0px;
height: 30px;
width: 100%;
background: #444;
}
/* IE 6 */
@Fresh-Dev
Fresh-Dev / centeredLayoutFixedWidth.css
Created February 10, 2016 19:25
Centered Layout Fixed Width
#page-wrap {
width: 800px;
margin: 0 auto;
}
@Fresh-Dev
Fresh-Dev / fontface.css
Created February 10, 2016 19:25
FontFace
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
body {
@Fresh-Dev
Fresh-Dev / css3GradientsTemplate.cs
Created February 10, 2016 19:25
CSS3 Gradients Template
#colorbox {
background: #629721;
background-image: -webkit-gradient(linear, left top, left bottom, from(#83b842), to(#629721));
background-image: -webkit-linear-gradient(top, #83b842, #629721);
background-image: -moz-linear-gradient(top, #83b842, #629721);
background-image: -ms-linear-gradient(top, #83b842, #629721);
background-image: -o-linear-gradient(top, #83b842, #629721);
background-image: linear-gradient(top, #83b842, #629721);
}
@Fresh-Dev
Fresh-Dev / verticallyCenteredContent.css
Created February 10, 2016 19:25
Vertically Centered Content
.container {
min-height: 6.5em;
display: table-cell;
vertical-align: middle;
}
@Fresh-Dev
Fresh-Dev / fullscreenBgImage.css
Created February 10, 2016 19:25
Full Screen Background Image
html {
background: url('images/bg.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@Fresh-Dev
Fresh-Dev / fancyPullQuotes.css
Created February 10, 2016 19:25
Fancy CSS3 Pull-Quotes
.has-pullquote:before {
/* Reset metrics. */
padding: 0;
border: none;
/* Content */
content: attr(data-pullquote);
/* Pull out to the right, modular scale based margins. */
float: right;