wp/wp-includes/css/wp-pointer-rtl.css
changeset 5 5e2f62d02dcd
child 7 cf61fcea0001
equal deleted inserted replaced
4:346c88efed21 5:5e2f62d02dcd
       
     1 .wp-pointer-content {
       
     2 	padding: 0 0 10px;
       
     3 	position: relative;
       
     4 	font-size: 13px;
       
     5 	background: #fff;
       
     6 	border: 1px solid #dfdfdf;
       
     7 	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.075);
       
     8 	box-shadow: 0 3px 6px rgba(0,0,0,0.075);
       
     9 }
       
    10 
       
    11 .wp-pointer-content h3 {
       
    12 	position: relative;
       
    13 	margin: -1px -1px 5px;
       
    14 	padding: 15px 60px 14px 18px;
       
    15 	border: 1px solid #3592b6;
       
    16 	border-bottom: none;
       
    17 	line-height: 1.4em;
       
    18 	font-size: 14px;
       
    19 	color: #fff;
       
    20 	background: #00a0d2;
       
    21 }
       
    22 
       
    23 .wp-pointer-content h3:before {
       
    24 	background: #fff;
       
    25 	-webkit-border-radius: 50%;
       
    26 	border-radius: 50%;
       
    27 	color: #00a0d2;
       
    28 	content: '\f227';
       
    29 	font: normal 20px/1.6 'dashicons';
       
    30 	position: absolute;
       
    31 	top: 8px;
       
    32 	right: 15px;
       
    33 	speak: none;
       
    34 	text-align: center;
       
    35 	width: 32px;
       
    36 	height: 32px;
       
    37 	-webkit-font-smoothing: antialiased;
       
    38 	-moz-osx-font-smoothing: grayscale;
       
    39 }
       
    40 
       
    41 .wp-pointer-content p {
       
    42 	padding: 0 15px;
       
    43 }
       
    44 
       
    45 .wp-pointer-buttons {
       
    46 	margin: 0;
       
    47 	padding: 5px 15px;
       
    48 	overflow: auto;
       
    49 }
       
    50 
       
    51 .wp-pointer-buttons a {
       
    52 	float: left;
       
    53 	display: inline-block;
       
    54 	text-decoration: none;
       
    55 }
       
    56 
       
    57 .wp-pointer-buttons a.close {
       
    58 	padding-right: 3px;
       
    59 	position: relative;
       
    60 }
       
    61 
       
    62 .wp-pointer-buttons a.close:before {
       
    63 	background: none;
       
    64 	color: #b4b9be;
       
    65 	content: '\f153';
       
    66 	display: block !important;
       
    67 	font: normal 16px/1 'dashicons';
       
    68 	speak: none;
       
    69 	margin: 1px 0;
       
    70 	text-align: center;
       
    71 	-webkit-font-smoothing: antialiased !important;
       
    72 	width: 10px;
       
    73 	height: 100%;
       
    74 	position: absolute;
       
    75 	right: -15px;
       
    76 	top: 1px;
       
    77 }
       
    78 
       
    79 .wp-pointer-buttons a.close:hover:before {
       
    80 	color: #c00;
       
    81 }
       
    82 
       
    83 /* The arrow base class must take up no space, even with transparent borders. */
       
    84 .wp-pointer-arrow,
       
    85 .wp-pointer-arrow-inner {
       
    86 	position: absolute;
       
    87 	width: 0;
       
    88 	height: 0;
       
    89 }
       
    90 
       
    91 .wp-pointer-arrow {
       
    92 	z-index: 10;
       
    93 	width: 0;
       
    94 	height: 0;
       
    95 	border: 0 solid transparent;
       
    96 }
       
    97 
       
    98 .wp-pointer-arrow-inner {
       
    99 	z-index: 20;
       
   100 }
       
   101 
       
   102 /* Make Room for the Arrow! */
       
   103 .wp-pointer-top,
       
   104 .wp-pointer-undefined {
       
   105 	padding-top: 13px;
       
   106 }
       
   107 
       
   108 .wp-pointer-bottom {
       
   109 	margin-top: -13px;
       
   110 	padding-bottom: 13px;
       
   111 }
       
   112 
       
   113 /* rtl:ignore */
       
   114 .wp-pointer-left {
       
   115 	padding-left: 13px;
       
   116 }
       
   117 /* rtl:ignore */
       
   118 .wp-pointer-right {
       
   119 	margin-left: -13px;
       
   120 	padding-right: 13px;
       
   121 }
       
   122 
       
   123 /* Base Size & Positioning */
       
   124 .wp-pointer-top .wp-pointer-arrow,
       
   125 .wp-pointer-bottom .wp-pointer-arrow,
       
   126 .wp-pointer-undefined .wp-pointer-arrow {
       
   127 	right: 50px;
       
   128 }
       
   129 
       
   130 .wp-pointer-left .wp-pointer-arrow,
       
   131 .wp-pointer-right .wp-pointer-arrow {
       
   132 	top: 50%;
       
   133 	margin-top: -15px;
       
   134 }
       
   135 
       
   136 /* Arrow Sprite */
       
   137 .wp-pointer-top .wp-pointer-arrow,
       
   138 .wp-pointer-undefined .wp-pointer-arrow {
       
   139 	top: 0;
       
   140 	border-width: 0 13px 13px 13px;
       
   141 	border-bottom-color: #3592b6;
       
   142 }
       
   143 
       
   144 .wp-pointer-top .wp-pointer-arrow-inner,
       
   145 .wp-pointer-undefined .wp-pointer-arrow-inner {
       
   146 	top: 1px;
       
   147 	margin-right: -13px;
       
   148 	margin-top: -13px;
       
   149 	border: 13px solid transparent;
       
   150 	border-bottom-color: #00a0d2;
       
   151 	display: block;
       
   152 	content: ' ';
       
   153 }
       
   154 
       
   155 .wp-pointer-bottom .wp-pointer-arrow {
       
   156 	bottom: 0;
       
   157 	border-width: 13px 13px 0 13px;
       
   158 	border-top-color: #ccc;
       
   159 }
       
   160 
       
   161 .wp-pointer-bottom .wp-pointer-arrow-inner {
       
   162 	bottom: 1px;
       
   163 	margin-right: -13px;
       
   164 	margin-bottom: -13px;
       
   165 	border: 13px solid transparent;
       
   166 	border-top-color: #fff;
       
   167 	display: block;
       
   168 	content: ' ';
       
   169 }
       
   170 
       
   171 /* rtl:ignore */
       
   172 .wp-pointer-left .wp-pointer-arrow {
       
   173 	left: 0;
       
   174 	border-width: 13px 13px 13px 0;
       
   175 	border-right-color: #ccc;
       
   176 }
       
   177 
       
   178 /* rtl:ignore */
       
   179 .wp-pointer-left .wp-pointer-arrow-inner {
       
   180 	left: 1px;
       
   181 	margin-left: -13px;
       
   182 	margin-top: -13px;
       
   183 	border: 13px solid transparent;
       
   184 	border-right-color: #fff;
       
   185 	display: block;
       
   186 	content: ' ';
       
   187 }
       
   188 
       
   189 /* rtl:ignore */
       
   190 .wp-pointer-right .wp-pointer-arrow {
       
   191 	right: 0;
       
   192 	border-width: 13px 0 13px 13px;
       
   193 	border-left-color: #ccc;
       
   194 }
       
   195 
       
   196 /* rtl:ignore */
       
   197 .wp-pointer-right .wp-pointer-arrow-inner {
       
   198 	right: 1px;
       
   199 	margin-right: -13px;
       
   200 	margin-top: -13px;
       
   201 	border: 13px solid transparent;
       
   202 	border-left-color: #fff;
       
   203 	display: block;
       
   204 	content: ' ';
       
   205 }
       
   206 
       
   207 /* Disable pointers at responsive sizes */
       
   208 @media screen and ( max-width: 782px ) {
       
   209 	.wp-pointer {
       
   210 		display: none;
       
   211 	}
       
   212 }