Skip to content

Instantly share code, notes, and snippets.

@beacrea

beacrea/lastChanges-nusa.css

Last active January 2, 2016 09:49
Show Gist options
  • Save beacrea/8285390 to your computer and use it in GitHub Desktop.
Save beacrea/8285390 to your computer and use it in GitHub Desktop.
Download ZIP
NUSA Styles, used as a way to communicate changes to the enterprise team.
Raw
lastChanges-nusa.css
/*!
*
* NUSA Project
* Initially created by Coty Beasley
* Email: cdbeasley@naic.org
* Version: 3.02
* Random Chinese Proverb: "Reading ten thousand books is not as useful as traveling ten thousand miles."
*
* -------------------------------------------
*
* TABLE OF CONTENTS
*
* -------------------------------------------
*
* $_GLOBAL STYLING
* - resets
* - html, body
* - buttons
* - forms
*
* &_COLOR DEFINITIONS
* - brand colors
* - highlights
*
* &_TYPOGRAPHY
* - heading hierarchy
* - main page styles
*
* &_BASELINE CONTAINERS
* - sheet bounds
* - default padding and margins
* - generic global styles
*
* &_SITE-WIDE COMPONENTS
* - footer
*
* &_NAVIGATION
* - sheet bounds
* - default padding and margins
* - breadcrumbs
*
* &_DATA/TABLES
* - general styles
* - page specific
*
* $_CONTROLLERS/FILTERS/FLOWS
* - general rules
* - search
* - sort controller
* - add user button
*
&_JUMBOTRON
* - main styles
*
* &_HELPERS/MIXINS
* - no text selection
*
* &_PAGE SPECIFIC
* - shared styles
* - page-by-page styles
*
* &_PLUGIN STYLES
* - custom styles
*
*/
/*
* -------------------------------------------
* $_GLOBAL STYLING
* -------------------------------------------
*/
body {
background: #fafafa;
font-size: 16px;
color: #666;
}
a { text-decoration: none !important }
/* Buttons */
.ui-element {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn { border-radius: 0; }
.btn-gold, .btn-gold:active { margin-top: 1em; background: rgb(255, 153, 0) !important; border: none; }
.btn-dark, .btn-dark:active { margin-top: 2em; background: #666 !important; border: 1px solid #555; color: #fff; }
/* Forms */
.form-control { background: #eee; color: #666; }
.form-control option { color: #333; background-color: #eee; }
.form-control option[selected="selected"] { color: #aaa }
.optionDefault { color: #999 }
.ui-datepicker { background: #fff; padding: 0.5em; }
.ui-datepicker-prev, .ui-datepicker-next {
background: #333;
padding: 0.25em 0.5em;
color: #eee;
margin-right: 0.5em;
margin-bottom: 0.5em;
display: inline-block;
cursor: pointer;
}
.ui-datepicker-title { color: #666; margin-bottom: 0.5em; font-size: 1.1em; }
.ui-datepicker-calendar th { text-align: center; font-weight: 300; padding: 0 0.25em; }
.ui-datepicker-calendar td { text-align: center }
.placeholder { color: #999 }
/* Google Voice Link */
.gc-cs-link { color: #1f80c1; text-decoration: none; }
/*
* -------------------------------------------
* &_COLOR DEFINITIONS
* -------------------------------------------
*/
.highlight-blue-lighter { color: rgb(135, 202, 247) !important }
.highlight-blue { color: rgb(10, 124, 195) !important }
.highlight-black { color: rgb(64, 64, 64) !important }
.highlight-blue2 { color: rgb(0, 153, 204) !important }
.highlight-blue2-lighter { color: #87caf7 !important}
.highlight-gold { color: rgb(255, 153, 0) !important; font-weight:bold; }
/*
* -------------------------------------------
* $_TYPOGRAPHY
* -------------------------------------------
*/
* { font-family: arial, helvetica, sans-serif }
h1, h2, h3, h4, h5, h6 { color: #1f80c1 }
h1 { font-size: 2.5em }
/*
* -------------------------------------------
* $_BASELINE CONTAINERS
* -------------------------------------------
*/
/* Generic Global Styles */
.sheet-site{
max-width: 2000px;
}
.sheet-main {
margin-top: 1em;
margin-bottom: 4em;
min-height: 500px;
}
@media (max-width: 768px) {
.sheet-main { min-height: 0; margin-bottom: 2em; }
}
.categoryHead {
background: #000;
color: #eee;
font-size: 1em;
padding: 0.5em;
}
.data-title {
display: block;
font-size: 1.1em;
color: #333;
margin-top: 0.65em;
}
.dataCard {
padding: 0.75em 1em 1.5em;
margin-bottom: 2em;
line-height: 150%;
color: #666;
}
.page-note {
background: transparent;
border-color: rgb(31, 128, 193);
color: rgb(31, 128, 193);
line-height: 120%;
font-weight: 100;
}
/*
* -------------------------------------------
* $_SITE-WIDE COMPONENTS
* -------------------------------------------
*/
/* Site Footer */
.footer {
width: 100%;
border-top: 1px solid #999;
border-top: 8px solid #53A9E0;
background: #1f80c1;
}
.feedback h1 { color: #fff }
.feedback p { color: #eee; line-height: 135%; }
.feedback-inputWrap { margin: 2em 0 }
.feedback-userInput { resize: none; height: 120px !important; width: 100%; background: #fff; }
.feedback button { margin-top: 0.75em; background: rgb(255, 153, 0); color: #fff; }
.feedback button:hover { background: #000 }
.footerCap { background: #eee; padding-top: 0.5em; padding-bottom: 0.5em; }
.copyright { float: left !important }
.copyright p { margin: 0; color: #666; font-size: 0.75em;}
.copyright p:first-child { margin-bottom: 0.5em; }
.socialLinks { float: right !important; text-align: right; margin-top: 0.25em;}
.socialLinks img { width: 1.5em; margin-left: 0.25em; }
.globalLinks {
clear:both;
border-top: 1px solid #ccc;
margin-top: 3em !important;
padding-top: 0.5em;
}
.globalLinks a, .globalLinks Span { margin-right: 0.25em }
.globalLinks a { font-size: 0.9em }
@media (max-width: 768px) {
.footer { background-color: #000; border-width: 1em; border-color: #666; }
}
@media (max-width: 500px) {
.footerCap { padding-bottom: 1em; }
.copyright, .socialLinks {
display: block;
float: none !important;
text-align: center;
margin-top: 1em;
}
.socialLinks img { margin-left: 0.25em; margin-right: 0.25em; }
.globalLinks {
margin-top: 0.5em !important;
padding-top: 0.5em;
text-align: center;
}
.globalLinks a, .globalLinks Span { margin: 0 0.25em }
}
/*
* -------------------------------------------
* $_NAVIGATION
* -------------------------------------------
*/
/* Active Page Highlight */
body#intro .page-intro,
body#users .page-users,
body#compare .page-compare,
body#history .page-history,
body#reports .page-reports {
cursor: pointer;
background-color: #fff;
}
body#intro .page-intro a,
body#users .page-users a,
body#compare .page-compare a,
body#history .page-history a,
body#reports .page-reports a {
color: #333;
border-bottom: 4px solid #1f80c1;
}
.navbar { border-radius: 0px; border:0; margin-bottom: 0; background: #000; }
.navbar-brand {
float: left;
padding: 8px 16px;
line-height: 32px;
}
.navbar-proj {
color: #fff;
background: #000;
border: 1px solid #1f80c1;
border-bottom: 0;
}
.caret-white {
border-top-color: #fff !important;
border-bottom-color: #fff !important;
}
.caret-blue-light {
border-top-color: rgb(135, 202, 247) !important;
border-bottom-color: rgb(135, 202, 247) !important;
}
.caret-blue {
border-top-color: rgb(0, 153, 204) !important;
border-bottom-color: rgb(0, 153, 204) !important;
}
.caret-gold {
border-top-color: rgb(255, 153, 0) !important;
border-bottom-color: rgb(255, 153, 0) !important;
}
.dropdown-menu { background-color: #333 }
.dropdown-menu li a { color: #eee }
.dropdown-menu li:hover{ background: #666 !important }
.divider { background-color: rgb(0, 153, 204) !important }
/* Breadcrumbs */
.breadcrumb-jumbotron { color: #fff; padding: 0.25em; font-weight:bold;}
.breadcrumb-jumbotron:hover { color: #eee }
.breadcrumb-jumbotron .glyphicon { font-size: 0.75em; margin-right: 0.5em; color: #fff; }
/*
* -------------------------------------------
* &_DATA/TABLES
* -------------------------------------------
*/
/* Bootstrap Table Overwrite Styles */
.table { font-size: 16px }
.table td { color: #666; vertical-align: middle !important; }
.table tr { background-color: #eaeaea; border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 0.2em; }
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th { background-color: #ccc !important; cursor: pointer; }
/* Generic Table Styles */
.table-dataTitle,
.table-primaryTitle,
.table-secondaryTitle { display: block; clear: both; line-height: 120%;}
.table-dataTitle{font-size: 0.8em}
.table-dataTitle b{font-weight: bold; font-size: 85%;}
.table-primaryTitle{font-size: 1.2em}
.table-secondaryTitle{}
.table-detailTrigger {border-left: 0; text-align: center;}
.detailBlock-title {font-size: 0.75em; line-height: 100%;}
.detailBlock-icon {
display: block;
margin: 0 auto;
height: 28px;
width: 28px;
background: no-repeat top left;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAddJREFUeNrMVstxgzAQBU0KIBUYV2A6CBx8pwToIKmAcQfpAJfAnQOkA6jAcgd04OzGD0bRAJLIOMnO7Ahs6b39svI9C6nrOqQlJT2QhtrfkrQnrY7HozRh+QaimJaCNMZPHfSK9x1pBGVpSU9E3DoRElFASwmv2OoTPBhW9qcwjiNQkeZz+/2Zw2xtg1e29t1zEDr/CmKWhM53i4QKmYSFnbdBgFPC22+kvhaWC8iSpfAp+xkwIx3mPAFeA9L9iCeUPSXW3EQGybAGSggnAUauYd8JUY0pcmYbxmHhWSXtUHApOCYP2ULpWCA52uBM+ra0CZhyjIKPpr4glGfvAUIcGcK6f0IoPfSOLcBNDScZ+mw4Uo19LfC56iwLZcy3KsacA5v3HQTK1qXfIu39w/Icc4Rj0VwdCF9cPVQ5xIYaiDYSeirhzjJ/gTaepM1IUjkEeiSyPBT/wDvmkALDM4L1ruHsHSLDZ3uh9F+6oWBaS++mXhfIQTv3ATZ5uDbZNWHslrnGouEPbIjhuTbjAtf8ATMEx71KYSmHtgCwTf5CU96BVeB60up9OM2uBSA9f18DG4N47V6kYv/+FUPMDMwEG5u1nBpy1syR/Y9r4p9chB951f8UYABNx+qN0CCaxAAAAABJRU5ErkJggg==);
margin-top: 0.25em;
border: none !important;
}
/* User Listing Page Specific */
body#users .table tr:nth-child(even) {background-color: #fafafa }
.user-status { text-align: center; color: #999; }
.userList-noEntriesFound, .userList-noEntriesFound td { border: 0 !important }
.userList-noEntriesFound td {
border: 0 !important;
padding: 4em 0 !important;
color: #999;
background: #404040;
text-align: center;
font-size: 1.5em;
}
.table-hover > tbody > tr.userList-noEntriesFound > td,
.table-hover > tbody > tr.userList-noEntriesFound > th,
.table-hover > tbody > tr.userList-noEntriesFound:hover > td,
.table-hover > tbody > tr.userList-noEntriesFound:hover > th {
background: #eee !important;
color: #888;
border: 1px solid #ccc;
cursor: default;
}
/* Profile Comparison Page Specific */
.profile-select-conjunction { text-align: center; margin: 0.25em 0;}
.profile-compareTrigger:hover { background: rgb(249,150,0) }
.profile-legend { margin-top: 2em; padding-top: 2em; border-top: 1px solid #666; }
.colorBlock {
width: 1em;
height: 1em;
background-color: #999;
float: left;
margin-right: 0.5em;
}
.cb_blue { background: #0099CC !important }
.cb_orange { background: #FF9900 !important }
.cb_red { background: #A83D2C !important }
.cb_green { background: #54852C !important }
.profile-legend-title { color: #666; letter-spacing: 0.5px; }
.profile-legend-item { margin-bottom: 0.5em }
.profile-matrix-reveal { display: none } /* Toggle Hide/Show */
.profile-matrix table {
border-collapse: collapse;
width: 100%;
margin-top: 1em;
background: #e1e1e1;
}
.profile-matrix thead { color: rgb(64, 64, 64); font-size: 1.25em; background: #fafafa; }
.profile-matrix th { padding: 0.5em; border: solid 1px #999; text-align: left; }
.profile-matrix .colorDot { text-align: center; width: 20px; height: 20px; }
.profile-matrix td {
border: solid 1px #aaa;
padding: 0.25em 0.5em;
background-color: #eee;
color: #676767;
}
.colorCell { min-width: 1em; max-width: 3em; }
/* History Page Specific */
#history tr {
background-color: #eee;
border-bottom: 4px solid #ddd;
}
#history tr.ui-element:hover {
background: #ccc;
}
#history tr.entry-edit {
background-color: #e4e4e4;
}
.entry-edit:hover { background: #ccc }
.entry-detail { background: none; margin-top: 0 !important; }
.entry-detail td {
border: none;
max-width: 90% ;
width: 100%;
background: #fafafa;
padding: 0 ;
}
.historyRecord:first-child { margin-top: 1em; }
.historyRecord { margin: 1em 0 }
.historyRecord div {
border: 1px solid #ccc;
border-top: none;
background: #fafafa;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.historyRecord p { overflow: auto }
.historyRecord .record-title {
font-size: 1.25em;
font-weight: normal;
margin: 0;
background-color: rgb(10, 124, 195);
color: #fff ;
padding: 0.25em 0 0.25em 0.5em;
max-width: 100%;
}
.record-changeState { font-style: italic; color: #999; }
/* Table Media Queries */
@media (max-width: 480px) { .user-usernameGroup, .sortUsername { display: none !important } }
@media (max-width: 768px) { .user-phone, .user-email { display: none } }
@media (max-width: 1000px) { .user-status, .sortStatus { display: none !important} }
/*
* -------------------------------------------
* $_CONTROLLERS/FILTERS/FLOWS
* -------------------------------------------
*/
/* Search Controller */
.searchControl {
position: relative;
width: 22.8%;
margin-right: 1em;
z-index: 400;
float: left;
}
.searchField {
height: 2.3em;
padding: 0.5em;
background-color: #fff;
overflow: hidden;
border: 1px solid rgb(255, 153, 0);
}
.search-text {
font-size: 1em;
color: #999;
border-width: 0;
background: transparent;
}
.searchControl input[type="text"] { width: 90%; color: #666; outline: none; }
.searchControl-buttonSearch {
display: block;
position: absolute;
top: 0;
right: 0;
border-width: 0;
background: rgb(255, 153, 0) no-repeat center center;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAVCAYAAACdbmSKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARJJREFUeNqMUtERgjAMbTm/OdyAEdhAnAA20BFkA50AR2ADcAJ1AnECcQI9FtDEe+VysaDvLtc0zWvTl1ij0Pd9QksuQh1ZE4bh0wWsSi7JUvMNJhRErAYSCEeyCAkN2R2EFVkMn4l798qF7IU19pS8xTlbyoEcmwdZZEZAZzXy6oD2GeKV/KwHBdY8EPUeJgiGLuycH4h4ZP4Ek87ws6nEjwCQP4C8jLU40IQIPTRDPgVLoeBGT4hoyUdhK26qxTSwii3+mYjYkgRprW6imgAHHp+dU9B66mfCDdsWtz+1ehqJ8E++hvtIC+Ffx/o0+ZKP5PvTy6lFpc1/vqSa206N0Vhp5zHSTO359p3ojRdvAQYAEnKeKBy9DC4AAAAASUVORK5CYII=);
width: 37px;
height: 37px;
padding: 0 1em;
float: left;
}
.searchControl-buttonSearch.searchControl-progress { background-image: url(data:image/png;base64,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) }
/* Search Controller Media Queries */
@media (max-width: 1000px) {
.searchControl { width: 100% }
.searchField {
clear: both;
margin-bottom: 1em;
width: 100%;
}
}
/* Sorting Controllers */
.table-listController { margin-bottom: 1em }
.sortControl-sortOptions { width: 500px; padding-right: 2em; margin-bottom: 1em; float: left; z-index: 900; }
.sortControl-indicatorTitle
.sortControl-sortOptions li{ list-style: none; padding: 0; }
.sortControl-indicatorTitle,
.sortControl-sortOptions a{
display: inline-block;
padding: 0.25em 0.5em;
background: #666;
color: #eee;
float: left;
height: 2em !important;
line-height: 150%;
font-size: 1em;
margin-left: 1px;
}
.sortControl-indicatorTitle {
background: #333 !important;
color: #777 !important;
border: 1px solid #555;
}
.sortControl-sortOptions a:hover{ background: #444; color: #ccc; }
.activeSort{
background: #222 !important;
padding-bottom: 0;
border-bottom: 0.25em solid rgb(255, 153, 0);
}
/* Sorting Controller Media Queries */
@media (max-width: 1000px) {
.sortControl-sortOptions { width: 100%; float: none; padding-right: 0; }
}
/* Add User Button */
.addUserControl { float: right; }
.addUser {
display: block;
background: rgb(255, 153, 0);
text-align: center;
font-size: 1.25em;
color: #fff;
font-weight: normal;
height: 37px;
padding: 0.25em 0.5em;
}
.addUser:hover { background: #000; color: #fff; }
.addUser:active { background: rgb(0, 85, 138); color: rgb(0, 124, 205); }
.addUser .glyphicon-plus { font-size: .9em; }
@media (max-width: 1000px) {
.addUserControl { width: 100%; margin-bottom: 1em; }
}
/* Add New User Wizard */
.addUser-stepWrapper { margin-top: 0.25em; margin-bottom: 0.25em; }
.addUser-stepWrapper:first-child { margin-top: 0 !important; }
.addUser-stepWrapper .categoryHead { background-color: #1f80c1; color: #eee; }
.addUser-stepWrapper .categoryHead.ui-element { color: #eee }
.addUser-stepWrapper .categoryHead .label-default {
float: right;
background: #000;
color: #fff;
padding: 0.3em 1em;
margin-right: 0.5em;
border-bottom: 4px solid #fff;
}
.addUser-stepWrapper .ui-element:hover { background-color: #999; color: #fff; }
.wizard .data-title { margin-bottom: 0.5em; }
.wizard-title-req { font-size: 0.8em; color: rgb(31, 128, 193); display: block; }
.wizard .dataCard {
margin: 0;
padding: 1.5em;
background-color: #eee;
border: 1px solid #CCC;
border-top: none;
}
.wizard .dataCard hr { border-color: #999 }
.wizard form { margin-bottom: 2em; }
.wizard-btn-next { margin-top: 2em !important; }
.wizard .page-note { border-color: #999; padding: 0.5em; text-align: center; display: inline-block; }
.wizard .page-note span { color: #fff }
.wizard .wizard-createNotification { display: block }
.wizard-currentStep { margin-top: 1.5em; margin-bottom: 1.5em; }
.wizard-currentStep .categoryHead,
.wizard-currentStep .categoryHead:hover {
border-bottom: 4px solid rgb(135, 202, 247);
background-color: #000 ;
color: #ccc;
letter-spacing: 0.05em;
cursor: default;
}
.user-address-street1 { margin-bottom: 0.5em; }
.wizard .contractor-workDesc { resize: none; height: 120px; }
.wizard .contractorSkip:after { content: " (Not Applicable with Chosen User Type)"; }
.wizard-title-primary { font-size: 1.2em; line-height: 200%; }
/*
* -------------------------------------------
* $_JUMBOTRON
* -------------------------------------------
*/
.jumbotron { color: #eee }
.jumbotron h1 { color: #fff }
.jumbotron-home { min-height: 16em }
.jumbotron-site {
padding-top: 0.5em;
padding-bottom: 1.5em;
background: #1f80c1 url(../images/jumbotron-tile_bk.png) center 25%;
}
@media (max-width: 480px) {
.jumbotron * {
text-align: center;
}
.jumbotron h1 {
font-size: 1.75em;
}
}
/*
* -------------------------------------------
* &_HELPERS/MIXINS
* -------------------------------------------
*/
.screen-overlay {
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 9000 !important;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgOAMQYAAA0QDNW2hbhQAAAABJRU5ErkJggg==);
}
.loader{
background: transparent;
bottom: 0;
height: 125px;
left: 0;
margin: auto;
position: absolute;
top: 0;
right: 0;
width: 100px;
z-index: 2 !important;
}
.loader img {
padding-top: 25px;
width: 50%;
display: block;
margin: 0 auto;
opacity: 1;
}
.loader span {
display: block;
width: 100%;
text-align: center;
margin: 0.75em auto 0;
font-size: 0.75em;
color: #bbb;
}
.modal { overflow-y: auto }
.modal-title{ color: #fff }
.modal-header { background: #444; color: #fff; }
.modal .close { opacity:1; color: #fff; }
.modal-body { color: #666; line-height: 150%; }
.modal .btn-gold { margin-top: 0em; color: #fff; }
/* Validation */
.has-error .form-control { border-color: rgb(255, 153, 0) }
.has-error .form-control:focus {
border-color: rgb(255, 153, 0);
-webkit-box-shadow:inset 0 1px 1px rgba(255, 153, 0,0.075),0 0 6px rgb(255, 153, 0);
box-shadow:inset 0 1px 1px rgba(255, 153, 0,0.075),0 0 6px rgb(255, 153, 0);
}
/*
* -------------------------------------------
* &_PAGE SPECIFIC
* -------------------------------------------
*/
/* Intro Page */
#intro b {
color: #000;
font-weight: 300;
letter-spacing: .03em;
font-style: italic;
border-bottom: 1px solid #000;
}
/* User Profile Page */
.profile-user-name { font-size: 2em; line-height: 150%; color: #444; }
.profile-admin { margin-bottom: 2em; border: 1px solid rgb(31, 128, 193); }
.profile-admin .categoryHead { background: rgb(31, 128, 193); color: #fff; }
.profile-dataCard { margin-bottom: 0 }
.profile-admin .data-title { color: #1F80C1 }
.profile-user-passwordField {
display: inline-block;
border: 0;
padding: 0.5em;
background: rgb(249,150,0);
color: #fff;
}
.toggle-wrapper, .profile-user-passwordField { margin-top: 0.5em; }
.user_data { display: block }
/* User Profile Toggle Button */
.toggle-element {
display: inline-block;
border: 1px solid rgb(249,150,0);
padding: 0.5em;
margin: 0;
color: rgb(249,150,0);
}
.toggle-element:hover, .profile-user-passwordField:hover {
background: #000;
color: #fff;
}
.toggle-element:active, .profile-user-passwordField:active { background: #444 }
.toggle-element:first-child { float:left }
.toggle-active, .toggle-active:hover { background: rgb(249,150,0); color: #fff; border: 1px solid rgb(249,150,0); }
/* Add New User Wizard */
.profileList { margin-top: 2em; }
.profileList-accessAssignments { margin-top: 1em; background: #FAFAFA; color: #666; }
.profileList-accessAssignments span { display:block; }
/* Reports */
.report-filtersAndFormats { background: transparent; margin-top: 2em; }
.report-filtersAndFormats .data-title { margin-top: 0 }
/*
* -------------------------------------------
* &_PLUGIN STYLES
* -------------------------------------------
*/
/* X-Editable */
.popover-title { color: #333 }
.editable-empty, .editable-empty:hover, .editable-empty:focus { color: #999 }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment