# plugin-notes-plus/1.2.4/admin/css/plugin-notes-plus-admin.css

Plugin Notes Plus, version 1.2.4. 85 lines.

- Page: https://pluginprobe.com/plugins/plugin-notes-plus/1.2.4/code/admin/css/plugin-notes-plus-admin.css
- Raw: https://pluginprobe.com/plugins/plugin-notes-plus/1.2.4/raw/admin/css/plugin-notes-plus-admin.css
- Modified: 2021-02-21T22:31:04+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/plugin-notes-plus/1.2.4/code/admin/css/plugin-notes-plus-admin.css#L10-L20`.

```css
/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

#pnp_plugin_notes_col {
    width: 20%;
}
.pnp-note-form-wrapper {
    display: none;
    padding-bottom: 12px;
}
.pnp-note-form {
    display: block;
    width: 200px;
    height: 100px;
    margin-top: 5px;
}
.pnp-show-note-wrapper {
    padding-bottom: 10px;
}
.pnp-add-note {
    font-size: 11px;
}
.view-icon span {
    vertical-align: middle;
    font-size: 20px;
}
.pnp-plugin-note span.dashicons {
    padding-right: 5px;
    font-size: 20px;
}
.rtl .pnp-plugin-note span.dashicons {
    padding-right: 0;
    padding-left: 5px;
}
.pnp-note-meta {
    font-size: 11px !important;
    margin-top: 5px !important;
}

.column-description .pnp-wrapper {
    padding-bottom: 10px;
}

/* Icon colors */
.pnp-wrapper .dashicons-info {
    color: deepskyblue;
}
.pnp-wrapper .dashicons-warning {
    color: red;
}
.pnp-wrapper .dashicons-yes {
    color: green;
}

/* Icon to indicate that link is opened in new tab */
.pnp-plugin-note a[target="_blank"]:after {
    content: "\f504";
    font-family: dashicons;
    padding-left: 3px;
    vertical-align: top;
}
.rtl .pnp-plugin-note a[target="_blank"]:after {
    padding-left: 0;
    padding-right: 3px;
}

/* Spinner displayed while saving */
.dashicons.pnp-spin {
    display: none;
    animation: dashicons-spin 1s infinite;
    animation-timing-function: linear;
    font-size: 20px;
    color: #0073aa;
}
@keyframes dashicons-spin {
    0% {
        transform: rotate( 0deg );
    }
    100% {
        transform: rotate( 360deg );
    }
}

```