← All changes | css/jetpack-deactivate-dialog.css +178 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,178 @@
	1	+/**
	2	+ * $gray color functions:
	3	+ *
	4	+ * color.adjust( $gray, $lightness: 10% )
	5	+ * color.adjust( $gray, $lightness: 20% )
	6	+ * color.adjust( $gray, $lightness: 30% )
	7	+ * color.adjust( $gray, $lightness: -10% )
	8	+ * color.adjust( $gray, $lightness: -20% )
	9	+ * color.adjust( $gray, $lightness: -30% )
	10	+ *
	11	+ * See wordpress.com/design-handbook/colors/ for more info.
	12	+ */
	13	+/**
	14	+ * $gray color functions:
	15	+ *
	16	+ * color.adjust( $gray, $lightness: 10% )
	17	+ * color.adjust( $gray, $lightness: 20% )
	18	+ * color.adjust( $gray, $lightness: 30% )
	19	+ * color.adjust( $gray, $lightness: -10% )
	20	+ * color.adjust( $gray, $lightness: -20% )
	21	+ * color.adjust( $gray, $lightness: -30% )
	22	+ *
	23	+ * See wordpress.com/design-handbook/colors/ for more info.
	24	+ */
	25	+#TB_window.jetpack-disconnect-modal {
	26	+ max-width: 635px;
	27	+ max-height: 600px;
	28	+}
	29	+@media screen and (min-width: 661px) {
	30	+ #TB_window.jetpack-disconnect-modal {
	31	+ max-height: 360px;
	32	+ }
	33	+}
	34	+#TB_window.jetpack-disconnect-modal #TB_title {
	35	+ font-size: 28px;
	36	+ line-height: 24px;
	37	+ font-weight: 600;
	38	+ height: 24px;
	39	+ padding: 24px;
	40	+ color: #1d2327;
	41	+}
	42	+#TB_window.jetpack-disconnect-modal #TB_ajaxWindowTitle {
	43	+ padding-left: 0;
	44	+ margin-top: -2px;
	45	+}
	46	+#TB_window.jetpack-disconnect-modal #TB_ajaxContent {
	47	+ width: auto !important;
	48	+ padding: 0;
	49	+ max-height: 435px;
	50	+}
	51	+@media screen and (min-width: 661px) {
	52	+ #TB_window.jetpack-disconnect-modal #TB_ajaxContent {
	53	+ max-height: 203px;
	54	+ }
	55	+}
	56	+#TB_window.jetpack-disconnect-modal #TB_ajaxContent .jetpack_deactivation_dialog_content {
	57	+ padding: 24px;
	58	+ padding-bottom: 80px;
	59	+ margin-top: 0;
	60	+}
	61	+@media screen and (min-width: 661px) {
	62	+ #TB_window.jetpack-disconnect-modal #TB_ajaxContent .jetpack_deactivation_dialog_content {
	63	+ padding-bottom: 24px;
	64	+ }
	65	+}
	66	+#TB_window.jetpack-disconnect-modal #TB_ajaxContent .jetpack_deactivation_dialog_content p {
	67	+ font-size: 16px;
	68	+ line-height: 24px;
	69	+ margin-top: 0;
	70	+}
	71	+#TB_window.jetpack-disconnect-modal #TB_ajaxContent .jetpack_deactivation_dialog_content ul {
	72	+ font-size: 16px;
	73	+ line-height: 24px;
	74	+}
	75	+#TB_window.jetpack-disconnect-modal #TB_ajaxContent .jetpack_deactivation_dialog_content ul li {
	76	+ margin-bottom: 10px;
	77	+}
	78	+#TB_window.jetpack-disconnect-modal #TB_ajaxContent .jetpack_deactivation_dialog_content ul li span {
	79	+ vertical-align: middle;
	80	+}
	81	+#TB_window.jetpack-disconnect-modal #TB_ajaxContent .jetpack_deactivation_dialog_content ul li span.dashicons {
	82	+ color: #eb0001;
	83	+}
	84	+#TB_window.jetpack-disconnect-modal #TB_closeWindowButton {
	85	+ left: auto;
	86	+ right: 22px;
	87	+ color: #50575e;
	88	+ top: 22px;
	89	+}
	90	+#TB_window.jetpack-disconnect-modal #TB_closeWindowButton::after {
	91	+ content: "\f335";
	92	+ font: 400 32px/29px dashicons;
	93	+ -webkit-font-smoothing: antialiased;
	94	+ -moz-osx-font-smoothing: grayscale;
	95	+}
	96	+#TB_window.jetpack-disconnect-modal #TB_closeWindowButton:hover, #TB_window.jetpack-disconnect-modal #TB_closeWindowButton:focus {
	97	+ color: rgb(161.5, 161.5, 161.5);
	98	+ outline: none;
	99	+ box-shadow: none;
	100	+}
	101	+#TB_window.jetpack-disconnect-modal .tb-close-icon {
	102	+ display: none;
	103	+}
	104	+#TB_window.jetpack-disconnect-modal .jetpack_deactivation_dialog_content__buttons-row-container {
	105	+ position: absolute;
	106	+ bottom: 0;
	107	+ width: 100%;
	108	+ border-top: 1px solid #c3c4c7;
	109	+ background-color: rgb(255, 255, 255);
	110	+}
	111	+#TB_window.jetpack-disconnect-modal .jetpack_deactivation_dialog_content__buttons-row {
	112	+ position: relative;
	113	+ margin: 24px;
	114	+ text-align: left;
	115	+ display: flex;
	116	+ flex-direction: column;
	117	+ justify-content: space-between;
	118	+}
	119	+@media screen and (min-width: 661px) {
	120	+ #TB_window.jetpack-disconnect-modal .jetpack_deactivation_dialog_content__buttons-row {
	121	+ flex-direction: row;
	122	+ }
	123	+}
	124	+#TB_window.jetpack-disconnect-modal .jetpack_deactivation_dialog_content__buttons-row p {
	125	+ font-size: 13px;
	126	+ line-height: 1.5;
	127	+ margin-bottom: 0;
	128	+ margin-top: 0;
	129	+ padding-top: 0;
	130	+}
	131	+@media screen and (min-width: 661px) {
	132	+ #TB_window.jetpack-disconnect-modal .jetpack_deactivation_dialog_content__buttons-row p {
	133	+ padding-top: 5px;
	134	+ }
	135	+}
	136	+#TB_window.jetpack-disconnect-modal .jetpack_deactivation_dialog_content__buttons-row .jetpack_deactivation_dialog_content__buttons button {
	137	+ background: #f6f7f7;
	138	+ border-color: #2271b1;
	139	+ border-style: solid;
	140	+ border-width: 1px;
	141	+ color: #2271b1;
	142	+ cursor: pointer;
	143	+ display: inline-block;
	144	+ margin: 0;
	145	+ outline: 0;
	146	+ overflow: hidden;
	147	+ text-overflow: ellipsis;
	148	+ text-decoration: none;
	149	+ vertical-align: top;
	150	+ box-sizing: border-box;
	151	+ font-size: 13px;
	152	+ border-radius: 3px;
	153	+ padding: 7px 14px 9px;
	154	+ appearance: none;
	155	+ width: 100%;
	156	+ margin-bottom: 18px;
	157	+}
	158	+@media screen and (min-width: 661px) {
	159	+ #TB_window.jetpack-disconnect-modal .jetpack_deactivation_dialog_content__buttons-row .jetpack_deactivation_dialog_content__buttons button {
	160	+ margin-bottom: 0;
	161	+ margin-left: 18px;
	162	+ width: auto;
	163	+ }
	164	+}
	165	+#TB_window.jetpack-disconnect-modal .jetpack_deactivation_dialog_content__buttons-row .jetpack_deactivation_dialog_content__buttons button#jetpack_deactivation_dialog_content__button-deactivate {
	166	+ background: #d94f4f;
	167	+ border-color: rgb(159.5514018692, 34.4485981308, 34.4485981308);
	168	+ color: rgb(255, 255, 255);
	169	+ margin-bottom: 0;
	170	+}
	171	+#TB_window.jetpack-disconnect-modal .jetpack_deactivation_dialog_content__buttons-row .jetpack_deactivation_dialog_content__buttons button#jetpack_deactivation_dialog_content__button-deactivate[disabled], #TB_window.jetpack-disconnect-modal .jetpack_deactivation_dialog_content__buttons-row .jetpack_deactivation_dialog_content__buttons button#jetpack_deactivation_dialog_content__button-deactivate:disabled {
	172	+ background: rgb(235.1121495327, 162.8878504673, 162.8878504673);
	173	+ border-color: rgb(228.4, 131.8, 131.8);
	174	+}
	175	+
	176	+#jetpack_deactivation_dialog {
	177	+ display: none;
	178	+}