fork
This commit is contained in:
root
BIN
css/images/crayon_logo.png
Normal file
BIN
css/images/crayon_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
css/images/crayon_logo_square.png
Normal file
BIN
css/images/crayon_logo_square.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
css/images/crayon_tinymce.png
Normal file
BIN
css/images/crayon_tinymce.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
css/images/docs.png
Normal file
BIN
css/images/docs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
css/images/donate.png
Normal file
BIN
css/images/donate.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
css/images/facebook.png
Normal file
BIN
css/images/facebook.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
css/images/github.png
Normal file
BIN
css/images/github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
css/images/google.png
Normal file
BIN
css/images/google.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
css/images/theme_editor.png
Normal file
BIN
css/images/theme_editor.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
css/images/thumb_horizontal.png
Normal file
BIN
css/images/thumb_horizontal.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
css/images/thumb_vertical.png
Normal file
BIN
css/images/thumb_vertical.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
css/images/toolbar/buttons.png
Normal file
BIN
css/images/toolbar/buttons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
css/images/toolbar/buttons@2x.png
Normal file
BIN
css/images/toolbar/buttons@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
css/images/track_horizontal.png
Normal file
BIN
css/images/track_horizontal.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
css/images/track_vertical.png
Normal file
BIN
css/images/track_vertical.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
css/images/twitter.png
Normal file
BIN
css/images/twitter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
css/images/wordpress-blue.png
Normal file
BIN
css/images/wordpress-blue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
1
css/min/crayon.min.css
vendored
Normal file
1
css/min/crayon.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
css/minify.sh
Normal file
7
css/minify.sh
Normal file
@ -0,0 +1,7 @@
|
||||
#!/bin/bash
|
||||
BASEDIR=$(dirname $0)
|
||||
cd $BASEDIR
|
||||
|
||||
source ../util/minify.sh
|
||||
|
||||
minify $COLORBOX_PATH/colorbox.css $INPUT_PATH/admin_style.css $INPUT_PATH/crayon_style.css $INPUT_PATH/global_style.css $OUTPUT_PATH/crayon.min.css
|
||||
285
css/src/admin_style.css
Normal file
285
css/src/admin_style.css
Normal file
@ -0,0 +1,285 @@
|
||||
#crayon-log-wrapper {
|
||||
/*width: 100%;*/
|
||||
}
|
||||
|
||||
#crayon-main-wrap .form-table th {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
#crayon-log {
|
||||
display: none;
|
||||
max-height: 200px;
|
||||
/*width: 100%;
|
||||
/*resize: vertical;*/
|
||||
border-color: #DFDFDF;
|
||||
background-color: white;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
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;
|
||||
/*margin: 5px 0px;*/
|
||||
}
|
||||
|
||||
.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: 0px 6px;
|
||||
margin: 0;
|
||||
background: #EEE;
|
||||
}
|
||||
|
||||
.crayon-table-light td {
|
||||
background: #F8F8F8;
|
||||
}
|
||||
|
||||
.crayon-table-header td {
|
||||
font-weight: bold;
|
||||
background: #CCC;
|
||||
}
|
||||
|
||||
.crayon-table-last td,
|
||||
.crayon-table tr:last-child td {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/*#lang-info {
|
||||
display: none;
|
||||
}*/
|
||||
|
||||
#lang-info div {
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
.crayon-table .not-parsed {
|
||||
color: #F00;
|
||||
}
|
||||
|
||||
.crayon-table .parsed-with-errors {
|
||||
color: #FF9900;
|
||||
}
|
||||
|
||||
.crayon-table .successfully-parsed {
|
||||
color: #77A000;
|
||||
}
|
||||
|
||||
#crayon-live-preview,
|
||||
#crayon-log-wrapper {
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#crayon-live-preview {
|
||||
float: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#crayon-logo {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#crayon-info,
|
||||
#crayon-info td {
|
||||
border: none;
|
||||
padding: 0 5px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
530
css/src/crayon_style.css
Normal file
530
css/src/crayon_style.css
Normal file
@ -0,0 +1,530 @@
|
||||
/*
|
||||
Crayon Syntax Highlighter Structure Style Sheet
|
||||
|
||||
- This style sheet is used to structure a Crayon's dimensions and visibility, but does not contain any details regarding
|
||||
coloring etc.
|
||||
- Attributes, where possible, are kept flexible such that Themes can customise them.
|
||||
- Themes are used to add coloring to the Crayon and the syntax highlighting itself.
|
||||
- Themes can be considered as layers on top of this style sheet.
|
||||
- Several attributes are marked !important where they are required to remain unchanged by CSS precedence,
|
||||
which may occur from conflicts with certain Wordpress Themes.
|
||||
- The attributes in Themes are generally all marked !important to ensure styles are not altered by precedence.
|
||||
*/
|
||||
|
||||
/* General ========================= */
|
||||
.crayon-syntax {
|
||||
overflow: hidden !important;
|
||||
position: relative !important;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
box-sizing: border-box;
|
||||
direction: ltr !important;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
.crayon-syntax div {
|
||||
/* Need !important? */
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
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 {
|
||||
/* Dimensions of code */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.crayon-syntax .crayon-main,
|
||||
.crayon-syntax .crayon-plain {
|
||||
/* TODO a bug in IE8 causes max-height and overflow:auto to set max-height = height
|
||||
http://edskes.net/ie8overflowandexpandingboxbugs.htm */
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.crayon-syntax,
|
||||
.crayon-syntax .crayon-main,
|
||||
.crayon-syntax .crayon-plain,
|
||||
.crayon-syntax .crayon-table {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.crayon-syntax-inline {
|
||||
margin: 0 2px;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.crayon-syntax .crayon-table {
|
||||
border: none !important;
|
||||
background: none !important;
|
||||
padding: 0px !important;
|
||||
margin-top: 0px !important;
|
||||
margin-right: 0px !important;
|
||||
margin-bottom: 0px !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: none;
|
||||
vertical-align: top !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.crayon-syntax .crayon-invisible {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.crayon-plain-tag {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
/* End General ===================== */
|
||||
|
||||
/* Popup ========================= */
|
||||
.crayon-popup {
|
||||
|
||||
}
|
||||
|
||||
.crayon-popup .crayon-plain {
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
opacity: 100 !important;
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
.crayon-popup-window {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* End Popup ========================= */
|
||||
|
||||
/* Line Numbers ==================== */
|
||||
.crayon-syntax .crayon-num {
|
||||
text-align: center;
|
||||
padding: 0 5px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* End Line Numbers ================ */
|
||||
|
||||
/* Toolbar & Info ================== */
|
||||
.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: 0px;
|
||||
/* Must be able to expand! */
|
||||
min-height: 18px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.crayon-syntax .crayon-info div {
|
||||
padding: 2px !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/*.crayon-syntax .crayon-toolbar,*/
|
||||
/*.crayon-syntax .crayon-toolbar * {*/
|
||||
/*height: 18px;*/
|
||||
/*line-height: 18px;*/
|
||||
/*padding: 0px;*/
|
||||
/*}*/
|
||||
|
||||
.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;
|
||||
/*height: 16px;*/
|
||||
line-height: 15px;
|
||||
/*padding: 0px 2px !important;*/
|
||||
border: none;
|
||||
/*border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;*/
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.crayon-toolbar .crayon-button,
|
||||
.crayon-toolbar .crayon-button:hover,
|
||||
.crayon-toolbar .crayon-button.crayon-pressed:hover {
|
||||
background-position: 0px 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;
|
||||
}
|
||||
|
||||
/* Language */
|
||||
.crayon-syntax .crayon-toolbar .crayon-language {
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
|
||||
.crayon-syntax .crayon-title,
|
||||
.crayon-syntax .crayon-language {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* End Toolbar ===================== */
|
||||
|
||||
/* Scrollbar ======================= */
|
||||
.crayon-main::-webkit-scrollbar,
|
||||
.crayon-plain::-webkit-scrollbar {
|
||||
height: 6px;
|
||||
overflow: visible;
|
||||
width: 6px;
|
||||
background: #EEE;
|
||||
}
|
||||
|
||||
.crayon-main::-webkit-scrollbar-thumb,
|
||||
.crayon-plain::-webkit-scrollbar-thumb {
|
||||
background-color: #CCC;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #AAA;
|
||||
box-shadow: inset 0 0 2px #999;
|
||||
min-height: 8px;
|
||||
padding: 0;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.crayon-main::-webkit-scrollbar-button,
|
||||
.crayon-plain::-webkit-scrollbar-button {
|
||||
height: 0;
|
||||
width: 0;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.crayon-main::-webkit-scrollbar-track,
|
||||
.crayon-plain::-webkit-scrollbar-track {
|
||||
background-clip: padding-box;
|
||||
border: solid transparent;
|
||||
border-width: 0 0 0 4px;
|
||||
border: 1px solid #BBB;
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.crayon-main::-webkit-scrollbar-corner,
|
||||
.crayon-plain::-webkit-scrollbar-corner {
|
||||
background: #EEE;
|
||||
}
|
||||
|
||||
.crayon-main::-webkit-scrollbar-thumb:hover,
|
||||
.crayon-plain::-webkit-scrollbar-thumb:hover {
|
||||
background: #AAA;
|
||||
border: 1px solid #777;
|
||||
box-shadow: inset 0 0 2px #777;
|
||||
}
|
||||
|
||||
/* End Scrollbar =================== */
|
||||
|
||||
/* Code ============================ */
|
||||
.crayon-syntax .crayon-pre,
|
||||
.crayon-syntax pre {
|
||||
color: #000;
|
||||
white-space: pre;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
background: none !important;
|
||||
border: none !important;
|
||||
tab-size: 4;
|
||||
}
|
||||
|
||||
.crayon-syntax .crayon-line {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.crayon-syntax.crayon-wrapped .crayon-line {
|
||||
/* width: 500px !important; */
|
||||
white-space: pre-wrap !important;
|
||||
/* word-wrap:break-word !important;*/
|
||||
height: auto;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
/* Default Font */
|
||||
.crayon-syntax /*,
|
||||
.crayon-syntax **/
|
||||
{
|
||||
font-family: Monaco, 'MonacoRegular', 'Courier New', monospace;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.crayon-syntax .crayon-toolbar *::selection,
|
||||
.crayon-syntax .crayon-nums *::selection {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
This has been disabled to allow more flexibility in changing font sizes.
|
||||
|
||||
.crayon-syntax,
|
||||
.crayon-syntax .crayon-nums,
|
||||
.crayon-syntax .crayon-plain,
|
||||
.crayon-syntax .crayon-pre {
|
||||
font-size: 12px !important;
|
||||
line-height: 15px !important;
|
||||
}
|
||||
*/
|
||||
|
||||
.crayon-table .crayon-nums-content {
|
||||
white-space: nowrap; /* Prevent wrapping line numbers in some themes */
|
||||
}
|
||||
|
||||
.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;
|
||||
opacity: 0;
|
||||
padding: 0 5px;
|
||||
margin: 0px;
|
||||
border: none;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-shadow: none;
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
/*white-space: pre-wrap;*/
|
||||
white-space: pre;
|
||||
word-wrap: normal;
|
||||
overflow: auto;
|
||||
resize: none;
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
.crayon-wrapped .crayon-plain {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.bbp-body .crayon-syntax {
|
||||
clear: none !important;
|
||||
}
|
||||
|
||||
/* End Code ======================== */
|
||||
|
||||
/* Minimize ================= */
|
||||
.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;
|
||||
}
|
||||
|
||||
/* End Minimize ============= */
|
||||
302
css/src/global_style.css
Normal file
302
css/src/global_style.css
Normal file
@ -0,0 +1,302 @@
|
||||
/* TinyMCE */
|
||||
.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;
|
||||
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
|
||||
-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
|
||||
padding: 2px 4px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
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: none;
|
||||
height: 26px;
|
||||
line-height: 25px;
|
||||
padding: 0px 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;
|
||||
/*white-space: nowrap;
|
||||
overflow: auto;*/
|
||||
}
|
||||
|
||||
#crayon-code, #crayon-url {
|
||||
width: 555px !important;
|
||||
}
|
||||
|
||||
.crayon-disabled {
|
||||
background: #EEE !important;
|
||||
}
|
||||
|
||||
.qt_crayon_highlight {
|
||||
background-image: -ms-linear-gradient(bottom, #daf2ff, white) !important;
|
||||
background-image: -moz-linear-gradient(bottom, #daf2ff, white) !important;
|
||||
background-image: -o-linear-gradient(bottom, #daf2ff, white) !important;
|
||||
background-image: -webkit-linear-gradient(bottom, #daf2ff, white) !important;
|
||||
background-image: linear-gradient(bottom, #daf2ff, white) !important;
|
||||
}
|
||||
|
||||
.qt_crayon_highlight:hover {
|
||||
background: #ddebf2 !important;
|
||||
}
|
||||
|
||||
.crayon-tag-editor-button-wrapper {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* TinyMCE v4 */
|
||||
.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;
|
||||
}
|
||||
|
||||
/* TinyMCE v3 - deprecated */
|
||||
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;
|
||||
border-radius: 3px;
|
||||
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;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.crayon-question {
|
||||
padding: 1px 4px !important;
|
||||
text-decoration: none !important;
|
||||
color: #83b3cb !important;
|
||||
border-radius: 10px !important;
|
||||
height: 15px !important;
|
||||
width: 15px !important;
|
||||
}
|
||||
|
||||
.crayon-question:hover {
|
||||
background: #83b3cb !important;
|
||||
color: white !important;
|
||||
height: 15px !important;
|
||||
width: 15px !important;
|
||||
}
|
||||
|
||||
.crayon-setting {
|
||||
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user