Start line:  
End line:  

Snippet Preview

Snippet HTML Code

Stack Overflow Questions
body #menubar,
body #content,
body .content {
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 11pt;
}

body {
	margin: 0;
	padding: 0;
}

div.content {
	margin: 0;
	padding: 0.4em 1em 1em 1em;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.3em;
}

h1,h2,h3 {
	padding: 0;
	margin-bottom: 0;
	margin-top: 0.5em;
}

p {
	padding: 0;
	margin-top: 0;
	margin-bottom: 1em;
}

@font-face {
	font-family: 'FontAwesome';
	src: url('/r/fontawesome-webfont.eot');
	src: url('/r/fontawesome-webfont.eot?#iefix')
	format('embedded-opentype'), url('/r/fontawesome-webfont.woff')
	format('woff'), url('/r/fontawesome-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal
}

#menubar {
	padding: 0.6em 0.6em 0.6em 0.6em;
	margin: 0 0 0 0;
	background: #000;
	border-bottom: 1px solid #ddd;
}

#menubar table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
}

#menubar table td {
	text-align: right;
}

#menubar table td:first-child {
	text-align: left;
}

#menubar tr, #menubar td {
	padding: 0;
	margin: 0;
}

#breadcrumbs,
#shortcuts {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

#breadcrumbs li a,
#breadcrumbs li a:visited {
	color: #ccc;
}

#breadcrumbs li a:hover {
	color: #eee;
}

#breadcrumbs li {
	color: #ccc;
	list-style-type: none;
	padding-bottom: 0.4em;
	padding-right: 0.5em;
	display: inline;
}

#shortcuts li {
	list-style-type: none;
	padding-bottom: 0.4em;
	padding-right: 0.5em;
	display: inline;
}

#shortcuts li a,
#shortcuts li a:visited {
	color: #fff;
	text-decoration: none;
}

#shortcuts li a:hover {
	color: #ccc;
	text-decoration: underline;
}

#breadcrumbs li:first-child::before {
	content: "";
}

#breadcrumbs li:first-child a {
	content: "";
	color: #fff;
	font-size: 1.2em;
}

#breadcrumbs li::before {
	font-family: FontAwesome;
	content: "\f105\00a0\00a0";
	font-size: 0.9em;
	opacity: 0.7;
	color: #aaa;
}

/** Feedback box formatting */
div.error {
	border: 1px solid #C99;
	background: #FCC;
	color: #633;
}

div.info {
	border: 1px solid #bbe;
	background: #ddf;
	color: #558;
}

div.success {
	border: 1px solid #aFcA80;
	color: #4F8A10;
	background-color: #DFF2BF;
}

div.warning {
	border: 1px solid #e4e4c8;
	color: #aa2;
	background-color: #ffffd0;
}

div.error, div.info, div.success, div.warning {
	padding: 0.4em 1em 0.3em 0.7em;
	margin-bottom: 1em;
	clear: both;
}

div.error::before {
	font-family: FontAwesome;
	content: "\f057\00a0\00a0";
	opacity: 0.7;
	float: left;
	color: #633;
	padding-top: 0.1em;
}

div.info:before {
	font-family: FontAwesome;
	content: "\f05a\00a0\00a0";
	opacity: 0.5;
	float: left;
	color: #336;
	padding-top: 0.1em;
}

div.success::before {
	font-family: FontAwesome;
	content: "\f00c\00a0\00a0";
	opacity: 0.7;
	float: left;
	color: #4F8A10;
	padding-top: 0.1em;
}

div.warning:before {
	font-family: FontAwesome;
	content: "\f071\00a0\00a0";
	opacity: 0.5;
	float: left;
	color: #aa2;
	padding-top: 0.1em;
}

.error ul {
	padding: 0 0 0 2em;
	margin: 0;
}

.error p,
.success p,
.warning p,
.info p {
	padding: 0 0 0 1.6em;
	margin: 0;
}

.error ul li,
.success ul li,
.warning ul li,
.info ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/** Groups members page */

form.group_members > h2 {
	margin-top: 0.2em;
	padding-top: 0;
	margin-bottom: 1em;
	line-height: 1em;
}

form.group_members > h2::before {
	font-family: FontAwesome;
	content: "\f0c0\00a0";
	font-size: 1.6em;
	opacity: 0.5;
}

/** Groups management page */

#group_manage form h2 {
	margin-top: 0.2em;
	padding-top: 0;
	margin-bottom: 1em;
	line-height: 1em;
}

#group_manage form h2::before {
	font-family: FontAwesome;
	content: "\f0c0\00a0";
	font-size: 1.6em;
	opacity: 0.5;
}

#group_manage form p {
	padding-left: 1em;
}

#group_manage #name {
	width: 30em;
}

/** Person update form */
#person_update h2,
#person_new h2 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 1.3em;
	line-height: 0.8em;
}

#person_update h2::before,
#person_new h2::before {
	font-family: FontAwesome;
	content: "\f007\00a0";
	font-size: 1.6em;
	opacity: 0.5;
}

#person_update h3,
#person_new h3 {
	padding-bottom: 0.8em;
	clear: both;
}

#person_update h3::before,
#person_new h3::before {
	font-family: FontAwesome;
	font-size: 1.6em;
	opacity: 0.5;
}

#person_update h3.admin_roles::before,
#person_new h3.admin_roles::before {
	content: "\f0ad\00a0";
}

#person_update h3.groups::before,
#person_new h3.groups::before {
	content: "\f0c0\00a0";
}

#person_update .question,
#person_new .question {
	text-align: right;
	width:  20%;
}

#person_update .answer,
#person_new .answer {
	width: 75%;
}

#person_roles h3 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 1.3em;
	line-height: 0.8em;
}

#person_roles p {
	padding-left: 1em;
}

#person_roles h3::before {
	font-family: FontAwesome;
	content: "\f0e8\00a0";
	font-size: 1.6em;
	opacity: 0.5;
}

/** General form formatting */

form {
	background: #eef;
	border: 1px solid #dde;
	padding: 1em;
}

form span,form label {
	margin: 0;
	padding: 0;
}

form label {
	display: block;
	clear: both;
}

form span.question {
	float: left;
	width: 30%;
	display: block;
	margin-bottom: 0.5em;
}

form .answer {
	float: right;
	width: 65%;
	display: block;
	margin-bottom: 0.5em;
}

form .release_tag {
	color: #888;
	margin-top: -2.0em;
	text-align: right;
	padding: 0;
	border: 0;
}

form div {
	padding-top: .5em;
	padding: 0.5em 0;
	clear: both;
}

.toolbar {
	margin-top: 0;
	padding-top: 0em;
	padding-left: 0em;
	margin-bottom: 1em;
	padding-bottom: 0;
}

.toolbar li {
	list-style-type: none;
	padding-bottom: 0.4em;
	padding-right: 0.5em;
	display: inline;
}

.toolbar a {
	color: #888;
	text-decoration: none;
}

.toolbar a:hover {
	color: #555;
	text-decoration: underline;
}

.toolbar a::before {
	font-family: FontAwesome;
	content: "\f101\00a0";
	font-size: 0.9em;
	opacity: 0.7;
	text-decoration: none !important;
}

.toolbar a.cog::before {
	content: "\f013\00a0";
	text-decoration: none !important;
}

.toolbar a.audit_debug::before {
	content: "\f188\00a0";
	text-decoration: none !important;
}

.toolbar a.audit_download::before {
	content: " \00a0\f019\00a0";
	text-decoration: none !important;
}

.toolbar a.roles::before {
	content: "\f007\00a0";
	text-decoration: none !important;
}

.toolbar a.add_person::before {
	content: "\f0fe\00a0";
	text-decoration: none !important;
}

.toolbar a.manage_groups::before {
	content: "\f0c0\00a0";
	text-decoration: none !important;
}

.toolbar a.email::before {
	content: "\f003\00a0";
	text-decoration: none !important;
}

.chevron li {
	list-style-type: none;
	padding-bottom: 0.6em;
}

.chevron li a {
	color: #77b;
}

.chevron li a:visited {
	color: #77b;
}

.chevron li a:hover {
	color: #447;
}

.chevron li::before {
	font-family: FontAwesome;
	content: "\f101\00a0";
	font-size: 0.9em;
	opacity: 0.7;
}


a.edit, a.delete, a.approve, a.default, a.export, a.members, a.roles {
	color: #999;
	font-size: 0.9em;
	text-decoration: none;
	font-size: 0.9em;
	opacity: 0.7;
	text-decoration: none !important;
}

a.approve::before {
	font-family: FontAwesome;
	content: "\00a0\00a0\f058\00a0";
	font-size: 0.9em;
	opacity: 0.7;
	text-decoration: none !important;
}

a.edit::before {
	font-family: FontAwesome;
	content: "\00a0\00a0\f044\00a0";
	font-size: 0.9em;
	opacity: 0.7;
	text-decoration: none !important;
}

a.delete::before {
	font-family: FontAwesome;
	content: "\00a0\00a0\f014\00a0";
	font-size: 0.9em;
	opacity: 0.7;
	text-decoration: none !important;
}

a.members::before {
	font-family: FontAwesome;
	content: "\00a0\00a0\f0c0\00a0";
	font-size: 0.9em;
	opacity: 0.7;
	text-decoration: none !important;
}

a.roles::before {
	font-family: FontAwesome;
	content: "\00a0\00a0\f0e8\00a0";
	font-size: 0.9em;
	opacity: 0.7;
	text-decoration: none !important;
}

a.export::before {
	font-family: FontAwesome;
	content: "\00a0\00a0\f019\00a0";
	font-size: 0.9em;
	opacity: 0.7;
	text-decoration: none !important;
}

a.default::before {
	font-family: FontAwesome;
	content: "\00a0\00a0\f046\00a0";
	font-size: 0.9em;
	opacity: 0.7;
	text-decoration: none !important;
}

pre.error {
	padding: 1em 1em 1em 1em;
	background: #fcc;
	font-size: 0.8em;
	font-family: "Source Code Pro","Lucida Console", Monaco, Courier, monospace;
}

.toolbar a.add::before {
	content: "\f0fe\00a0";
	text-decoration: none !important;
}

.people .search {
	width: 90%;
}

.people {
	text-align: center;
}

form.people {
	margin-bottom: 0;
}

.people_results {
	text-align: left;
}
.people_results li span.email {
	opacity: 0.7;
}

div.people_results > p.not_found::before {
	font-family: FontAwesome;
	opacity: 0.3;
	content: "\00a0\f002\00a0";
}

div.people_results > p.not_found {
	font-size: 0.9em;
	margin-top: 1em;
	margin-left: 2em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

div.people_results > ul.chevron {
	padding-left: 0;
	margin-left: 0 !important;
	padding-top: 0.3em;
	margin-top: 0;
}

div.people_results > ul.chevron > li::before {
	content: "\00a0\f007\00a0";
	opacity: 0.5;
}

div.people_results > ul.chevron > li {
	padding: 0.3em;
	margin: 0;
}

div.people_results > ul.chevron > li.expired::before {
	content: "\00a0\f00d\00a0";
	background: #fee;
	color: #300;
	opacity: 0.5;
}

div.people_results > ul.chevron > li.expired {
	background: #fee;
}

div.people_results > ul.chevron > li.expired > .email::before {
	content: " (Expired) ";
	opacity: 0.7;
}

.faded {
	opacity: 0.5;
}

div.submit {
	text-align: right;
}

/**
 * Signin area
 */
div#signin_area {
	font-size: 11pt;
	text-align: center;
	padding-left: 30%;
	padding-right: 30%;
	margin-top: 3em;
}

div#signin_area > form > h3 {
	padding: 0 0 0 0;
	margin: 0 0 0.5em 0;
	font-size: 13pt;
	color: #88c;
}

div#signin_area > form#signin > p,
div#signin_area > form#signin > p > a,
div#signin_area > form#signin > p > a:visited {
	color: #88c;
	font-size: 9pt;
}

div#signin_area > form#signin,
div#signin_area > form#signin *,
div#signin_area > form#signin input {
	font-size: 11pt;
	font-family: Helvetica, Arial, sans-serif;
}

div#signin_area > form#signin {
	width: 26em;
	text-align: left;
}
form#signin div.submit {
	width: 25em;
	display: inline-block;
	text-align: left;
	width: 22%;
}

form#signin input#signin_username {
	width: 100%;
}

div#signin_area > form > label {
	display: inline;
}

div#signin_area > form#signin input {
	padding: 0.2em;
	margin-bottom: 0.3em;
}

form#signin input#signin_password {
	width: 76%;
	display: inline-block;
}

form#signin p {
	width: 100%;
	text-align: right;
	padding-bottom: 0;
	margin-bottom: 0;
}

form#signin div.submit input {
	font-size: 11pt;
	padding: 0.2em;
	display: inline-block;
}

/**
 * Register area
 */
div#register_area {
	text-align: center;
	padding-left: 30%;
	padding-right: 30%;
	margin-top: 1em;
}

form#register {
	width: 26em;
	text-align: left;
	width: 26em;
	padding: 1em 1em 1em 1em;
}

div#register_area > form#register,
div#register_area > form#register *,
div#register_area > form#register input {
	font-size: 11pt;
	font-family: Helvetica, Arial, sans-serif;
}

div#register_area > form#register input {
	padding: 0.2em;
	margin-bottom: 0.3em;
}

div#register_area > form > h3 {
	padding: 0 0 0 0;
	margin: 0 0 0.5em 0;
	font-size: 13pt;
	color: #88c;
}

div#register_area > form#register label input {
	width: 100%;
}

/**
 * Audit log formatting
 */

table.audit_log tr:first-child {
	display: none;
}

table.audit_log td:first-child {
	padding-right: 1.5em;
}


.audit_log td {
	vertical-align: top;
	white-space:nowrap;
	color: #662;
}

.audit_log tr.DEBUG td {
	color: #cd8;
}

.audit_log tr td > a, .audit_log tr td > a:visited {
	opacity: 0.7;
	color: #944;
}

.audit_log tr.DEBUG td > a,
.audit_log tr.FINER td,
.audit_log tr.FINEST td {
	opacity: 0.5;
}

.audit_log tr td.ip {
	color: #cd8;
}

.audit_log tr.WARN td {
	color: #944;
}

.audit_log tr.SEVERE td {
	color: #a22;
}

div.yellow_box {
	background: #efa;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin-bottom: 1em;
	margin-top: 1em;
}

div.yellow_box h2, div.yellow_box h3 {
	margin-left: 0.5m;
	margin-top: 0.5em;
	padding-top: 0;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 0em;
	letter-spacing: 0.1em;
	color: #662;
	font-weight: 100;
}

div.yellow_box table,
div.yellow_box ul,
div.yellow_box div,
div.yellow_box ol,
div.yellow_box p {
	margin-left: 1.5em;
}

.config_settings table {
	margin-left: 1.5em;
}

.config_settings table tr:first-child {
	display: none;
}

.config_settings em {
	color: #c55;
	font-style: normal;
}

.config_settings p {
	margin-left: 0.5em;
	padding-left: 0.5em;
}

.config_settings h2::before {
	font-family: FontAwesome;
	content: "\f013\00a0";
	font-size: 0.9em;
	opacity: 0.7;
	text-decoration: none !important;
}

.config_settings h2 {
	margin-left: 0.5em;
	margin-top: 0em;
	padding-top: 0;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 0em;
	letter-spacing: 0.1em;
	color: #113;
	font-weight: 100;
}

.config_settings #name {
	width: 20em;
	margin-right: 1em;
}

.config_settings #value {
	width: 30em;
}

form.person #first_name {
	width: 27em;
}

form.person #last_name {
	width: 27em;
}

form.person #email {
	width: 33em;
}

form.person #expiry {
	width: 14em;
}

div.template_resource textarea {
	width: 98%;
	height: 30em;
}

div.template_resource input {
	display: block;
	margin-top: 0.5em;
}

/*
 * From bootstrap
 */
.btn {
	text-decoration: none;
	display: inline-block;
	*display: inline;
	padding: 4px 12px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	*border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	color: #333333;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
}

.btn:active,
.btn.active {
	background-color: #cccccc \9;
}

.btn:first-child {
	*margin-left: 0;
}

.btn:hover,
.btn:focus {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

.btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn.active,
.btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn-large {
	padding: 11px 19px;
	font-size: 17.5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
	margin-top: 4px;
}

.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #006dcc;
	*background-color: #0044cc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	color: #ffffff;
	background-color: #0044cc;
	*background-color: #003bb3;
}

.btn-small {
	padding: 2px 10px;
	font-size: 11.9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
	margin-top: 0;
}


/* qTip2 v2.1.1 None | qtip2.com | Licensed MIT, GPL | Wed Aug 28 2013 09:46:08 */
.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;border-color:transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-focus{}.qtip-hover{}.qtip-default{border-width:1px;border-style:solid;border-color:#F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}
New to GrepCode? Check out our FAQ X