# page-post-notes/trunk/include/style.php

Page & Post Notes, version trunk. 96 lines.

- Page: https://pluginprobe.com/plugins/page-post-notes/trunk/code/include/style.php
- Raw: https://pluginprobe.com/plugins/page-post-notes/trunk/raw/include/style.php
- Modified: 2021-12-17T06:17:06+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/page-post-notes/trunk/code/include/style.php#L10-L20`.

```php
<?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly ?>
<style>



    .yydev-notes {
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .yydev-notes .direction-ltr {
        direction: ltr;
    }

    .yydev-notes .direction-rtl {
        direction: rtl;
    }

    .yydev-notes a.yydev-notes-hide-button {
        display: none;
    }

    .yydev-notes .add-notes-button {
        color: #0073aa;
        border: 1px solid #d5d5d5;
        margin: 15px auto 15px;
        display: inline-block;
        width: 70%;
        clear: both;
        text-align: center;
        padding: 8px 20px 8px 20px;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
    }

    .yydev-notes .dashbaord-save-button {
        color: #fff;
        background: #0073aa;
        border: 1px solid #d5d5d5;
        margin: 0px auto 15px;
        display: inline-block;
        width: 70%;
        clear: both;
        text-align: center;
        padding: 8px 20px 8px 20px;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
    }

    .yydev-notes .dashbaord-save-button-ajax {
        background: #f6f7f7;
        color: #a1a1a1;
    }

    .yydev-notes .yydev-textarea-note {
        max-width: 90%;
        position: relative;
        margin: 5px auto;
    }

    .yydev-notes .yydev-textarea-note textarea {
        max-width: 100%;
        margin: 10px 0px 0px 0px;
        height: 200px;
    }

    .yydev-notes .remove-notes-btn {
        position: absolute;
        right: -22px;
        top: 50%;
        width: 20px;
    }

    .yydev-notes .text-direction_btn {
        position: absolute;
        left: -22px;
        top: 57%;
        width: 20px;
    }

    .yydev-notes .text-separator_btn {
        position: absolute;
        left: -22px;
        top: 43%;
        width: 20px;
    }

    .yydev-notes .not-active-notes {
        display: none;
    }

</style>
```