/* Plugin Name: StyleBidet Description: WP Admin styling for the StyleBidet plugin settings Author: Lawrie Malen @ Very New Media Author URI: http://www.verynewmedia.com/ */ /* ADMIN AREA */ .vnmadmin-wrapper { color: #2A3350; } .vnmadmin-wrapper section, .vnmadmin-wrapper p { font-size: 1rem; } .vnmadmin-wrapper > h2.title { margin-bottom: 1.250em; } .vnmadmin-wrapper .wrapper { margin-bottom: 1.250em; background-color: #FFFFFF; border-radius: 0.250em; box-shadow: 0 1px 1px rgba(0,0,0,0.06), 0 2px 2px rgba(0,0,0,0.06), 0 4px 4px rgba(0,0,0,0.06), 0 8px 8px rgba(0,0,0,0.06), 0 16px 16px rgba(0,0,0,0.06); } .vnmadmin-wrapper .padded-section { padding: 1.250em; } .vnmadmin-wrapper h3.section-title { margin-top: 0; margin-bottom: 0; padding: 0.875em 1.250em; font-size: 1.250em; font-weight: 400; cursor: pointer; } .vnmadmin-wrapper h3.section-title.border-bottom { border-bottom: 1px solid #F1F1F1; } /* PLUGIN BADGE */ .vnmadmin-wrapper .vnmadmin-badge { min-width: 8em; width: 11.500em; padding-bottom: 130%; background-image: url('./badge.svg'); background-repeat: no-repeat; background-size: contain; } /* VNM LOGO */ .vnmadmin-wrapper .vnm-logo { width: 28.75rem; background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22460%22%20height%3D%2270%22%20viewBox%3D%220%200%20460%2070%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20fill%3D%22%23CCCCCC%22%20d%3D%22M96%2028.7%20Q96.05%2031.95%2093.75%2037.7%2091.5%2043.45%2086.6%2047.25%2081.65%2051.05%2074.8%2053.5%20L61.9%2058.15%20Q57.9%2059.5%2055.3%2061.25%2050.35%2064.6%2048.65%2070%2046.95%2064.6%2042%2061.25%2039.4%2059.5%2035.4%2058.15%20L22.5%2053.5%20Q15.65%2051.05%2010.75%2047.25%205.8%2043.45%203.55%2037.7%201.25%2031.95%201.35%2028.7%20L7.3%2029.4%20Q2.8%2023.65%201.4%2018.65%200.05%2013.65%200%208.85%20-0.05%204.05%201.7%200%202.5%204.9%207.15%208.45%2010.6%2011.1%2017.15%2013.7%20L24.8%2016.4%20Q33.9%2019.3%2040%2024.8%2042.95%2027.5%2045.55%2032.75%2047.75%2037.2%2048.65%2041.8%2049.55%2037.2%2051.75%2032.75%2054.4%2027.5%2057.3%2024.8%2063.4%2019.3%2072.55%2016.4%20L80.15%2013.7%20Q86.7%2011.1%2090.15%208.45%2094.85%204.9%2095.6%200%2097.35%204.05%2097.3%208.85%2097.25%2013.65%2095.9%2018.65%2094.55%2023.65%2090%2029.4%20L96%2028.7%22%3E%3C%2Fpath%3E%3Cpath%20stroke%3D%22none%22%20fill%3D%22%23CCCCCC%22%20d%3D%22M158.45%2032.25%20Q157.1%2030.85%20154.5%2030.85%20152.2%2030.9%20150.9%2031.85%20149.6%2032.8%20149%2034.15%20148.5%2035.4%20148.45%2036.5%20L160.25%2036.5%20Q159.8%2033.7%20158.45%2032.25%20M129.15%2041.7%20L129.3%2041.7%20137.55%2016%20145.85%2016%20133.7%2052.6%20124.65%2052.6%20112.75%2016%20121.05%2016%20129.15%2041.7%20M164.7%2030.15%20Q166.3%2032.4%20167%2035.2%20167.75%2038.05%20167.55%2041.1%20L148.45%2041.1%20Q148.6%2044.55%20150.25%2046.2%20151.9%2047.85%20154.95%2047.85%20157.2%2047.8%20158.75%2046.75%20160.3%2045.7%20160.65%2044.4%20L167.1%2044.4%20Q165.5%2049.05%20162.35%2051.15%20159.2%2053.35%20154.7%2053.3%20150.5%2053.25%20147.45%2051.5%20144.45%2049.75%20142.8%2046.65%20141.2%2043.5%20141.15%2039.35%20141.2%2035.35%20142.9%2032.2%20144.6%2029.05%20147.6%2027.25%20150.65%2025.45%20154.7%2025.35%20158.1%2025.4%20160.55%2026.7%20163.05%2028%20164.7%2030.15%20M175.5%2031%20L175.6%2031%20Q176.3%2029.3%20177.65%2028.05%20178.95%2026.8%20180.6%2026.1%20182.1%2025.6%20183.85%2026.1%20L183.9%2026.4%20186.2%2032.55%20185.75%2032.35%20Q182.6%2031.15%20179.7%2032.7%20L179.2%2032.95%20179.1%2033.1%20Q177.3%2034.45%20176.55%2036.4%20175.85%2038.25%20175.85%2040.65%20L175.85%2052.6%20168.6%2052.6%20168.6%2026.1%20175.5%2026.1%20175.5%2031%20M204.45%2026.1%20L212%2026.1%20200.95%2055.9%20Q199.8%2059.1%20197.65%2060.5%20195.55%2061.95%20191.8%2061.9%20L189.6%2061.8%20187.35%2061.65%20187.35%2055.65%20189.5%2055.8%20191.6%2055.9%20Q192.85%2055.75%20193.55%2055%20194.25%2054.2%20194.4%2053.1%20194.55%2052.05%20194.15%2050.95%20L184.8%2026.1%20192.6%2026.1%20198.6%2044.25%20198.7%2044.25%20204.45%2026.1%20M243.2%2016%20L243.2%2052.6%20235.2%2052.6%20219.95%2028.1%20219.8%2028.1%20219.8%2052.6%20212.3%2052.6%20212.3%2016%20220.25%2016%20235.55%2040.55%20235.65%2040.55%20235.65%2016%20243.2%2016%20M246.5%2032.2%20Q248.15%2029.05%20251.2%2027.25%20254.25%2025.45%20258.3%2025.35%20261.65%2025.4%20264.15%2026.7%20266.65%2028%20268.3%2030.15%20269.9%2032.4%20270.6%2035.2%20271.35%2038.05%20271.15%2041.1%20L252.05%2041.1%20Q252.2%2044.55%20253.85%2046.2%20255.5%2047.85%20258.55%2047.85%20260.75%2047.8%20262.35%2046.75%20263.9%2045.7%20264.25%2044.4%20L270.65%2044.4%20Q269.1%2049.05%20265.95%2051.15%20262.8%2053.35%20258.3%2053.3%20254.1%2053.25%20251.05%2051.5%20248%2049.75%20246.4%2046.65%20244.8%2043.5%20244.75%2039.35%20244.8%2035.35%20246.5%2032.2%20M258.1%2030.85%20Q255.8%2030.9%20254.45%2031.85%20253.2%2032.8%20252.6%2034.15%20252.05%2035.4%20252.05%2036.5%20L263.85%2036.5%20Q263.4%2033.7%20262.05%2032.25%20260.7%2030.85%20258.1%2030.85%20M302.7%2026.1%20L310.2%2026.1%20301.85%2052.6%20294.35%2052.6%20289.65%2034.8%20289.55%2034.8%20285.05%2052.6%20277.55%2052.6%20269.15%2026.1%20276.8%2026.1%20281.7%2044.1%20281.8%2044.1%20286.2%2026.1%20293.25%2026.1%20297.75%2044.05%20297.9%2044.05%20302.7%2026.1%20M343%2026.65%20L342.9%2026.65%20333.9%2052.6%20327.75%2052.6%20318.75%2026.95%20318.65%2026.95%20318.65%2052.6%20311.15%2052.6%20311.15%2016%20322.45%2016%20331%2041.15%20331.1%2041.15%20339.2%2016%20350.55%2016%20350.55%2052.6%20343%2052.6%20343%2026.65%20M398.5%2035.2%20Q397.95%2033.25%20396.55%2032.05%20395.2%2030.85%20392.85%2030.85%20390.45%2030.85%20389.05%2032.05%20387.65%2033.25%20387.05%2035.2%20386.4%2037.1%20386.45%2039.3%20386.45%2041.4%20387.05%2043.35%20387.75%2045.3%20389.15%2046.55%20390.6%2047.8%20392.85%2047.85%20395.25%2047.8%20396.6%2046.6%20398%2045.35%20398.55%2043.45%20399.1%2041.5%20399.1%2039.25%20399.1%2037.05%20398.5%2035.2%20M369.35%2032.25%20Q368%2030.85%20365.45%2030.85%20363.15%2030.9%20361.8%2031.85%20360.5%2032.8%20359.95%2034.15%20359.4%2035.4%20359.4%2036.5%20L371.2%2036.5%20Q370.7%2033.7%20369.35%2032.25%20M375.65%2030.15%20Q377.25%2032.4%20377.95%2035.2%20378.65%2038.05%20378.5%2041.1%20L359.4%2041.1%20Q359.55%2044.55%20361.2%2046.2%20362.85%2047.85%20365.9%2047.85%20368.1%2047.8%20369.65%2046.75%20371.25%2045.7%20371.6%2044.4%20L378%2044.4%20Q376.45%2049.05%20373.3%2051.15%20370.1%2053.35%20365.6%2053.3%20361.4%2053.25%20358.4%2051.5%20355.35%2049.75%20353.75%2046.65%20352.1%2043.5%20352.1%2039.35%20352.1%2035.35%20353.85%2032.2%20355.5%2029.05%20358.55%2027.25%20361.55%2025.45%20365.6%2025.35%20369%2025.4%20371.5%2026.7%20374%2028%20375.65%2030.15%20M406.1%2016%20L406.1%2052.6%20399.2%2052.6%20399.2%2049.2%20399.1%2049.2%20Q397.8%2051.35%20395.7%2052.35%20393.6%2053.3%20391.05%2053.3%20387.05%2053.25%20384.4%2051.25%20381.8%2049.25%20380.45%2046.05%20379.15%2042.85%20379.15%2039.1%20379.15%2035.5%20380.45%2032.35%20381.8%2029.25%20384.35%2027.35%20387%2025.45%20390.9%2025.35%20393.3%2025.35%20395.35%2026.35%20397.45%2027.35%20398.75%2029.35%20L398.85%2029.35%20398.85%2016%20406.1%2016%20M434.5%2042.3%20L434.5%2039.6%20Q433.5%2040.35%20431.85%2040.65%20L428.45%2041.15%20Q426.7%2041.45%20425.45%2042.3%20424.2%2043.1%20424.15%2045.05%20424.2%2047.05%20425.5%2047.75%20426.75%2048.45%20428.6%2048.45%20430.7%2048.4%20431.9%2047.7%20433.1%2047%20433.7%2046%20434.25%2044.95%20434.4%2043.95%20L434.5%2042.3%20M408.45%2026.1%20L415.7%2026.1%20415.7%2052.6%20408.45%2052.6%20408.45%2026.1%20M416.85%2045.35%20Q416.9%2042.4%20418.2%2040.75%20419.5%2039.1%20421.55%2038.35%20423.6%2037.6%20425.9%2037.3%20L430.1%2036.75%20Q432.05%2036.55%20433.25%2035.9%20434.45%2035.25%20434.5%2033.85%20434.45%2032.3%20433.85%2031.5%20433.2%2030.7%20432.15%2030.45%20L429.75%2030.25%20Q427.7%2030.25%20426.45%2031.15%20425.15%2032.1%20424.95%2034.25%20L417.7%2034.25%20Q417.95%2030.85%20419.75%2028.9%20421.65%2026.95%20424.35%2026.15%20427.1%2025.35%20430.15%2025.35%20L434.2%2025.65%20Q436.2%2025.95%20437.95%2026.75%20439.65%2027.55%20440.7%2029.05%20441.75%2030.55%20441.8%2032.9%20L441.8%2046.65%20Q441.8%2048.55%20441.95%2050.1%20442.2%2051.75%20442.7%2052.6%20L435.3%2052.6%20435%2051.3%20434.8%2050.05%20Q433.05%2051.8%20430.7%2052.55%20428.35%2053.35%20425.9%2053.3%20423.35%2053.3%20421.35%2052.45%20419.3%2051.6%20418.1%2049.8%20416.9%2048.1%20416.85%2045.35%20M415.7%2022%20L408.45%2022%20408.45%2016%20415.7%2016%20415.7%2022%20M449.45%2019.95%20L451.9%2019.95%20453.85%2025.6%20455.75%2019.95%20458.3%2019.95%20458.3%2028.1%20456.55%2028.1%20456.55%2022.35%20454.55%2028.1%20453.2%2028.1%20451.15%2022.45%20451.15%2028.1%20449.45%2028.1%20449.45%2019.95%20M449.35%2019.95%20L449.35%2021.45%20446.9%2021.45%20446.9%2028.1%20445.1%2028.1%20445.1%2021.45%20442.7%2021.45%20442.7%2019.95%20449.35%2019.95%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-size: contain; overflow: hidden; } .vnmadmin-wrapper .vnm-logo a { display: block; width: 100%; height: 0; padding-bottom: 15.217%; text-indent: -999rem; } /* NAVIGATION ASIDE */ .vnmadmin-wrapper .vnmadmin-nav { font-size: 0.875em; border-radius: 0.250em; font-weight: 500; } .vnmadmin-wrapper.loading .vnmadmin-nav, .vnmadmin-wrapper.loading .section-title { opacity: 0.5; pointer-events: none; } /* REVIEW REQUEST */ .vnmadmin-wrapper .vnm-rating-request { font-size: 0.875rem; } .vnmadmin-wrapper .vnm-rating-request .dashicons-star-filled { color: #F39C12; text-decoration: none; } .vnmadmin-wrapper .vnm-rating-request .dashicons-smiley { color: #3498DB; } /* LISTS */ .vnmadmin-wrapper ul.list { padding-left: 1.750em; } .vnmadmin-wrapper ul.list li { position: relative; list-style-type: none; } .vnmadmin-wrapper ul.list li::before { content: ''; position: absolute; top: 0; left: -28px; width: 18px; height: 18px; background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20fill%3D%22%233498db%22%20d%3D%22M15.35%202.65%20Q18%205.3%2018%209%2018%2012.7%2015.35%2015.35%2012.7%2018%209%2018%205.3%2018%202.65%2015.35%200%2012.75%200%209%200%205.3%202.6%202.65%20L2.65%202.6%20Q5.3%200%209%200%2012.75%200%2015.35%202.65%20M14.5%209%20Q14.5%206.75%2012.9%205.1%2011.3%203.5%209%203.5%206.75%203.5%205.1%205.1%203.5%206.75%203.5%209%203.5%2011.3%205.1%2012.9%206.75%2014.5%209%2014.5%2011.25%2014.5%2012.85%2012.9%20L12.9%2012.85%20Q14.5%2011.25%2014.5%209%20M11.2%205.65%20Q11.7%205.65%2012.05%206%2012.45%206.35%2012.45%206.9%20L12.1%207.8%2010.85%209.1%2012.05%2010.3%20Q12.4%2010.65%2012.4%2011.15%20L12.05%2012.05%2011.15%2012.4%20Q10.65%2012.4%2010.3%2012.05%20L9.05%2010.8%207.85%2012.05%206.95%2012.4%20Q6.45%2012.4%206.1%2012.05%205.7%2011.65%205.7%2011.15%205.7%2010.65%206.1%2010.3%20L7.3%209.05%206.05%207.8%20Q5.65%207.4%205.65%206.9%205.65%206.4%206.05%206.05%206.4%205.65%206.9%205.65%207.4%205.65%207.8%206.05%20L9.05%207.3%2010.3%206.05%20Q10.65%205.65%2011.2%205.65%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); } /* NAV */ .vnmadmin-wrapper .vnmadmin-nav ul { margin-top: 0; } .vnmadmin-wrapper .vnmadmin-nav ul li .link { position: relative; display: block; margin-bottom: 0.750em; padding: 0.500em 1em; color: #666666; cursor: pointer; border-radius: 1em; background-color: rgba(0, 0, 0, 0.05); text-decoration: none; overflow: hidden; } .vnmadmin-wrapper .vnmadmin-nav ul li .link:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; display: block; width: 0; background-color: #02B6FA; z-index: -1; -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .vnmadmin-wrapper .vnmadmin-nav ul li .link:hover, .vnmadmin-wrapper .vnmadmin-nav ul li .link.active { color: #FFFFFF; } .vnmadmin-wrapper .vnmadmin-nav ul li .link:hover:before, .vnmadmin-wrapper .vnmadmin-nav ul li .link.active:before { width: 100%; } /* EXPANDABLE SECTIONS */ .vnmadmin-wrapper .collapsible { display: none; } .vnmadmin-wrapper .show-content { border-left: 4px solid #02B6FA; } .vnmadmin-wrapper .show-content .collapsible { display: block; -webkit-animation: fadeIn 0.5s ease-out forwards; animation: fadeIn 0.5s ease-out forwards; } .vnmadmin-wrapper .show-content .section-title { border-bottom: 1px solid #F1F1F1; } .vnmadmin-wrapper .show-content .title-text { color: #000000; } .vnmadmin-wrapper .section-title .vnmadmin-icon, .vnmadmin-wrapper .section-title .dashicons { font-size: 1.250em; } .vnmadmin-wrapper .show-content .section-title .vnmadmin-icon, .vnmadmin-wrapper .show-content .section-title .dashicons { color: #02B6FA; } /* FORMS */ .vnmadmin-wrapper .form { position: relative; } .errormessage { width: 100%; max-width: 800px; background: #FFFFFF; border-left: 4px solid #F54F4F; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); margin: 5px 15px 2px; padding: 1px 12px; } /* LOADER */ .vnmadmin-wrapper .loadingblock { position: absolute; top: 0; left: 0; bottom: 0; width: 0; background-color: rgba(255, 255, 255, 0.6); opacity: 0; pointer-events: none; z-index: 2001; /* These are effectively the 'close' transitions */ -webkit-transition: opacity 0.5s ease, width 0s linear 0.5s; transition: opacity 0.5s ease, width 0s linear 0.5s; } .vnmadmin-wrapper .loadingblock.loading { width: 100%; opacity: 1; pointer-events: auto; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .vnmadmin-wrapper .loadingblock .loader { position: absolute; top: 50%; left: 50%; height: 3.750em; width: 3.750em; margin: -1.875em 0 0 -1.875em; border-width: 0.375em; border-style: solid; border-color: rgba(2, 182, 250, 0.3); border-radius: 100%; border-top-color: rgba(2, 182, 250, 1); -webkit-animation: rotation 0.6s infinite linear; animation: rotation 0.6s infinite linear; } @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg) } to {-webkit-transform: rotate(359deg) } } @keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } .vnmadmin-wrapper .form th { font-weight: 500; border-bottom: 1px solid #DBDBDB; } .vnmadmin-wrapper .form td { border-bottom: 1px solid #DBDBDB; } /* INPUTS */ .vnmadmin-wrapper .form input[type="text"], .vnmadmin-wrapper .form input[type="number"] { display: block; width: 100%; height: auto; margin: 0; padding: 0.500em 0.625em; background-color: #F4F4F4; border: 0.125em solid rgba(0, 0, 0, 0.1); border-radius: 0.125em; font-family: "Ubuntu", sans-serif; font-size: inherit; line-height: initial; color: inherit; box-shadow: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; resize: none; -webkit-appearance: none; } .vnmadmin-wrapper .form label { display: block; padding: 0.500em 0; line-height: initial; } .vnmadmin-wrapper .form input[type="checkbox"] { position: absolute; clip: rect(0,0,0,0); } .vnmadmin-wrapper .form input[type="checkbox"] + .slider { position: relative; display: block; width: 3.500rem; height: 1.750rem; margin-bottom: 0.500rem; background-color: #BDC3C7; border-radius: 1.750rem; } .vnmadmin-wrapper .form input[type="checkbox"]:disabled + .slider::before { content: "\f160"; position: absolute; left: 120%; top: 3px; color: #7F8C8D; } .vnmadmin-wrapper .form input[type="checkbox"] + .slider label { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .vnmadmin-wrapper .form input[type="checkbox"] + .slider label::before { content: ''; position: absolute; top: 0.125rem; left: 0.125rem; display: block; width: 1.500rem; height: 1.500rem; padding: 0; border-radius: 100%; background-color: #ECF0F1; box-shadow: 0 0 1px 0 rgba(0,0,0,0.06), 0 0 2px rgba(0,0,0,0.06), 0 0 4px rgba(0,0,0,0.06); -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .vnmadmin-wrapper .form input[type="checkbox"]:checked + .slider { background-color: #02B6DA; } .vnmadmin-wrapper .form input[type="checkbox"]:checked + .slider label::before { left: 1.875rem; background-color: #FFFFFF; } .vnmadmin-wrapper .form input[type="checkbox"]:checked:disabled + .slider { background-color: #7F8C8D; } .vnmadmin-wrapper .form input[type="checkbox"]:checked:disabled + .slider label::before { background-color: #ECF0F1; } /* BUTTONS */ .vnmadmin-wrapper .button-primary { min-width: 10em; padding: 0.500em 1em; border: none; border-radius: 0.500em; font-family: "Ubuntu", sans-serif; font-size: 1.250rem; font-weight: 500; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 1.313; color: #FFFFFF; background-color: #02B6DA; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .vnmadmin-wrapper .button-primary:hover { background-color: #2980B9; } .vnmadmin-wrapper .button-primary.disabled { background-color: #BDC3C7 !important; color: rgba(255, 255, 255, 0.5) !important; pointer-events: none; } /* TRANSITIONS */ .ease, .ease * { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .easeout, .easeout * { -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .easeoutquint, .easeoutquint * { -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .ease-elastic { -webkit-transition: all 0.5s cubic-bezier(0, 1.92, 0.43, 0.65); transition: all 0.5s cubic-bezier(0, 1.92, 0.43, 0.65); } .fastease, .fastease * { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } .slowease, .slowease * { -webkit-transition-duration: 1s; transition-duration: 1s; } /* COLORS */ .vnmadmin-wrapper .spotcolor, .vnmadmin-wrapper .spotcolorhover:hover { color: #02B6FA; } .vnmadmin-wrapper .spotcolorbg, .vnmadmin-wrapper .spotcolorbghover:hover { background-color: #02B6FA; } .vnmadmin-wrapper .secondarycolor, .vnmadmin-wrapper .secondarycolorhover:hover { color: #E84393; } .vnmadmin-wrapper .secondarycolorbg, .vnmadmin-wrapper .secondarycolorbghover:hover { background-color: #E84393; } .vnmadmin-wrapper .tertiarycolor, .vnmadmin-wrapper .tertiarycolorhover:hover { color: #2ECC71; } .vnmadmin-wrapper .tertiarycolorbg, .vnmadmin-wrapper .tertiarycolorbghover:hover { background-color: #2ECC71; } .vnmadmin-wrapper .darkblue, .vnmadmin-wrapper .darkbluehover:hover { color: #2A3350; } .vnmadmin-wrapper .darkbluebg, .vnmadmin-wrapper .darkbluebghover:hover { background-color: #2A3350; } .vnmadmin-wrapper .darkestblue, .vnmadmin-wrapper .darkestbluehover:hover { color: #1D2339; } .vnmadmin-wrapper .darkestbluebg, .vnmadmin-wrapper .darkestbluebghover:hover { background-color: #1D2339; } .vnmadmin-wrapper .grey, .vnmadmin-wrapper .greyhover:hover { color: #98A0B8; } .vnmadmin-wrapper .greybg, .vnmadmin-wrapper .greybghover:hover { background-color: #98A0B8; } /* SIZES */ .wrapper.updated .padded-section { font-size: 1.500rem; } .wrapper.updated .padded-section .notice-icon { width: auto; height: auto; font-size: 2rem; vertical-align: middle; } /* Fade out and down */ @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Fade in and up */ @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* ELEMENTS */ .vnmadmin-wrapper b, .vnmadmin-wrapper strong { font-weight: 500; } .vnmadmin-wrapper hr { margin: 1em 0; }