Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
.container .icon {
color: #333;
font-family: IcoMoon;
font-size: 18px;
-webkit-font-smoothing: antialiased;
}
.container .icon-trash:before {
content: '\e603';
}
.container .icon-undo:before {
content: "\e604";
}
.container .icon-redo:before {
content: "\e601";
}
.container .icon-text:before {
content: "a";
font-size: 1.4em;
line-height: 1em;
color: #555;
}
.container .icon-highlight:before {
content: '\e600';
}
.container .icon-edit:before {
content: "\e602";
}
#container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #e0e0e0;
}
/* canvas {
width: 100%;
height: calc(100% - 96px);
}*/
.container ul {
padding: 0;
bottom: 0;
border-top: 1px solid #ccc;
display: table;
width: 100%;
max-width: 500px;
margin: -5px auto 0 auto;
background: #ddd;
}
.lineStyle {
display: none;
bottom: 45px;
position: absolute;
width: 100%;
}
/*a.color:before {
border: 4px solid red;
background: #000;
content: " ";
}*/
.container li {
list-style-type: none;
display: inline-block;
width: 16.666666667%;
display: table-cell;
padding: 0;
margin: 0;
}
.container li a {
display: block;
text-align: center;
line-height: 44px;
border-right: 2px solid #ccc;
}
.container li a:active {
background: #eee;
}
.container li:last-child a {
border-right: none;
}
.container .selected {
background: #eee;
}
.container .icon-highlight.selected {
box-shadow: inset 0 -2px 0px #F3F315;
}
.container .icon-edit.selected {
box-shadow: inset 0 -2px 0px #FF0000;
}
.container .icon-text.note {
box-shadow: inset 0 -2px 0px #9ecaed;
}
.container .popup {
position: absolute;
left: 2%;
color: #555;
width: 96%;
border-radius: 3px;
min-height: 3em;
padding: 0.3em;
max-height: 10em;
padding: 0;
}
.container .popup {
display: none;
background: #fff;
border: 2px solid #ccc;
}
.container .popup:after, .popup:before {
top: 100%;
left: 58%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.container .popup:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 10px;
margin-left: -10px;
}
.container .popup:before {
border-color: rgba(204, 204, 204, 0);
border-top-color: #ccc;
border-width: 13px;
margin-left: -13px;
}
.container .heading {
height: 44px;
background-color: #005172;
}
.container .pull-right {
float: right;
padding-left: 16px;
padding-right: 16px;
}
.container .pull-left {
float: left;
padding-left: 16px;
padding-right: 16px;
}
.container .headicon {
font-family: Ratchicons;
position: relative;
line-height: 44px;
font-size: 24px;
background: #023448;
color: #fff;
}
.container .headicon:active {
background: #eee;
color: #333;
}
.container .icon-close:before {
content: '\e811';
}
.container .icon-check:before {
content: '\e810';
}
textarea {
border: none;
padding: 5px;
}
.popup textarea {
margin-bottom: 0 !important;
}
.table-view .media-object {
max-width: 60px;
max-height: 60px;
padding-left: 0px !important;
}
.table-view.empty {
border-top: none;
border-bottom: none;
}
.table-view li {
border-top: 1px solid #dddddd;
}
.popupImg {
background-color: #005172;
}
.submitForm {
margin-bottom: 2em;
}
.imageCollectionView {
margin-top: 1em;
}
select:disabled, textarea:disabled, input[type="text"]:disabled, input[type="search"]:disabled, input[type="password"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="time"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled {
opacity: 0.6;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment