#colorbox.crayon-colorbox, #cboxOverlay.crayon-colorbox, .crayon-colorbox #cboxWrapper {
position : absolute;
top : 0;
left : 0;
z-index : 9999;
overflow : hidden;
}
#cboxOverlay.crayon-colorbox {
position : fixed;
width : 100%;
height : 100%;
}
.crayon-colorbox #cboxMiddleLeft, .crayon-colorbox #cboxBottomLeft {
clear : left;
}
.crayon-colorbox #cboxContent {
position : relative;
}
.crayon-colorbox #cboxLoadedContent {
overflow : auto;
}
.crayon-colorbox #cboxTitle {
display : none !important ;
}
.crayon-colorbox #cboxLoadingOverlay, .crayon-colorbox #cboxLoadingGraphic {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.crayon-colorbox #cboxPrevious, .crayon-colorbox #cboxNext, .crayon-colorbox #cboxClose, .crayon-colorbox #cboxSlideshow {
cursor : pointer;
}
.crayon-colorbox .cboxPhoto {
float : left;
margin : auto;
border : 0;
display : block;
max-width : none;
}
.crayon-colorbox .cboxIframe {
width : 100%;
height : 100%;
display : block;
border : 0;
}
#cboxOverlay.crayon-colorbox {
background : #000;
}
#colorbox.crayon-colorbox {
outline : 0;
}
.crayon-colorbox #cboxContent {
margin-top : 20px;
background : #000;
}
.crayon-colorbox .cboxIframe {
background : #fff;
}
.crayon-colorbox #cboxError {
padding : 50px;
border : 1px solid #ccc;
}
.crayon-colorbox #cboxLoadedContent {
border : 5px solid #000;
background : #fff;
}
.crayon-colorbox #cboxTitle {
position : absolute;
top : -20px;
left : 0;
color : #ccc;
}
.crayon-colorbox #cboxCurrent {
position : absolute;
top : -20px;
right : 0;
color : #ccc;
}
.crayon-colorbox #cboxPrevious, .crayon-colorbox #cboxNext, .crayon-colorbox #cboxSlideshow, .crayon-colorbox #cboxClose {
border : 0;
padding : 0;
margin : 0;
overflow : visible;
width : auto;
background : 0%;
}
.crayon-colorbox #cboxPrevious:active, .crayon-colorbox #cboxNext:active, .crayon-colorbox #cboxSlideshow:active, .crayon-colorbox #cboxClose:active {
outline : 0;
}
.crayon-colorbox #cboxSlideshow {
position : absolute;
top : -20px;
right : 90px;
color : #fff;
}
.crayon-colorbox #cboxContent {
margin-top : 0;
}
.crayon-colorbox #cboxLoadedContent {
border : 0;
}
#crayon-main-wrap .form-table th {
width : 100px;
}
#crayon-log {
display : none;
max-height : 200px;
border-color : #dfdfdf;
background-color : white;
border-width : 1px;
border-style : solid;
margin : 1px;
padding : 3px;
overflow : auto;
white-space : pre;
margin-bottom : 5px;
}
.crayon-span, .crayon-span-5, .crayon-span-10, .crayon-span-50, .crayon-span-100, .crayon-span-110 {
line-height : 24px;
display : inline-block;
}
.crayon-span-5 {
min-width : 5px;
}
.crayon-span-10 {
min-width : 10px;
}
.crayon-span-50 {
min-width : 50px;
}
.crayon-span-100 {
min-width : 100px;
}
.crayon-span-110 {
min-width : 117px;
}
.crayon-span-margin {
margin-left : 5px;
}
#height_mode, #width_mode {
min-width : 65px;
}
.crayon-error {
color : #f00;
}
.crayon-success {
color : #00f;
}
.crayon-warning {
color : #ff8000;
}
.crayon-help {
min-height : 30px;
padding : 5px 10px;
}
.crayon-help .crayon-help-close, .crayon-help .crayon-help-close:active, .crayon-help .crayon-help-close:hover {
text-decoration : none;
float : right;
color : #000;
}
.crayon-help span, .crayon-help a {
margin : 0;
padding : 0;
font-size : 12px;
}
#crayon-log-text {
font : 11px/13px Monaco, 'MonacoRegular', 'Courier New', monospace;
}
#crayon-log-controls {
float : left;
margin-right : 5px;
}
.crayon-table {
font-size : 12px;
border : 1px solid #999;
padding : 0;
margin : 0;
margin-top : 12px;
}
.crayon-table td {
vertical-align : top;
border-bottom : 1px solid #aaa;
padding : 0 6px;
margin : 0;
background : #eee;
}
.crayon-table-light td {
background : #f8f8f8;
}
.crayon-table-header td {
font-weight : bold;
background : #ccc;
}
#lang-info div {
padding : 5px 0;
}
.crayon-table .not-parsed {
color : #f00;
}
.crayon-table .parsed-with-errors {
color : #f90;
}
.crayon-table .successfully-parsed {
color : #77a000;
}
#crayon-live-preview, #crayon-log-wrapper {
padding : 0;
width : 100%;
float : left;
clear : both;
}
#crayon-live-preview {
float : none;
padding : 0;
}
#crayon-logo {
text-align : center;
}
#crayon-info, #crayon-info td {
border : 0;
padding : 0 5px;
margin : 0;
}
.crayon-admin-button {
display : inline-block;
text-align : center;
}
#crayon-subsection-langs-info {
margin-top : 5px;
}
#crayon-theme-editor-admin-buttons {
display : inline;
}
#crayon-theme-editor-admin-buttons .crayon-admin-button {
margin-left : 5px;
}
#crayon-theme-info {
display : table;
padding : 0;
margin : 0;
margin-top : 5px;
}
#crayon-theme-info > div {
display : table-cell;
vertical-align : middle;
}
#crayon-theme-info .content * {
float : left;
}
#crayon-theme-info .field {
font-weight : bold;
}
#crayon-theme-info .field, #crayon-theme-info .value {
margin-left : 5px;
}
#crayon-theme-info .description.value {
font-style : italic;
color : #999;
}
#crayon-theme-info .type {
text-align : center;
min-width : 120px;
font-weight : bold;
border-right : 1px solid #ccc;
padding-right : 5px;
}
#crayon-theme-info .type.stock {
color : #666;
}
#crayon-theme-info .type.user {
color : #5b9a00;
}
#crayon-editor-table td {
vertical-align : top;
}
.small-icon {
width : 24px;
height : 24px;
display : inline-block;
margin : 5px 5px 0 0;
}
#twitter-icon {
background : url(../images/twitter.png);
}
#gmail-icon {
background : url(../images/google.png);
}
#docs-icon {
background : url(../images/docs.png);
}
#git-icon {
background : url(../images/github.png);
}
#wp-icon {
background : url(../images/wordpress-blue.png);
}
#donate-icon {
background : url(../images/donate.png);
width : 75px;
}
#crayon-donate, #crayon-donate input {
margin : 0;
display : inline;
padding : 0;
}
#crayon-theme-editor-info a {
text-decoration : none !important ;
font-style : italic !important ;
color : #666 !important ;
}
#crayon-main-wrap .form-table .note {
font-style : italic;
color : #999;
}
#crayon-change-code-text {
width : 400px;
height : 300px;
}
.crayon-syntax {
overflow : hidden !important ;
position : relative !important ;
direction : ltr;
text-align : left;
direction : ltr !important ;
}
.crayon-syntax div {
background : 0%;
border : 0;
padding : 0;
margin : 0;
text-align : left;
}
.crayon-syntax.crayon-loading {
visibility : hidden;
}
.crayon-syntax, .crayon-syntax .crayon-main, .crayon-syntax .crayon-toolbar, .crayon-syntax .crayon-info, .crayon-syntax .crayon-plain, .crayon-syntax .crayon-code {
width : 100%;
}
.crayon-syntax .crayon-main, .crayon-syntax .crayon-plain {
overflow : auto;
}
.crayon-syntax, .crayon-syntax .crayon-main, .crayon-syntax .crayon-plain, .crayon-syntax .crayon-table {
padding : 0;
margin : 0;
}
.crayon-syntax-inline {
margin : 0 2px;
padding : 0 2px;
}
.crayon-syntax .crayon-table {
border : none !important ;
background : none !important ;
padding : 0 !important ;
margin-top : 0 !important ;
margin-right : 0 !important ;
margin-bottom : 0 !important ;
width : auto !important ;
border-spacing : 0 !important ;
border-collapse : collapse !important ;
table-layout : auto !important ;
}
.crayon-syntax .crayon-table td, .crayon-syntax .crayon-table tr {
padding : 0 !important ;
border : none !important ;
background : 0%;
vertical-align : top !important ;
margin : 0 !important ;
}
.crayon-syntax .crayon-invisible {
display : none !important ;
}
.crayon-plain-tag {
margin-bottom : 12px;
}
.crayon-popup .crayon-plain {
display : block !important ;
width : 100% !important ;
height : 100% !important ;
position : relative !important ;
}
.crayon-popup-window {
background : #fff;
}
.crayon-syntax .crayon-num {
text-align : center;
padding : 0 5px;
margin : 0;
}
.crayon-syntax .crayon-toolbar {
position : relative;
overflow : hidden;
z-index : 4;
}
.crayon-syntax .crayon-info {
position : absolute;
overflow : hidden;
display : none;
z-index : 3;
padding : 0;
min-height : 18px;
line-height : 18px;
}
.crayon-syntax .crayon-info div {
padding : 2px !important ;
text-align : center;
}
.crayon-syntax .crayon-toolbar span {
padding : 0 4px !important ;
}
.crayon-syntax .crayon-toolbar .crayon-button {
display : inline;
float : left !important ;
position : relative;
width : 24px;
background-repeat : no-repeat;
line-height : 15px;
border : 0;
text-decoration : none;
}
.crayon-toolbar .crayon-button, .crayon-toolbar .crayon-button:hover, .crayon-toolbar .crayon-button.crayon-pressed:hover {
background-position : 0% center;
}
.crayon-toolbar .crayon-button.crayon-pressed, .crayon-toolbar .crayon-button:active, .crayon-toolbar .crayon-button.crayon-pressed:active {
background-position : -24px 0%;
}
.crayon-toolbar .crayon-button.crayon-popup-button .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-popup-button:hover .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-popup-button.crayon-pressed:hover .crayon-button-icon {
background-position : 0% 0%;
}
.crayon-toolbar .crayon-button.crayon-copy-button .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-copy-button:hover .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-copy-button.crayon-pressed:hover .crayon-button-icon {
background-position : 0% -16px;
}
.crayon-toolbar .crayon-button.crayon-nums-button .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-nums-button:hover .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-nums-button.crayon-pressed:hover .crayon-button-icon {
background-position : 0% -32px;
}
.crayon-toolbar .crayon-button.crayon-plain-button .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-plain-button:hover .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-plain-button.crayon-pressed:hover .crayon-button-icon {
background-position : 0% -48px;
}
.crayon-toolbar .crayon-button.crayon-mixed-button .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-mixed-button:hover .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-mixed-button.crayon-pressed:hover .crayon-button-icon {
background-position : 0% -64px;
}
.crayon-toolbar .crayon-button.crayon-minimize .crayon-button-icon {
background-position : 0% -80px;
background-color : transparent !important ;
}
.crayon-toolbar .crayon-button.crayon-expand-button .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-expand-button:hover .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-expand-button.crayon-pressed:hover .crayon-button-icon {
background-position : 0% -96px;
}
.crayon-toolbar .crayon-button.crayon-wrap-button .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-wrap-button:hover .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-wrap-button.crayon-pressed:hover .crayon-button-icon {
background-position : 0% -112px;
}
.crayon-toolbar .crayon-button.crayon-popup-button.crayon-pressed .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-popup-button:active .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-popup-button.crayon-pressed:active .crayon-button-icon {
background-position : -24px 0%;
}
.crayon-toolbar .crayon-button.crayon-copy-button.crayon-pressed .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-copy-button:active .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-copy-button.crayon-pressed:active .crayon-button-icon {
background-position : -24px -16px;
}
.crayon-toolbar .crayon-button.crayon-nums-button.crayon-pressed .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-nums-button:active .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-nums-button.crayon-pressed:active .crayon-button-icon {
background-position : -24px -32px;
}
.crayon-toolbar .crayon-button.crayon-plain-button.crayon-pressed .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-plain-button:active .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-plain-button.crayon-pressed:active .crayon-button-icon {
background-position : -24px -48px;
}
.crayon-toolbar .crayon-button.crayon-mixed-button.crayon-pressed .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-mixed-button:active .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-mixed-button.crayon-pressed:active .crayon-button-icon {
background-position : -24px -64px;
}
.crayon-toolbar .crayon-button.crayon-minimize .crayon-button-icon {
background-position : -24px -80px;
background-color : transparent !important ;
}
.crayon-toolbar .crayon-button.crayon-expand-button.crayon-pressed .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-expand-button:active .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-expand-button.crayon-pressed:active .crayon-button-icon {
background-position : -24px -96px;
}
.crayon-toolbar .crayon-button.crayon-wrap-button.crayon-pressed .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-wrap-button:active .crayon-button-icon, .crayon-toolbar .crayon-button.crayon-wrap-button.crayon-pressed:active .crayon-button-icon {
background-position : -24px -112px;
}
.crayon-syntax .crayon-toolbar .crayon-language {
padding-right : 8px !important ;
}
.crayon-syntax .crayon-title, .crayon-syntax .crayon-language {
float : left;
}
.crayon-syntax .crayon-pre, .crayon-syntax pre {
color : #000;
white-space : pre;
margin : 0;
padding : 0;
overflow : visible;
background : none !important ;
border : none !important ;
}
.crayon-syntax .crayon-line {
padding : 0 5px;
}
.crayon-syntax.crayon-wrapped .crayon-line {
white-space : pre-wrap !important ;
height : auto;
}
.crayon-syntax-inline .crayon-pre, .crayon-syntax-inline pre {
white-space : normal;
}
.crayon-syntax-inline-nowrap .crayon-pre, .crayon-syntax-inline-nowrap pre {
white-space : pre;
}
.crayon-syntax {
font-family : Monaco, 'MonacoRegular', 'Courier New', monospace;
font-weight : 500;
}
.crayon-table .crayon-nums-content {
white-space : nowrap;
}
.crayon-syntax .crayon-num, .crayon-syntax .crayon-pre .crayon-line, .crayon-syntax .crayon-toolbar *, .crayon-syntax .crayon-pre * {
font-family : inherit;
font-size : inherit !important ;
line-height : inherit !important ;
font-weight : inherit !important ;
height : inherit;
}
.crayon-syntax .crayon-toolbar .crayon-button .crayon-button-icon {
background-image : url('../images/toolbar/buttons.png');
height : 16px !important ;
width : 100%;
position : absolute;
left : 0;
top : 50%;
margin-top : -8px;
}
.crayon-syntax .crayon-toolbar .crayon-tools {
position : absolute;
right : 0;
}
.crayon-syntax.crayon-expanded {
position : absolute !important ;
margin : 0 !important ;
}
.crayon-syntax.crayon-expanded .crayon-main {
overflow : hidden !important ;
}
.crayon-placeholder {
width : 100% !important ;
}
.crayon-toolbar-visible .crayon-toolbar {
position : relative !important ;
margin-top : 0 !important ;
display : block !important ;
}
.crayon-syntax.crayon-expanded .crayon-toolbar .crayon-tools {
position : relative;
right : auto;
float : left !important ;
}
.crayon-syntax .crayon-plain-wrap {
height : auto !important ;
padding : 0 !important ;
margin : 0 !important ;
}
.crayon-syntax .crayon-plain {
width : 100%;
height : 100%;
position : absolute;
padding : 0 5px;
margin : 0;
border : 0;
white-space : pre;
overflow : auto;
color : #000;
background : #fff;
}
.crayon-wrapped .crayon-plain {
white-space : pre-wrap;
}
.bbp-body .crayon-syntax {
clear : none !important ;
}
.crayon-minimized .crayon-toolbar {
cursor : pointer;
}
.crayon-minimized .crayon-plain-wrap, .crayon-minimized .crayon-main, .crayon-minimized .crayon-toolbar .crayon-tools * {
display : none !important ;
}
.crayon-minimized .crayon-toolbar .crayon-tools .crayon-minimize {
display : block !important ;
}
.crayon-minimized .crayon-toolbar {
position : relative !important ;
}
.crayon-syntax.crayon-minimized .crayon-toolbar {
border-bottom : none !important ;
}
.crayon-te *, #crayon-te-bar-content {
font-family : "Lucida Grande", Arial, sans-serif !important ;
font-size : 12px;
}
.crayon-te input[type="text"], .crayon-te textarea {
background : #f9f9f9;
border : 1px solid #ccc;
padding : 2px 4px;
border-width : 1px;
border-style : solid;
}
.crayon-te #crayon-code {
font-family : monospace !important ;
}
#crayon-te-content, #crayon-te-table {
width : 100%;
height : auto !important ;
}
#crayon-range, #crayon-mark {
width : 100px;
}
#crayon-te-table th, #crayon-te-table td {
vertical-align : top;
text-align : left;
}
.rtl #crayon-te-table th, .rtl #crayon-te-table td {
text-align : right;
}
#crayon-te-table .crayon-tr-center td, #crayon-te-table .crayon-tr-center th {
vertical-align : middle;
}
#crayon-te-table .crayon-nowrap {
white-space : nowrap;
}
#crayon-te-bar {
position : absolute;
top : 0;
left : 0;
width : 100%;
}
#crayon-te-bar-content {
border : 1px solid #666;
border-bottom : 0;
height : 26px;
line-height : 25px;
padding : 0 8px;
padding-right : 0;
background-color : #222;
color : #cfcfcf;
}
#crayon-te-bar-content a {
line-height : 25px;
padding : 5px 10px;
color : #ddd;
font-weight : bold;
text-decoration : none !important ;
}
#crayon-te-bar-content a:hover {
color : #fff;
}
.crayon-te-seperator {
color : #666;
margin : 0;
padding : 0;
}
#crayon-te-bar-block {
height : 34px;
width : 100%;
}
#crayon-te-title {
float : left;
}
#crayon-te-controls {
float : right;
}
#crayon-url-th {
vertical-align : top !important ;
padding-top : 5px;
}
.crayon-te-heading {
font-size : 14px;
font-weight : bold;
}
#crayon-te-settings-info {
text-align : center;
}
.crayon-te-section {
font-weight : bold;
padding : 0 10px;
}
#crayon-te-sub-section {
margin-left : 10px;
}
#crayon-te-sub-section .crayon-te-section {
font-weight : normal;
padding : 0;
}
#crayon-code {
height : 200px;
white-space : pre;
}
#crayon-code, #crayon-url {
width : 555px !important ;
}
.crayon-disabled {
background : #eee !important ;
}
.qt_crayon_highlight:hover {
background : #ddebf2 !important ;
}
.crayon-tag-editor-button-wrapper {
display : inline-block;
}
.mce_crayon_tinymce {
padding : 0 !important ;
margin : 2px 3px !important ;
}
.mce-i-crayon_tinymce, .mce_crayon_tinymce {
background : url(../images/crayon_tinymce.png) 0% 0% !important ;
}
a.mce_crayon_tinymce {
background-position : 2px 0% !important ;
}
.wp_themeSkin .mceButtonEnabled:hover span.mce_crayon_tinymce, .wp_themeSkin .mceButtonActive span.mce_crayon_tinymce {
background-position : -20px 0%;
}
.wp_themeSkin span.mce_crayon_tinymce {
background : none !important ;
}
#crayon-te-table {
margin-top : 26px;
padding : 10px;
border-collapse : separate !important ;
border-spacing : 2px !important ;
}
#crayon-te-table th {
width : 100px;
}
#crayon-te-clear {
margin-left : 10px;
color : #666;
background-color : #f4f4f4;
border : 1px solid #ccc;
margin-left : 8px;
}
#crayon-title {
width : 360px;
}
#TB_window.crayon-te-ajax {
overflow : auto !important ;
}
#TB_window.crayon-te-ajax, #TB_window.crayon-te-ajax #TB_ajaxContent, #TB_window.crayon-te-ajax #TB_title {
width : 680px !important ;
}
#TB_window.crayon-te-ajax #TB_ajaxContent {
padding : 0 !important ;
margin : 0 !important ;
width : 100% !important ;
height : auto !important ;
margin-top : 28px !important ;
}
#TB_window.crayon-te-ajax #TB_title {
position : fixed !important ;
}
#TB_window.crayon-te-ajax #TB_title .crayon-te-submit {
margin-top : 3px !important ;
float : right !important ;
}
#TB_window.crayon-te-ajax a {
color : #2587e2;
text-decoration : none;
}
#TB_window.crayon-te-ajax a:hover {
color : #499ce9;
}
.crayon-te-quote {
background : #ddd;
padding : 0 2px;
}
#crayon-te-submit-wrapper {
display : none;
}
#crayon-te-clear {
display : none;
margin : 0;
margin-top : 10px;
}
.crayon-syntax-pre {
background : red;
white-space : pre;
overflow : auto;
display : block;
}
.crayon-question {
padding : 1px 4px !important ;
text-decoration : none !important ;
color : #83b3cb !important ;
height : 15px !important ;
width : 15px !important ;
}
.crayon-question:hover {
background : #83b3cb !important ;
color : white !important ;
height : 15px !important ;
width : 15px !important ;
}
.crayon-setting-changed, .crayon-setting-selected {
background : #fffaad !important ;
}
.crayon-question:hover {
color : white;
background : #a6d6ef;
}
#crayon-te-warning {
display : none;
}
.crayon-te-info {
padding : 5px !important ;
margin : 2px 0 !important ;
}
#crayon-te-submit {
margin-bottom : 5px;
}