0% found this document useful (0 votes)
467 views3 pages

Dark Mode Protocol Overview

The document contains CSS code that defines styles for elements on a webpage. It includes styles for list items, menus, body text, and variables for colors, gradients, spacing and font sizes. Default browser styles are also defined for elements like lists and unordered lists.

Uploaded by

Cat Lover
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
467 views3 pages

Dark Mode Protocol Overview

The document contains CSS code that defines styles for elements on a webpage. It includes styles for list items, menus, body text, and variables for colors, gradients, spacing and font sizes. Default browser styles are also defined for elements like lists and unordered lists.

Uploaded by

Cat Lover
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<li class="its-wldark-mode"> <div class="wlits-button active">

<div class="wlits-button-inner-left"></div>
<div class="wlits-button-inner"></div>
</div>
</li>

element.style {
}
li.its-wldark-mode {
margin-top: 14px;
float: right;
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu, .sf-menu ul, .sf-menu li {
margin: 0;
list-style: none;
}
ul li, ol li {
line-height: 24px;
margin-left: 21px;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
user agent stylesheet
li {
display: list-item;
text-align: -webkit-match-parent;
}
user agent stylesheet
ul {
list-style-type: disc;
}
.td-header-row {
*zoom: 1;
font-family: 'Open Sans', 'Open Sans Regular', sans-serif;
}
body {
font-family: "Open Sans","Helvetica Neue",sans-serif;
}
body {
font-family: Verdana, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
line-height: 21px;
}
body {
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-
gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-
gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-
gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-
gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-
gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-
gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186)
40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
--wp--preset--gradient--blush-light-purple: linear-
gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165)
0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112)
0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203)
0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128)
0%,rgb(113,206,126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129)
0%,rgb(40,116,252) 100%);
--wp--preset--duotone--dark-grayscale: url(#wp-duotone-dark-grayscale);
--wp--preset--duotone--grayscale: url(#wp-duotone-grayscale);
--wp--preset--duotone--purple-yellow: url(#wp-duotone-purple-yellow);
--wp--preset--duotone--blue-red: url(#wp-duotone-blue-red);
--wp--preset--duotone--midnight: url(#wp-duotone-midnight);
--wp--preset--duotone--magenta-yellow: url(#wp-duotone-magenta-yellow);
--wp--preset--duotone--purple-green: url(#wp-duotone-purple-green);
--wp--preset--duotone--blue-orange: url(#wp-duotone-blue-orange);
--wp--preset--font-size--small: 11px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 32px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--font-size--regular: 15px;
--wp--preset--font-size--larger: 50px;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
}
:root {
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

You might also like