Demonstrating the use of the :disabled
pseudo-class on input elements. Also, cornflower blue!
Forked from Zachary Kain's Pen CSS-Tricks Almanac – :disabled.
Demonstrating the use of the :disabled
pseudo-class on input elements. Also, cornflower blue!
Forked from Zachary Kain's Pen CSS-Tricks Almanac – :disabled.
Forked from Zachary Kain's Pen CSS-Tricks, :valid & :invalid.
<!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"); |
/* ========================================================================== | |
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); |
<!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> |
'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 |
/* 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%; | |
} |