Skip to content

Instantly share code, notes, and snippets.

@amcgregor

amcgregor/content-basic.html

Last active May 17, 2025 20:51
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save amcgregor/98a957704a9d04eb2098ae23ec36e147 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save amcgregor/98a957704a9d04eb2098ae23ec36e147 to your computer and use it in GitHub Desktop.
Download ZIP
"Xray CSS" to highlight element nesting and stacking. #pen https://codepen.io/amcgregor/pen/bGEodOR
Raw
content-basic.html
<!-- This look like a confusing mess? See it with X-Ray goggles! -->
<div class="container">
<div class="logo-footer">
<div class="row" style="display: flex;">
<div class="col-md-6">
<div class="row">
<div class="col-md-6">
<a href="#">
<img src="img/logos/{{site.logo}}" class="img-responsive img-centered" alt="">
</a>
</div>
<div class="col-md-6" style="align-self: center;">
<div class="footer-logo">
<a href="#">
{{site.title}}
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<a href="https://www.ku.dk/">
<img src="img/logos/ku_logo_uk_h.png" class="img-responsive img-centered" alt="">
</a>
</div>
</div>
</div>
</div>
Raw
content-facebook.html
<!-- My eyes!!! They burn! -->
<div id="globalContainer" class="uiContextualLayerParent">
<div class="fb_content clearfix " id="content" role="main">
<div>
<div class="_8esj">
<div class="_8esk">
<div class="_8esl">
<h2 class="_8eso _3ma">Connect with friends and the world around you on Facebook.</h2>
<div class="_8esp"><i style="width:56px;height:56px" class="_8esq img sp_nK4QBEPgZVv sx_f00943"></i><span class="_8esr"><span class="_8ess">See photos and updates</span> from friends in News Feed.</span></div>
<div class="_8esp"><i style="width:56px;height:56px" class="_8esq img sp_nK4QBEPgZVv sx_cd1a8d"></i><span class="_8esr"><span class="_8ess">Share what's new</span> in your life on your Timeline.</span></div>
<div class="_8esp"><i style="width:56px;height:56px" class="_8esq img sp_nK4QBEPgZVv sx_559c99"></i><span class="_8esr"><span class="_8ess">Find more</span> of what you're looking for with Facebook Search.</span></div>
</div>
<div class="_8esm">
<div class="_8fgn">
<h2 class="_8est">Sign Up</h2>
<div class="_8esu">It’s quick and easy.</div>
</div>
<div id="registration_container">
<div><noscript>&lt;div id="no_js_box"&gt;&lt;h2&gt;JavaScript is disabled on your browser.&lt;/h2&gt;&lt;p&gt;Please enable JavaScript on your browser or upgrade to a JavaScript-capable browser to register for Facebook.&lt;/p&gt;&lt;/div&gt;</noscript>
<div class="_58mf">
<div id="reg_box" class="registration_redesign">
<div class="_8fgl">
<div id="reg_error" class="hidden_elem _58mn" role="alert">
<div class="_58mo" id="reg_error_inner" tabindex="0">An error occurred. Please try again.</div>
</div>
<div id="softblock_error" class="hidden_elem _58mn" role="alert">
<div class="_58mo" id="softblock_error_inner" tabindex="0">We Couldn't Create Your Account<br>We were not able to sign you up for Facebook.</div>
</div>
<form method="post" id="reg" name="reg" action="https://m.facebook.com/reg/" onsubmit="return false;"><input type="hidden" name="jazoest" value="2686" autocomplete="off"><input type="hidden" name="lsd" value="AVoqyU09" autocomplete="off">
<div id="reg_form_box" class="large_form">
<div id="fullname_field" class="_1ixn">
<div class="clearfix _58mh">
<div class="mbm _1iy_ _a4y _3-90 lfloat _ohe">
<div class="_5dbb" id="u_0_l">
<div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
<div class="placeholder" aria-hidden="true">First name</div><input type="text" class="inputtext _58mg _5dba _2ph-" data-type="text" name="firstname" value="" aria-required="true" placeholder="" aria-label="First name" id="u_0_m">
</div><i class="_5dbc img sp_nK4QBEPgZVv sx_5b4a54"></i><i class="_5dbd img sp_nK4QBEPgZVv sx_50037b"></i>
<div class="_1pc_"></div>
</div>
</div>
<div class="mbm _1iy_ _a4y rfloat _ohf">
<div class="_5dbb" id="u_0_n">
<div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
<div class="placeholder" aria-hidden="true">Last name</div><input type="text" class="inputtext _58mg _5dba _2ph-" data-type="text" name="lastname" value="" aria-required="true" placeholder="" aria-label="Last name" id="u_0_o">
</div><i class="_5dbc img sp_nK4QBEPgZVv sx_5b4a54"></i><i class="_5dbd img sp_nK4QBEPgZVv sx_50037b"></i>
<div class="_1pc_"></div>
</div>
</div>
</div>
<div class="_1pc_" id="fullname_error_msg"></div>
</div>
<div class="mbm _a4y" id="u_0_p">
<div class="_5dbb" id="u_0_q">
<div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
<div class="placeholder" aria-hidden="true">Mobile number or email</div><input type="text" class="inputtext _58mg _5dba _2ph-" data-type="text" name="reg_email__" value="" aria-required="true" placeholder="" aria-label="Mobile number or email" id="u_0_r">
</div><i class="_5dbc img sp_nK4QBEPgZVv sx_5b4a54"></i><i class="_5dbd img sp_nK4QBEPgZVv sx_50037b"></i>
<div class="_1pc_"></div>
</div>
</div>
<div class="hidden_elem" id="u_0_s" style="opacity: 0.00001;">
<div class="mbm _a4y">
<div class="_5dbb" id="u_0_t">
<div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
<div class="placeholder" aria-hidden="true">Re-enter email</div><input type="text" class="inputtext _58mg _5dba _2ph-" data-type="text" name="reg_email_confirmation__" value="" aria-required="true" placeholder="" aria-label="Re-enter email" id="u_0_u">
</div><i class="_5dbc img sp_nK4QBEPgZVv sx_5b4a54"></i><i class="_5dbd img sp_nK4QBEPgZVv sx_50037b"></i>
<div class="_1pc_"></div>
</div>
</div>
</div>
<div class="mbm _br- _a4y" id="password_field">
<div class="_5dbb" id="u_0_v">
<div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
<div class="placeholder" aria-hidden="true">New password</div><input type="password" class="inputtext _58mg _5dba _2ph-" data-type="password" autocomplete="new-password" name="reg_passwd__" aria-required="true" placeholder="" aria-label="New password" id="u_0_w">
</div><i class="_5dbc img sp_nK4QBEPgZVv sx_5b4a54"></i><i class="_5dbd img sp_nK4QBEPgZVv sx_50037b"></i>
<div class="_1pc_"></div>
</div>
</div>
<div class="_58mq _5dbb" id="birthday_wrapper">
<div class="mtm mbs _2_68">Birthday</div>
<div class="_5k_5"><span class="_5k_4" data-type="selectors" data-name="birthday_wrapper" id="u_0_x"><span><select aria-label="Month" name="birthday_month" id="month" title="Month" class="_9407 _5dba _8esg">
<option value="0">Month</option>
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
<option value="4">Apr</option>
<option value="5">May</option>
<option value="6" selected="1">Jun</option>
<option value="7">Jul</option>
<option value="8">Aug</option>
<option value="9">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select><select aria-label="Day" name="birthday_day" id="day" title="Day" class="_5dba _8esg">
<option value="0">Day</option>
<option value="1">1</option>
<option value="2" selected="1">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select><select aria-label="Year" name="birthday_year" id="year" title="Year" class="_5dba _8esg">
<option value="0">Year</option>
<option value="2020">2020</option>
<option value="2019">2019</option>
<option value="2018">2018</option>
<option value="2017">2017</option>
<option value="2016">2016</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995" selected="1">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
<option value="1949">1949</option>
<option value="1948">1948</option>
<option value="1947">1947</option>
<option value="1946">1946</option>
<option value="1945">1945</option>
<option value="1944">1944</option>
<option value="1943">1943</option>
<option value="1942">1942</option>
<option value="1941">1941</option>
<option value="1940">1940</option>
<option value="1939">1939</option>
<option value="1938">1938</option>
<option value="1937">1937</option>
<option value="1936">1936</option>
<option value="1935">1935</option>
<option value="1934">1934</option>
<option value="1933">1933</option>
<option value="1932">1932</option>
<option value="1931">1931</option>
<option value="1930">1930</option>
<option value="1929">1929</option>
<option value="1928">1928</option>
<option value="1927">1927</option>
<option value="1926">1926</option>
<option value="1925">1925</option>
<option value="1924">1924</option>
<option value="1923">1923</option>
<option value="1922">1922</option>
<option value="1921">1921</option>
<option value="1920">1920</option>
<option value="1919">1919</option>
<option value="1918">1918</option>
<option value="1917">1917</option>
<option value="1916">1916</option>
<option value="1915">1915</option>
<option value="1914">1914</option>
<option value="1913">1913</option>
<option value="1912">1912</option>
<option value="1911">1911</option>
<option value="1910">1910</option>
<option value="1909">1909</option>
<option value="1908">1908</option>
<option value="1907">1907</option>
<option value="1906">1906</option>
<option value="1905">1905</option>
</select></span></span><a class="_58ms mlm" id="birthday-help" href="#" title="Click for more information" role="button"><i class="img sp_nK4QBEPgZVv sx_032e93"></i></a><i class="_5dbc _5k_6 img sp_nK4QBEPgZVv sx_5b4a54"></i><i class="_5dbd _5k_7 img sp_nK4QBEPgZVv sx_50037b"></i>
<div class="_1pc_"></div>
</div>
</div>
<div class="mtm _5wa2 _5dbb" id="u_0_y">
<div class="mtm mbs _2_68">Gender</div><span class="_5k_3" data-type="radio" data-name="gender_wrapper" id="u_0_z"><span class="_5k_2 _5dba"><input type="radio" class="_8esa" name="sex" value="1" id="u_0_6"><label class="_58mt" for="u_0_6">Female</label></span><span class="_5k_2 _5dba"><input type="radio" class="_8esa" name="sex" value="2" id="u_0_7"><label class="_58mt" for="u_0_7">Male</label></span><span class="_5k_2 _5dba"><input type="radio" class="_8esa" name="sex" value="-1" id="u_0_8"><label class="_58mt" for="u_0_8">Custom</label></span></span><a class="_58ms mlm" aria-label="" id="gender-help" title="Click for more information" href="#" role="button"><i class="img sp_nK4QBEPgZVv sx_032e93"></i></a><i class="_5dbc _8esb img sp_nK4QBEPgZVv sx_5b4a54"></i><i class="_5dbd _8esc img sp_nK4QBEPgZVv sx_50037b"></i>
<div class="_1pc_"></div>
</div>
<div class="mtm _8ffv hidden_elem" id="custom_gender_container">
<div class="_17ie _5dbb" data-type="selectors" data-name="preferred_pronoun" id="u_0_10"><select aria-label="Select your pronoun" name="preferred_pronoun" class="_7-16 _5dba">
<option selected="1" value="" disabled="1">Select your pronoun</option>
<option value="1">She: "Wish her a happy birthday!"</option>
<option value="2">He: "Wish him a happy birthday!"</option>
<option value="6">They: "Wish them a happy birthday!"</option>
</select><i class="mrm _5dbc _8esb img sp_nK4QBEPgZVv sx_5b4a54"></i></div>
<div class="_83kf">Your pronoun is visible to everyone.</div>
<div class="_7-1q">
<div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
<div class="placeholder" aria-hidden="true">Gender (optional)</div><input type="text" class="inputtext _58mg _5dba _2ph-" data-type="text" name="custom_gender" placeholder="" aria-label="Gender (optional)" id="u_0_11">
</div>
</div>
<div class="_1pc_"></div>
</div>
<div class="_58mu" data-nocookies="1" id="u_0_12">
<p class="_58mv">By clicking Sign Up, you agree to our <a href="/legal/terms/update" id="terms-link" target="_blank" rel="nofollow">Terms</a>, <a href="/about/privacy/update" id="privacy-link" target="_blank" rel="nofollow">Data Policy</a> and <a href="/policies/cookies/" id="cookie-use-link" target="_blank" rel="nofollow">Cookies Policy</a>. You may receive SMS Notifications from us and can opt out any time.</p>
</div>
<div class="_1lch"><button type="submit" class="_6j mvm _6wk _6wl _58mi _3ma _6o _6v" name="websubmit" id="u_0_13">Sign Up</button><span class="hidden_elem _58ml" id="u_0_14"><img class="img" src="" alt="" width="16" height="11"></span></div>
</div><input type="hidden" autocomplete="off" id="referrer" name="referrer" value=""><input type="hidden" autocomplete="off" id="asked_to_login" name="asked_to_login" value="0"><input type="hidden" autocomplete="off" id="use_custom_gender" name="use_custom_gender" value=""><input type="hidden" autocomplete="off" id="terms" name="terms" value="on"><input type="hidden" autocomplete="off" id="ns" name="ns" value="0"><input type="hidden" autocomplete="off" id="ri" name="ri" value="2cead455-2930-471b-8a6e-9da474f3b553"><input type="hidden" autocomplete="off" id="action_dialog_shown" name="action_dialog_shown" value=""><input type="hidden" autocomplete="off" id="ignore" name="ignore" value="reg_email_confirmation__"><input type="hidden" autocomplete="off" id="locale" name="locale" value="en_US"><input type="hidden" autocomplete="off" id="reg_instance" name="reg_instance" value="kJrWXrvA_aak5As-eQ3dDrNy">
<div id="reg_captcha" class="_58mw hidden_elem">
<div>
<h2 id="security_check_header">Security Check</h2>
<div id="outer_captcha_box">
<div id="captcha_box">
<div class="field_error hidden_elem" id="captcha_response_error">This field is required.</div>
<div id="captcha" class="captcha" data-captcha-class="ReCaptchav2Captcha"><input type="hidden" autocomplete="off" id="captcha_persist_data" name="captcha_persist_data" value="AZlQiff9QxYZyjJP3Y4NsVbyBmdGeLBfPqEbR8c6xLY5PharOBMNhdxTF6p9HfsPtW-rlj7wdarJI5Ez3gt7HLyNdQaZtMgfpbbqfoXgnB1I-hIxZ1MviofRVV1VY3cfr_LF4dj7-2kKe8TdKEzBOznVB9sRkAzgCSoxTMdgYajAUDgHvZdlFG9nYBJZ5ceFRs73ZRnM4jl1LNfQ9GpkLKPhAHu6hFzNgVPU1cEok787KbmiUWWfbmGNeSgGmX4bjNcRdG51CLeYA_6YgrjikT9QaufbQ6SRqfMgxJlopGDjuQYXsQuP-dgf6iWLi4VC3FoV0GzFzpTRrkYhPkfAy7TMqFw8npgHXPFvCqB4HKqFCH7U0IqSLkBcWdIxudCGYcI">
<div><input name="captcha_response" id="captcha_response" type="hidden"></div>
<div class="captcha_input"><a href="#" role="button">Why am I seeing this?</a>
<div id="captcha_whats_this" class="hidden_elem">
<div class="fsl fwb">Security Check</div>This is a standard security test that we use to prevent spammers from sending automated requests.
</div>
</div>
</div>
</div>
</div>
<div id="captcha_buttons" class="_58p2 clearfix hidden_elem">
<div class="_58mx _58mm">
<div class="_58mz"> &nbsp; </div><a class="_58my" href="#" role="button" id="u_0_15">Back</a>
</div>
<div class="_58mm">
<div class="clearfix"><button type="submit" class="_6j mvm _6wk _6wl _58me _58mi _3ma _6o _6v" id="u_0_16">Sign Up</button><span class="hidden_elem _58ml" id="u_0_17"><img class="img" src="" alt="" width="16" height="11"></span></div>
</div>
</div>
</div>
</div>
</form>
</div>
<div id="reg_pages_msg" class="_58mk"><a href="/pages/create/?ref_type=registration_form" class="_8esh">Create a Page</a> for a celebrity, band or business.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="">
<div id="pageFooter" data-referrer="page_footer" data-testid="page_footer">
<ul class="uiList localeSelectorList _2pid _509- _4ki _6-h _6-j _6-i" data-nocookies="1">
<li>English (US)</li>
<li><a class="_sv4" dir="ltr" href="https://fr-ca.facebook.com/" title="French (Canada)">Français (Canada)</a></li>
<li><a class="_sv4" dir="ltr" href="https://es-la.facebook.com/" title="Spanish">Español</a></li>
<li><a class="_sv4" dir="ltr" href="https://zh-cn.facebook.com/" title="Simplified Chinese (China)">中文(简体)</a></li>
<li><a class="_sv4" dir="ltr" href="https://ko-kr.facebook.com/" title="Korean">한국어</a></li>
<li><a class="_sv4" dir="ltr" href="https://ja-jp.facebook.com/" title="Japanese">日本語</a></li>
<li><a class="_sv4" dir="ltr" href="https://pt-br.facebook.com/" title="Portuguese (Brazil)">Português (Brasil)</a></li>
<li><a class="_sv4" dir="ltr" href="https://de-de.facebook.com/" title="German">Deutsch</a></li>
<li><a class="_sv4" dir="ltr" href="https://it-it.facebook.com/" title="Italian">Italiano</a></li>
<li><a class="_sv4" dir="rtl" href="https://ar-ar.facebook.com/" title="Arabic">العربية</a></li>
<li><a class="_sv4" dir="ltr" href="https://hi-in.facebook.com/" title="Hindi">हिन्दी</a></li>
<li><a role="button" class="_42ft _4jy0 _517i _517h _51sy" rel="dialog" ajaxify="/settings/language/language/?uri=https%3A%2F%2Fhi-in.facebook.com%2F&amp;source=www_list_selector_more" href="#" title="Show more languages"><i class="img sp_Wr_aBaH8Mi3 sx_0e0187"></i></a></li>
</ul>
<div id="contentCurve"></div>
<div id="pageFooterChildren" role="contentinfo" aria-label="Facebook site links">
<ul class="uiList pageFooterLinkList _509- _4ki _703 _6-i">
<li><a href="/r.php" title="Sign Up for Facebook">Sign Up</a></li>
<li><a href="/login/" title="Log into Facebook">Log In</a></li>
<li><a href="https://messenger.com/" title="Check out Messenger.">Messenger</a></li>
<li><a href="/lite/" title="Facebook Lite for Android.">Facebook Lite</a></li>
<li><a href="https://www.facebook.com/watch/" title="Browse our Watch videos."> Watch </a></li>
<li><a href="/directory/people/" title="Browse our people directory.">People</a></li>
<li><a href="/directory/pages/" title="Browse our pages directory.">Pages</a></li>
<li><a href="/pages/category/">Page Categories</a></li>
<li><a href="/places/" title="Check out popular places on Facebook.">Places</a></li>
<li><a href="/games/" title="Check out Facebook games.">Games</a></li>
<li><a href="/directory/places/" title="Browse our places directory.">Locations</a></li>
<li><a href="/marketplace/" title="Buy and sell on Facebook Marketplace.">Marketplace</a></li>
<li><a href="/directory/groups/" title="Browse our Groups directory.">Groups</a></li>
<li><a href="https://portal.facebook.com/" target="_blank" title="Learn more about Portal from Facebook">Portal</a></li>
<li><a href="https://l.facebook.com/l.php?u=https%3A%2F%2Finstagram.com%2F&amp;h=AT1plJdduh8K-UUxi0WCQTwB6lf5IRE1QDJJDlymo8ho_BMMH8L8PQA1XqLuAaHtK4wi5BQpWHAEAsG9nVSjL-ZUUKerYas5TuzdSOpwvUkHT0o7l8lZ1K9XJBLxdrzW4L7h93LMFIgSYxBWei-Tebt1BOY" title="Check out Instagram" target="_blank" rel="noopener nofollow" data-lynx-mode="origin">Instagram</a></li>
<li><a href="/local/lists/245019872666104/" title="Browse our Local Lists directory.">Local</a></li>
<li><a href="/fundraisers/" title="Donate to worthy causes.">Fundraisers</a></li>
<li><a href="/biz/directory/" title="Browse our Facebook Services directory.">Services</a></li>
<li><a href="/facebook" accesskey="8" title="Read our blog, discover the resource center, and find job opportunities.">About</a></li>
<li><a href="/ad_campaign/landing.php?placement=pflo&amp;campaign_id=402047449186&amp;extra_1=auto" title="Advertise on Facebook.">Create Ad</a></li>
<li><a href="/pages/create/?ref_type=site_footer" title="Create a Page">Create Page</a></li>
<li><a href="https://developers.facebook.com/?ref=pf" title="Develop on our platform.">Developers</a></li>
<li><a href="/careers/?ref=pf" title="Make your next career move to our awesome company.">Careers</a></li>
<li><a data-nocookies="1" href="/privacy/explanation" title="Learn about your privacy and Facebook.">Privacy</a></li>
<li><a href="/policies/cookies/" title="Learn about cookies and Facebook." data-nocookies="1">Cookies</a></li>
<li><a class="_41ug" data-nocookies="1" href="https://www.facebook.com/help/568137493302217" title="Learn about Ad Choices.">Ad Choices<i class="img sp_-uMv5jSF4E3 sx_ce7037"></i></a></li>
<li><a data-nocookies="1" href="/policies?ref=pf" accesskey="9" title="Review our terms and policies.">Terms</a></li>
<li><a href="/help/?ref=pf" accesskey="0" title="Visit our Help Center.">Help</a></li>
<li><a accesskey="6" class="accessible_elem" href="/settings" title="View and edit your Facebook settings.">Settings</a></li>
<li><a accesskey="7" class="accessible_elem" href="/allactivity?privacy_source=activity_log_top_menu" title="View your activity log">Activity Log</a></li>
</ul>
</div>
<div class="mvl copyright">
<div><span> Facebook © 2020</span></div>
</div>
</div>
</div>
</div>
</div>
Raw
styles.css
body { background: black !important; }
body > * { background: #111 !important; }
body > * > * { background: #222 !important; }
body > * > * > * { background: #333 !important; }
body > * > * > * > * { background: #444 !important; }
body > * > * > * > * > * { background: #555 !important; }
body > * > * > * > * > * > * { background: #666 !important; }
body > * > * > * > * > * > * > * { background: #777 !important; }
body > * > * > * > * > * > * > * > * { background: #888 !important; }
body > * > * > * > * > * > * > * > * > * { background: #999 !important; }
body > * > * > * > * > * > * > * > * > * > * { background: #AAA !important; }
body > * > * > * > * > * > * > * > * > * > * > * { background: #BBB !important; }
body > * > * > * > * > * > * > * > * > * > * > * > * { background: #CCC !important; }
body > * > * > * > * > * > * > * > * > * > * > * > * > * { background: #DDD !important; }
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * { background: #EEE !important; }
body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * { background: #FFF !important; }
/* Alternate (though less predictable) approach:
* { background: rgba(0,0,0,0.1); }
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment