Skip to content

Instantly share code, notes, and snippets.

owngeek owngeek

Block or report user

Report or block owngeek

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View boostrap_cards_css
<link href="" rel="stylesheet">
.pzro{ padding:0;}
.twPc-div {
background: #fff none repeat scroll 0 0;
border: 1px solid #e1e8ed;
border-radius: 6px;
/* max-width: 340px; // orginal twitter width: 290px;*/
.twPc-bg {
View scroll-based-animation.css
<link rel="stylesheet" href="">
.wow:first-child {
visibility: hidden;
#container {
width: 980px;
margin: 0 auto;
section {
View jQuery_form_validation.css
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
owngeek / button_effect.css
Created Sep 21, 2016
Simple CSS3 Button Effect
View button_effect.css
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
color: #0C5;
font-size: 24px;
font-family: "Nunito", sans-serif;
View parallax_scrolling.css
body, html {
height: 100%;
margin: 0;
font: 400 15px/1.8 "Lato", sans-serif;
color: #fff;
.bg_img-1, .bg_img-2, .bg_img-3 {
position: relative;
owngeek / Responsive_navigation_menu.css
Last active Nov 10, 2016
Responsive Navigation Menu
View Responsive_navigation_menu.css
<!-- Bootstrap Core CSS -->
<link href="" rel="stylesheet">
<!-- Icons -->
<link href="" rel="stylesheet">
<!-- Animate -->
<link href="" rel="stylesheet">
<!-- Bootsnav -->
<link href="" rel="stylesheet">
owngeek / Progress_Bar.css
Created Sep 20, 2016
Simple Progress Bar CSS/jQuery Plugin
View Progress_Bar.css
@-webkit-keyframes grow-width {
from {
width: 0;
@keyframes grow-width {
from {
width: 0;
View radio_button.css
body, html{
height: 100%;
background: #000;
font-family: 'Lato', sans-serif;
display: block;
position: absolute;
View jquery _loader.css
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
owngeek / placeholder_styling.css
Last active Sep 20, 2016
Placeholder Styling
View placeholder_styling.css
body{background: #087585;}
.plcehldr input {width: 200px;border: none;background: #f8f8f8;height: 33px; color: blue;position: absolute;top: 0;left: 0;margin: auto;right: 0; bottom: 0;
border-radius: 2px; padding-left: 6px; }
.plcehldr img{width: 18px;position: absolute; right: 0;top: 8px; cursor:pointer;}
.plcehldr input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #087585 ;
You can’t perform that action at this time.