wp/wp-includes/css/wp-pointer.css
changeset 18 be944660c56a
parent 16 a86126ab1dd4
child 19 3d72ae0968f4
equal deleted inserted replaced
17:34716fd837a4 18:be944660c56a
     1 .wp-pointer-content {
     1 .wp-pointer-content {
     2 	padding: 0 0 10px;
     2 	padding: 0 0 10px;
     3 	position: relative;
     3 	position: relative;
     4 	font-size: 13px;
     4 	font-size: 13px;
     5 	background: #fff;
     5 	background: #fff;
     6 	border: 1px solid #ddd;
     6 	border: 1px solid #c3c4c7;
     7 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
     7 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
     8 }
     8 }
     9 
     9 
    10 .wp-pointer-content h3 {
    10 .wp-pointer-content h3 {
    11 	position: relative;
    11 	position: relative;
    12 	margin: -1px -1px 5px;
    12 	margin: -1px -1px 5px;
    13 	padding: 15px 18px 14px 60px;
    13 	padding: 15px 18px 14px 60px;
    14 	border: 1px solid #3592b6;
    14 	border: 1px solid #2271b1;
    15 	border-bottom: none;
    15 	border-bottom: none;
    16 	line-height: 1.4;
    16 	line-height: 1.4;
    17 	font-size: 14px;
    17 	font-size: 14px;
    18 	color: #fff;
    18 	color: #fff;
    19 	background: #00a0d2;
    19 	background: #2271b1;
    20 }
    20 }
    21 
    21 
    22 .wp-pointer-content h3:before {
    22 .wp-pointer-content h3:before {
    23 	background: #fff;
    23 	background: #fff;
    24 	border-radius: 50%;
    24 	border-radius: 50%;
    25 	color: #00a0d2;
    25 	color: #2271b1;
    26 	content: "\f227";
    26 	content: "\f227";
    27 	font: normal 20px/1.6 dashicons;
    27 	font: normal 20px/1.6 dashicons;
    28 	position: absolute;
    28 	position: absolute;
    29 	top: 8px;
    29 	top: 8px;
    30 	left: 15px;
    30 	left: 15px;
    31 	speak: none;
    31 	speak: never;
    32 	text-align: center;
    32 	text-align: center;
    33 	width: 32px;
    33 	width: 32px;
    34 	height: 32px;
    34 	height: 32px;
    35 	-webkit-font-smoothing: antialiased;
    35 	-webkit-font-smoothing: antialiased;
    36 	-moz-osx-font-smoothing: grayscale;
    36 	-moz-osx-font-smoothing: grayscale;
    62 	position: relative;
    62 	position: relative;
    63 }
    63 }
    64 
    64 
    65 .wp-pointer-buttons a.close:before {
    65 .wp-pointer-buttons a.close:before {
    66 	background: none;
    66 	background: none;
    67 	color: #72777c;
    67 	color: #787c82;
    68 	content: "\f153";
    68 	content: "\f153";
    69 	display: block !important;
    69 	display: block !important;
    70 	font: normal 16px/1 dashicons;
    70 	font: normal 16px/1 dashicons;
    71 	speak: none;
    71 	speak: never;
    72 	margin: 1px 0;
    72 	margin: 1px 0;
    73 	text-align: center;
    73 	text-align: center;
    74 	-webkit-font-smoothing: antialiased !important;
    74 	-webkit-font-smoothing: antialiased !important;
    75 	width: 10px;
    75 	width: 10px;
    76 	height: 100%;
    76 	height: 100%;
    78 	left: -15px;
    78 	left: -15px;
    79 	top: 1px;
    79 	top: 1px;
    80 }
    80 }
    81 
    81 
    82 .wp-pointer-buttons a.close:hover:before {
    82 .wp-pointer-buttons a.close:hover:before {
    83 	color: #c00;
    83 	color: #d63638;
    84 }
    84 }
    85 
    85 
    86 /* The arrow base class must take up no space, even with transparent borders. */
    86 /* The arrow base class must take up no space, even with transparent borders. */
    87 .wp-pointer-arrow,
    87 .wp-pointer-arrow,
    88 .wp-pointer-arrow-inner {
    88 .wp-pointer-arrow-inner {
   139 /* Arrow Sprite */
   139 /* Arrow Sprite */
   140 .wp-pointer-top .wp-pointer-arrow,
   140 .wp-pointer-top .wp-pointer-arrow,
   141 .wp-pointer-undefined .wp-pointer-arrow {
   141 .wp-pointer-undefined .wp-pointer-arrow {
   142 	top: 0;
   142 	top: 0;
   143 	border-width: 0 13px 13px 13px;
   143 	border-width: 0 13px 13px 13px;
   144 	border-bottom-color: #3592b6;
   144 	border-bottom-color: #2271b1;
   145 }
   145 }
   146 
   146 
   147 .wp-pointer-top .wp-pointer-arrow-inner,
   147 .wp-pointer-top .wp-pointer-arrow-inner,
   148 .wp-pointer-undefined .wp-pointer-arrow-inner {
   148 .wp-pointer-undefined .wp-pointer-arrow-inner {
   149 	top: 1px;
   149 	top: 1px;
   150 	margin-left: -13px;
   150 	margin-left: -13px;
   151 	margin-top: -13px;
   151 	margin-top: -13px;
   152 	border: 13px solid transparent;
   152 	border: 13px solid transparent;
   153 	border-bottom-color: #00a0d2;
   153 	border-bottom-color: #2271b1;
   154 	display: block;
   154 	display: block;
   155 	content: " ";
   155 	content: " ";
   156 }
   156 }
   157 
   157 
   158 .wp-pointer-bottom .wp-pointer-arrow {
   158 .wp-pointer-bottom .wp-pointer-arrow {
   159 	bottom: 0;
   159 	bottom: 0;
   160 	border-width: 13px 13px 0 13px;
   160 	border-width: 13px 13px 0 13px;
   161 	border-top-color: #ccc;
   161 	border-top-color: #c3c4c7;
   162 }
   162 }
   163 
   163 
   164 .wp-pointer-bottom .wp-pointer-arrow-inner {
   164 .wp-pointer-bottom .wp-pointer-arrow-inner {
   165 	bottom: 1px;
   165 	bottom: 1px;
   166 	margin-left: -13px;
   166 	margin-left: -13px;
   173 
   173 
   174 /* rtl:ignore */
   174 /* rtl:ignore */
   175 .wp-pointer-left .wp-pointer-arrow {
   175 .wp-pointer-left .wp-pointer-arrow {
   176 	left: 0;
   176 	left: 0;
   177 	border-width: 13px 13px 13px 0;
   177 	border-width: 13px 13px 13px 0;
   178 	border-right-color: #ccc;
   178 	border-right-color: #c3c4c7;
   179 }
   179 }
   180 
   180 
   181 /* rtl:ignore */
   181 /* rtl:ignore */
   182 .wp-pointer-left .wp-pointer-arrow-inner {
   182 .wp-pointer-left .wp-pointer-arrow-inner {
   183 	left: 1px;
   183 	left: 1px;
   191 
   191 
   192 /* rtl:ignore */
   192 /* rtl:ignore */
   193 .wp-pointer-right .wp-pointer-arrow {
   193 .wp-pointer-right .wp-pointer-arrow {
   194 	right: 0;
   194 	right: 0;
   195 	border-width: 13px 0 13px 13px;
   195 	border-width: 13px 0 13px 13px;
   196 	border-left-color: #ccc;
   196 	border-left-color: #c3c4c7;
   197 }
   197 }
   198 
   198 
   199 /* rtl:ignore */
   199 /* rtl:ignore */
   200 .wp-pointer-right .wp-pointer-arrow-inner {
   200 .wp-pointer-right .wp-pointer-arrow-inner {
   201 	right: 1px;
   201 	right: 1px;