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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<style>
.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="https://daneden.github.io/animate.css/animate.min.css">
<style>
.wow:first-child {
visibility: hidden;
}
#container {
width: 980px;
margin: 0 auto;
}
section {
View jQuery_form_validation.css
<style>
.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
owngeek / button_effect.css
Created Sep 21, 2016
Simple CSS3 Button Effect
View button_effect.css
<style>
.btn
{
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
color: #0C5;
font-size: 24px;
font-family: "Nunito", sans-serif;
View parallax_scrolling.css
<style>
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
owngeek / Responsive_navigation_menu.css
Last active Nov 10, 2016
Responsive Navigation Menu
View Responsive_navigation_menu.css
<!-- Bootstrap Core CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
<!-- Animate -->
<link href="http://bootsnav.com/css/animate.css" rel="stylesheet">
<!-- Bootsnav -->
<link href="http://bootsnav.com/css/bootsnav.css" rel="stylesheet">
@owngeek
owngeek / Progress_Bar.css
Created Sep 20, 2016
Simple Progress Bar CSS/jQuery Plugin
View Progress_Bar.css
<style>
@-webkit-keyframes grow-width {
from {
width: 0;
}
}
@keyframes grow-width {
from {
width: 0;
View radio_button.css
<style>
body, html{
height: 100%;
background: #000;
font-family: 'Lato', sans-serif;
}
.container{
display: block;
position: absolute;
View jquery _loader.css
<style>
.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
owngeek / placeholder_styling.css
Last active Sep 20, 2016
Placeholder Styling
View placeholder_styling.css
<style>
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.