|
|
| Line 1: |
Line 1: |
| − | /***********************************************/
| |
| − | /*** Styling for the pad ***/
| |
| − | /***********************************************/
| |
| − |
| |
| − | #PortableCSSPad-container {
| |
| − | position: fixed !important;
| |
| − | z-index: 2000000004 !important; /* needed to be on top of some Wikia elements */
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | width: 400px;
| |
| − | height: 250px;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | border-radius: 10px;
| |
| − | background-color: #87CEEB;
| |
| − | }
| |
| | | | |
| − | #PortableCSSPad-menu {
| |
| − | padding: 10px;
| |
| − | height: 20px;
| |
| − | cursor: move;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-title {
| |
| − | float: left;
| |
| − | font: 18px/20px Georgia;
| |
| − | color: #000000;
| |
| − | text-decoration: none;
| |
| − | -webkit-transition: color 1s;
| |
| − | -moz-transition: color 1s;
| |
| − | transition: color 1s;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-title:hover {
| |
| − | text-decoration: underline;
| |
| − | color: #0148C2;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-buttons {
| |
| − | float: right;
| |
| − | width: 190px;
| |
| − | height: 20px;
| |
| − | cursor: auto;
| |
| − | }
| |
| − |
| |
| − | .PortableCSSPad-button {
| |
| − | float: left;
| |
| − | cursor: pointer;
| |
| − | margin-left: 5px;
| |
| − | padding: 0;
| |
| − | width: 20px;
| |
| − | height: 20px;
| |
| − | -webkit-transition: background-color .5s;
| |
| − | -moz-transition: background-color .5s;
| |
| − | transition: background-color .5s;
| |
| − | }
| |
| − |
| |
| − | .PortableCSSPad-button,
| |
| − | #PortableCSSPad-container .ui-resizable-se {
| |
| − | background-image: url("http://images1.wikia.nocookie.net/dev/images/1/19/PortableCSSPad-icons.png");
| |
| − | }
| |
| − |
| |
| − | .PortableCSSPad-button:hover {
| |
| − | background-color: rgba(0, 0, 0, .1);
| |
| − | }
| |
| − |
| |
| − | /* image sprites */
| |
| − | #PortableCSSPad-close-button {
| |
| − | background-position: -40px 0;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-onoff-button {
| |
| − | background-position: 0 0;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-onoff-button.PortableCSSPad-onoff-button-state-off {
| |
| − | background-position: -20px 0;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-validate-button {
| |
| − | background-position: 0 -20px;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-minify-button {
| |
| − | background-position: -40px -20px;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-beautify-button {
| |
| − | background-position: -20px -20px;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-unimportant-button {
| |
| − | background-position: -20px -40px;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-important-button {
| |
| − | background-position: 0 -40px;
| |
| − | }
| |
| − |
| |
| − | .PortableCSSPad-vertical-bar {
| |
| − | float: left;
| |
| − | margin-left: 5px;
| |
| − | border-left: 1px solid #000000;
| |
| − | height: 20px;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-textarea {
| |
| − | margin: 0 10px 10px 10px;
| |
| − | padding: 5px;
| |
| − | width: 370px;
| |
| − | height: 190px;
| |
| − | outline: none;
| |
| − | font-family: Consolas, 'Courier New', 'Lucida Console', monospace;
| |
| − | border: none;
| |
| − | resize: none;
| |
| − | overflow-y: scroll;
| |
| − | -webkit-tab-size: 4;
| |
| − | -moz-tab-size: 4;
| |
| − | tab-size: 4;
| |
| − | }
| |
| − |
| |
| − | /***********************************************/
| |
| − | /*** jQuery UI Resizable for PortableCSSPad ***/
| |
| − | /***********************************************/
| |
| − |
| |
| − | #PortableCSSPad-container .ui-resizable {
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-container .ui-resizable-handle {
| |
| − | display: block;
| |
| − | font-size: 0.1px;
| |
| − | position: absolute;
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-container .ui-resizable-disabled .ui-resizable-handle,
| |
| − | #PortableCSSPad-container .ui-resizable-autohide .ui-resizable-handle {
| |
| − | }
| |
| − |
| |
| − | #PortableCSSPad-container .ui-resizable-se {
| |
| − | bottom: 1px;
| |
| − | cursor: se-resize;
| |
| − | height: 12px;
| |
| − | right: 1px;
| |
| − | width: 12px;
| |
| − | background-position: -50px -50px;
| |
| − | }
| |
