Forked from Zachary Kain's Pen CSS-Tricks, :valid & :invalid.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 4 column Gravity Forms custom ready class ------------------------------------------------------*/ | |
.gform_wrapper .top_label li.gfield.gf_first_quarter, | |
.gform_wrapper .top_label li.gfield.gf_second_quarter, | |
.gform_wrapper .top_label li.gfield.gf_third_quarter, | |
.gform_wrapper .top_label li.gfield.gf_fourth_quarter { | |
margin:0 0 8px 0; | |
width:24%; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//In order to link two accounts, create a link method in a controller (make sure to have the auth object injected): | |
$scope.link = function () { | |
auth.auth0js._callbackOnLocationHash = true; | |
auth.signin({ | |
authParams: { | |
access_token: auth.accessToken | |
} | |
}, function (profile, token) { | |
// TODO Handle accounts linked |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
'use strict'; | |
/** | |
* AccountController allows the User to change settings, link with their GitHub accounts, etc | |
*/ | |
skeletonApp.controller('AccountController', [ | |
'$scope', '$location', '$rootScope', 'OAuthService', 'ParseService', function($scope, $location, $rootScope, OAuthService, ParseService) { | |
// redirect to "/login" if user is not logged in |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Multiple Modals With Semantic UI</title> | |
<link rel="stylesheet" href="path_to_semantic/dist/semantic.css"> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> | |
<script src="path_to_semantic/dist/semantic.js"></script> | |
</head> | |
<body> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ========================================================================== | |
Buttons Class Configurations | |
========================================================================== */ | |
/* | |
* Redefinition to bootstrap buttons | |
*/ | |
.btn, .btn[disabled], .btn:focus, .btn:hover, .btn:active{ | |
color: #333; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>JS Bin</title> | |
</head> | |
<body> | |
<div id="div1"></div> | |
<script id="jsbin-javascript"> | |
var parentDiv = document.getElementById("div1"); |
Demonstrating the use of the :disabled
pseudo-class on input elements. Also, cornflower blue!
Forked from Zachary Kain's Pen CSS-Tricks Almanac – :disabled.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
div | |
{ | |
height: 100px; | |
width: 100px; | |
margin: auto; | |
position: absolute; | |
bottom: 0; left: 0; top: 0; right: 0; | |
} |