A Pen by Matt Gross
How do I make an a pen by matt gross?
What is a a pen by matt gross? How do you make a a pen by matt gross? This script and codes were developed by Matt Gross on 27 August 2022, Saturday.
A Pen by Matt Gross Previews
A Pen by Matt Gross - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Matt Gross</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<!-- DYNAMIC PAGE-SPECIFIC META TAGS WILL BE PLACED HERE
DO NOT ADD YOUR OWN META TAGS, ONLY PUT CSS/JAVSCRIPT INCLUDES IN YOUR HEAD TAG -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="/v/vspfiles/templates/Custom Fad/css/stylesheet.css" rel="stylesheet" type="text/css" />
<link href="/v/vspfiles/templates/Custom Fad/css/css.css" rel="stylesheet" type="text/css" />
<!--script src="1.11.0/jquery.min.js"></script-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="if_homepage">
<link href="/v/vspfiles/templates/Custom Fad/css/home.css" rel="stylesheet" type="text/css" />
<script src="/v/vspfiles/templates/Custom Fad/js/prototype.js" type="text/javascript"></script>
<script src="/v/vspfiles/templates/Custom Fad/js/scriptaculous.js" type="text/javascript"></script>
<script src="/v/vspfiles/templates/Custom Fad/js/jessicurl.js" type="text/javascript"></script>
</div>
<!--<script type="text/javascript">
var categoryRootID=Current_Category_RootID
if (categoryRootID == 1817) { document.write("<link href='/v/vspfiles/templates/Custom Fad/css/product.css' rel='stylesheet' type='text/css' />"); }
</script>-->
<!-- ################ENHANCED CHECKOUT CODE #############-->
<!-- Put It Back In Here -->
<meta id="v65-layout-mode" data-cart="storedot" data-checkout="storedot" />
<!-- #### END ENHANCED CHECKOUT CODE ################### -->
</head> <body> <header id="section-header" class="section section-header"> <div id="zone-branding-wrapper" class="zone-wrapper zone-branding-wrapper clearfix"> <div id="zone-branding" class="zone zone-branding clearfix container-12"> <div class="grid-12 region region-branding" id="region-branding"> <div class="region-inner region-branding-inner"> <div class="branding-data clearfix"> <div class="logo-img"> <a href="http://www.jessicurl.com" rel="home" title="" class="active"><img src="http://www.evenvision.com/sites/jessicurl.com/files/localhost_drupal_6_26_logo_0.png" alt="" id="logo"></a> </div> </div> <div class="block block-block contextual-links-region block-3 block-block-3 odd block-without-title" id="block-block-3"> <div class="block-inner clearfix"> <div class="content clearfix"> <p id="tagline">“I used to only feel pretty when I straightened my hair, <br> Now, I look in the mirror at my curls <br>and think ‘I’m a lucky girl!”</p> </div> </div>
</div><div class="block block-block contextual-links-region block-39 block-block-39 even block-without-title" id="block-block-39"> <div class="block-inner clearfix"> <div class="content clearfix"> <p><a href="http://store.jessicurl.com/shoppingcart.asp">Shopping Bag</a></p> </div> </div>
</div> </div>
</div> </div>
</div><div id="zone-menu-wrapper" class="zone-wrapper zone-menu-wrapper clearfix"> <div id="zone-menu" class="zone zone-menu clearfix container-12"> <div class="grid-12 region region-menu" id="region-menu"> <div class="region-inner region-menu-inner"> <div class="block block-block contextual-links-region block-38 block-block-38 odd block-without-title" id="block-block-38"> <div class="block-inner clearfix"> <div class="content clearfix"> <p><span class="ev-hamburger"></span><a href="#">Menu</a></p> </div> </div>
</div><div class="block block-superfish contextual-links-region block-1 block-superfish-1 even block-without-title" id="block-superfish-1"> <div class="block-inner clearfix"> <div class="content clearfix"> <ul id="superfish-1" class="menu sf-menu sf-main-menu sf-horizontal sf-style-none sf-total-items-5 sf-parent-items-5 sf-single-items-0"><li id="menu-243-1" class="first odd sf-item-1 sf-depth-1 sf-total-children-5 sf-parent-children-5 sf-single-children-0 menuparent"><a href="http://jessicurl.com/curly-hair-care-products" title="" class="sf-depth-1 menuparent">SHOP</a><ul><li id="menu-244-1" class="first odd sf-item-1 sf-depth-2"><a href="http://jessicurl.com/curly-hair-care-products/cleansing" title="" class="sf-depth-2">Cleansing</a></li><li id="menu-245-1" class="middle even sf-item-2 sf-depth-2"><a href="http://jessicurl.com/curly-hair-care-products/conditioning" title="" class="sf-depth-2">Conditioning</a></li><li id="menu-246-1" class="middle odd sf-item-3 sf-depth-2"><a href="http://jessicurl.com/curly-hair-care-products/styling" title="" class="sf-depth-2">Styling</a></li><li id="menu-247-1" class="middle even sf-item-4 sf-depth-2"><a href="http://jessicurl.com/curly-hair-care-products/collections" title="" class="sf-depth-2">Collections</a></li><li id="menu-248-1" class="last odd sf-item-5 sf-depth-2"><a href="http://jessicurl.com/curly-hair-care-products/essentials" title="" class="sf-depth-2">Essentials</a></li></ul></li><li id="menu-249-1" class="middle even sf-item-2 sf-depth-1 sf-total-children-6 sf-parent-children-0 sf-single-children-6 menuparent"><a href="http://jessicurl.com/meet-jessicurl" class="sf-depth-1 menuparent">Meet Jessicurl</a><ul><li id="menu-3562-1" class="first odd sf-item-1 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/meet-jessicurl/jess-story-how-jessicurl-came-be" class="sf-depth-2">Jess & the Story of How Jessicurl Came to be</a></li><li id="menu-251-1" class="middle even sf-item-2 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/blog" title="" class="sf-depth-2">My Blog</a></li><li id="menu-3561-1" class="middle odd sf-item-3 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/meet-jessicurl/meet-jess-videos" class="sf-depth-2">Meet Jess Videos</a></li><li id="menu-3560-1" class="middle even sf-item-4 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/meet-jessicurl/jess-radio" class="sf-depth-2">Jess on the Radio</a></li><li id="menu-3559-1" class="middle odd sf-item-5 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/meet-jessicurl/very-important-curly%E2%84%A2-email-sign" class="sf-depth-2">Very Important Curly™ Email Sign Up</a></li><li id="menu-3558-1" class="last even sf-item-6 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/meet-jessicurl/12232009-ec-certificate" class="sf-depth-2">1223/2009 EC Certificate</a></li></ul></li><li id="menu-256-1" class="middle odd sf-item-3 sf-depth-1 sf-total-children-8 sf-parent-children-0 sf-single-children-8 menuparent"><a href="http://jessicurl.com/curly-care-center" class="sf-depth-1 menuparent">Curly Care Center</a><ul><li id="menu-3524-1" class="first odd sf-item-1 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/curly-care-center/what-type-curls-do-i-have%3F" class="sf-depth-2">What Type of Curls Do I Have?</a></li><li id="menu-3543-1" class="middle even sf-item-2 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/curly-care-center/what-products-are-my-hair%3F" class="sf-depth-2">What Products are for My Hair?</a></li><li id="menu-3563-1" class="middle odd sf-item-3 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/curly-care-center/instructions-light-luminous-collection%E2%84%A2" class="sf-depth-2">Instructions: Light & Luminous Collection™</a></li><li id="menu-3535-1" class="middle even sf-item-4 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/curly-care-center/instructions-rich-radiant-collection%E2%84%A2" class="sf-depth-2">Instructions: Rich & Radiant Collection™</a></li><li id="menu-3534-1" class="middle odd sf-item-5 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/curly-care-center/instructions-confidence-collection%E2%84%A2" class="sf-depth-2">Instructions: Confidence Collection™</a></li><li id="menu-3544-1" class="middle even sf-item-6 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/curly-care-center/about-ingredients-we-use" class="sf-depth-2">About The Ingredients We Use</a></li><li id="menu-3564-1" class="middle odd sf-item-7 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/curly-care-center/you-asked-i-answered" class="sf-depth-2">You Asked, I Answered</a></li><li id="menu-3533-1" class="last even sf-item-8 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/curly-care-center/videos-how-use-our-products" class="sf-depth-2">Videos - How to Use Our Products</a></li></ul></li><li id="menu-267-1" class="middle even sf-item-4 sf-depth-1 sf-total-children-3 sf-parent-children-0 sf-single-children-3 menuparent"><a href="http://jessicurl.com/jessicurl-community" class="sf-depth-1 menuparent">Jessicurl Community</a><ul><li id="menu-3553-1" class="first odd sf-item-1 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/jessicurl-community/my-story-your-story" class="sf-depth-2">My Story Your Story</a></li><li id="menu-3526-1" class="middle even sf-item-2 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/jessicurl-community/customer-testimonials" class="sf-depth-2">Customer Testimonials</a></li><li id="menu-3547-1" class="last odd sf-item-3 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/jessicurl-community/customer-videos" class="sf-depth-2">Customer Videos</a></li></ul></li><li id="menu-274-1" class="last odd sf-item-5 sf-depth-1 sf-total-children-26 sf-parent-children-0 sf-single-children-26 menuparent"><a href="http://jessicurl.com/locations/california" class="sf-depth-1 menuparent">Store Locator</a><ul><li id="menu-3530-1" class="first odd sf-item-1 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/colorado" class="sf-depth-2">Colorado</a></li><li id="menu-3523-1" class="middle even sf-item-2 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/florida" class="sf-depth-2">Florida</a></li><li id="menu-3529-1" class="middle odd sf-item-3 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/georgia" class="sf-depth-2">Georgia</a></li><li id="menu-3527-1" class="middle even sf-item-4 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/illinois" class="sf-depth-2">Illinois</a></li><li id="menu-3557-1" class="middle odd sf-item-5 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/indiana" class="sf-depth-2">Indiana</a></li><li id="menu-3525-1" class="middle even sf-item-6 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/iowa" class="sf-depth-2">Iowa</a></li><li id="menu-3537-1" class="middle odd sf-item-7 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/kentucky" class="sf-depth-2">Kentucky</a></li><li id="menu-3531-1" class="middle even sf-item-8 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/lousiana" class="sf-depth-2">Lousiana</a></li><li id="menu-3542-1" class="middle odd sf-item-9 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/maryland" class="sf-depth-2">Maryland</a></li><li id="menu-1794-1" class="middle even sf-item-10 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/michigan" title="Michigan" class="sf-depth-2">Michigan</a></li><li id="menu-3541-1" class="middle odd sf-item-11 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/missouri" class="sf-depth-2">Missouri</a></li><li id="menu-3539-1" class="middle even sf-item-12 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/new-jersey" class="sf-depth-2">New Jersey</a></li><li id="menu-3556-1" class="middle odd sf-item-13 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/new-york" class="sf-depth-2">New York</a></li><li id="menu-3528-1" class="middle even sf-item-14 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/north-carolina" class="sf-depth-2">North Carolina</a></li><li id="menu-3532-1" class="middle odd sf-item-15 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/ohio" class="sf-depth-2">Ohio</a></li><li id="menu-3555-1" class="middle even sf-item-16 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/oregon" class="sf-depth-2">Oregon</a></li><li id="menu-3549-1" class="middle odd sf-item-17 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/pennsylvania" class="sf-depth-2">Pennsylvania</a></li><li id="menu-3545-1" class="middle even sf-item-18 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/south-carolina" class="sf-depth-2">South Carolina</a></li><li id="menu-3552-1" class="middle odd sf-item-19 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/tennessee" class="sf-depth-2">Tennessee</a></li><li id="menu-3538-1" class="middle even sf-item-20 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/texas" class="sf-depth-2">Texas</a></li><li id="menu-3540-1" class="middle odd sf-item-21 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/utah" class="sf-depth-2">Utah</a></li><li id="menu-3550-1" class="middle even sf-item-22 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/vermont" class="sf-depth-2">Vermont</a></li><li id="menu-3546-1" class="middle odd sf-item-23 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/virginia" class="sf-depth-2">Virginia</a></li><li id="menu-3554-1" class="middle even sf-item-24 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/washington" class="sf-depth-2">Washington</a></li><li id="menu-3551-1" class="middle odd sf-item-25 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/wisconsin" class="sf-depth-2">Wisconsin</a></li><li id="menu-3536-1" class="last even sf-item-26 sf-depth-2 sf-no-children"><a href="http://jessicurl.com/locations/international" class="sf-depth-2">International</a></li></ul></li></ul> </div> </div>
</div> </div>
</div> </div>
</div></header> <div id="contentLeft"> <div id="content_area"></div> </div> <div id="contentRight">
<!-- #################### CHOOSE LIST ITEM OR TREE EXPAND OR ROLLOVER COLORS POPOUT #################### -->
<!-- <h3 style="color:Menu2_Title_TextColor; background-color:Menu2_Title_BgColor;">Menu2_Title</h3> <div id="display_menu_2" class="menu"> </div> -->
<!-- #################### CHOOSE LIST ITEM OR TREE EXPAND OR ROLLOVER COLORS POPOUT #################### --> <!-- <h3 style="color:Menu3_Title_TextColor; background-color:Menu3_Title_BgColor;">Menu3_Title</h3> <div id="display_menu_3" class="menu"> </div> -->
<!-- #################### NAV MENU PROMOTIONS -->
<div id="if_homepage"> <div id="display_promotions_999"></div> </div> </div> </div> </div> <footer id="section-footer" class="section section-footer"> <div id="zone-footer-wrapper" class="zone-wrapper zone-footer-wrapper clearfix"> <div id="zone-footer" class="zone zone-footer clearfix container-12"> <div class="grid-12 region region-footer-first" id="region-footer-first"> <div class="region-inner region-footer-first-inner"> <section class="block block-block contextual-links-region block-11 block-block-11 odd" id="block-block-11"> <div class="block-inner clearfix"> <h2 class="block-title">Stay Connected</h2> <div class="content clearfix"> <div class="homeLeft last">
<p>Join us and Follow us!</p>
<p><a href="http://www.facebook.com/pages/Jessicurl/45994673092" target="_blank"><img src="http://www.evenvision.com/sites/jessicurl.com/files/jc-facebook-icon.png" width="33" height="33" style="margin: 0 8px;"></a><a href="http://twitter.com/Jessicurl" target="_blank"><img src="http://jessicurl.com/sites/jessicurl.com/files/jc-twitter-icon.png" width="33" height="33" style="margin: 0 8px;"></a><a href="http://jessicurl.com/jessicurl-blog"><img src="http://jessicurl.com/sites/jessicurl.com/files/jc-blog-icon.png" width="33" height="33" style="margin: 0 8px;"></a><a href="http://instagram.com/jessicurl?ref=badge" target="_blank" class="ig-b- ig-b-32"><img src="http://jessicurl.com/sites/jessicurl.com/files/jc-instagram-icon.png" alt="Instagram" width="33" height="33" style="margin: 0 8px;"></a></p>
</div> </div> </div>
</section><div class="block block-block contextual-links-region block-36 block-block-36 even block-without-title" id="block-block-36"> <div class="block-inner clearfix"> <div class="content clearfix"> <h5><a href="http://jessicurl.com/contact">Contact Us</a></h5>
<p>We love your feedback!</p> </div> </div>
</div><section class="block block-block contextual-links-region block-33 block-block-33 odd" id="block-block-33"> <div class="block-inner clearfix"> <h2 class="block-title">Email Signup</h2> <div class="content clearfix"> <!--
Do not modify the NAME value of any of the INPUT fields
the FORM action, or any of the hidden fields (eg. input type=hidden).
These are all required for this form to function correctly.
--><form method="post" action="http://iem.jessicurl.com/form.php?form=3" id="frmSS3" onsubmit="return CheckForm3(this);" style="padding: 10px;">
<div style="color: #333; font-size: 9px;"><span class="required">*</span>Special Deals - Tips - Techniques</div>
<div><input type="text" name="email" value="" placeholder="sign up for emails" style="width: 100%; margin-bottom: 10px;"></div>
<div><input type="submit" value="Subscribe"><br><span style="display: block; font-size: 10px; color: transparent; padding-top: 5px;"><a href="http://www.interspire.com/emailmarketer" target="__blank" style="font-size: 10px; color: transparent;">Email marketing</a> by Interspire</span></div>
</form> </div> </div>
</section> </div>
</div><div class="grid-12 region region-footer-second" id="region-footer-second"> <div class="region-inner region-footer-second-inner"> <div class="block block-superfish contextual-links-region block-7 block-superfish-7 odd block-without-title" id="block-superfish-7"> <div class="block-inner clearfix"> <div class="content clearfix"> <ul id="superfish-7" class="menu sf-menu sf-menu-footer-menu sf-horizontal sf-style-none sf-total-items-4 sf-parent-items-0 sf-single-items-4"><li id="menu-3519-7" class="first odd sf-item-1 sf-depth-1 sf-no-children"><a href="http://jessicurl.com/privacy-policy" title="" class="sf-depth-1">Privacy Policy</a></li><li id="menu-3520-7" class="middle even sf-item-2 sf-depth-1 sf-no-children"><a href="http://jessicurl.com/terms-and-conditions" title="" class="sf-depth-1">Terms & Conditions</a></li><li id="menu-3521-7" class="middle odd sf-item-3 sf-depth-1 sf-no-children"><a href="http://jessicurl.com/help" title="" class="sf-depth-1">Site Help</a></li><li id="menu-3522-7" class="last even sf-item-4 sf-depth-1 sf-no-children"><a href="http://store.jessicurl.com/login.asp" title="" class="sf-depth-1">My Account</a></li></ul> </div> </div>
</div><div class="block block-block contextual-links-region block-40 block-block-40 even block-without-title" id="block-block-40"> <div class="block-inner clearfix"> <div class="content clearfix"> <p>© 2014 Jessicurl</p> </div> </div>
</div> </div>
</div> </div>
</div></footer>
<script type="text/javascript" language="Javascript1.2">
var gaJsHost = (("https:" == document.location.protocol) ? " https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript" language="Javascript" name="Google Analytics">
function v_ga_track(ga_account, trackDomainName, theDomainName) { var domainNameTracking = trackDomainName ? true : false; var gapageTracker = _gat._createTracker(ga_account); gapageTracker._setDomainName('jessicurl.com'); gapageTracker._setAllowLinker(true); gapageTracker._trackPageview(); try { if( typeof Order != 'undefined' ) { gapageTracker._addTrans(Order[0], "", Order[2], Order[4], Order[5], Order[6], Order[7], Order[8]); for (var i=0; i < OrderDetails.length; i++) gapageTracker._addItem(OrderDetails[i][0], OrderDetails[i][2], OrderDetails[i][3], OrderDetails[i][4], OrderDetails[i][5], OrderDetails[i][6]); gapageTracker._trackTrans(); } } catch(e) {} }
v_ga_track("UA-26001071-1");
</script>
<!--<script type="text/javascript">
adroll_adv_id = "OUBTAYJZ5JFVNB2U3NT2SC";
adroll_pix_id = "XKHO3GBVC5ES3B6ZBHQM3O";
(function () {
var oldonload = window.onload;
window.onload = function(){ __adroll_loaded=true; var scr = document.createElement("script"); var host = (("https:" == document.location.protocol) ? "https://s.adroll.com" : "http://a.adroll.com"); scr.setAttribute('async', 'true'); scr.type = "text/javascript"; scr.src = host + "/j/roundtrip.js"; ((document.getElementsByTagName('head') || [null])[0] || document.getElementsByTagName('script')[0].parentNode).appendChild(scr); if(oldonload){oldonload()}};
}());
</script>-->
<script>
(function($) {
//alert('I am loading');
// ok, now put the javascript you want to write here...
var $trigger = $('#block-block-38');
var $menu = $('#block-superfish-1');
var $body = $(document.body);
// this $( document ).ready is probably unnecessary now because I am using addClass/removeClass instead of toggleclass
// although both would work, I prefer addClass/removeClass in this particular instance
$( document ).ready(function() {
$menu.addClass('menu-inactive');
$trigger.addClass('menu-inactive');
$body.addClass('menu-inactive');
});
$menu.data('menu-active',false); // initiallly set some 'data'
// in this case, I will call this data property 'active', and initially set it to false
$trigger.click(function(e) {
// e is the jquery 'event' thingy. The thing is, when trigger is clicked, menu is also clicked
// this can be stopped by calling e.stopPropagation()
e.stopPropagation();
if ($menu.data('menu-active') == false) { // menu is closed, open it
openMenu(); // opens the menu, sets $menu.data('active') to 'true'
} else { // menu is open, close it
closeMenu(); // this function closes the menu, sets $menu.data('active') to 'false'
}
});
// opens the menu, sets data('active') to 'true'
function openMenu() {
$menu.data('menu-active',true); // set 'active' data to true
$menu.addClass('menu-active').removeClass('menu-inactive');
$trigger.addClass('menu-active').removeClass('menu-inactive');
$body.addClass('menu-active').removeClass('menu-inactive');
}
// this function closes the menu
function closeMenu() {
$menu.data('menu-active',false); // set 'active' data to false
$menu.removeClass('menu-active').addClass('menu-inactive');
$trigger.removeClass('menu-active').addClass('menu-inactive');
$body.removeClass('menu-active').addClass('menu-inactive');
}
})(jQuery);
</script>
</body>
</html>
</body>
</html>
A Pen by Matt Gross - Script Codes CSS Codes
/** * Table of Contents: * * 1 - Resets & Overrides * 2 - Global Styles * 2.1 Text & Forms Rules * 2.2 Header * 2.3 Navigation * 2.4 Content Area * 2.5 Sidebars * 3 - Specific Content Type Styles * 3.1 Product Grids * 3.2 Front Page * 3.3 Product Details Pages * 4 - Media Queries * 4.1 Normal Layout 1220px > 980px * 4.2 Start of Liquid Layout 980px > * 4.3 Smaller liquid, portrait tablets, some landscape phones 760px > * 4.4 Phone Sizes liquid 600px > * 4.5 Portrait Phone Sizes liquid 430px >Notes - Brand Colors
Purple: #a8005f
Backrgound Yellow: #ffe993
Orange: #f8941d * ---------------------------------------------------------------------------- */
/** * 1 - Resets & Overrides * ---------------------------------------------------------------------------- */
/* basics */
*, *:before, *:after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
/* obnoxious bits of the admin menu */
#admin-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #222;
}
.alpha-resize-indicator,
.feed-icon,
.grippie,
#store-footer,
.node .submitted { display: none;
}
/* layout */
.region { min-height: 0px;
}
.page { overflow: hidden;
}
html { height: 100%;
}
/* Editor Tabs */
div.tabs { position: absolute; right: 0; top: 0; width: 100%; z-index: 90; height: 3px; margin-right: 0; background: #333; -webkit-transition: .2s ease; transition: .2s ease;
}
div.tabs:before { content: 'Page Options'; display: block; position: absolute; top: 2px; right: 0; height: 22px; line-height: 22px; padding: 0 6px; background: #333; overflow: hidden; color: #fff; border-right: 6px solid #a24d41; border-left: 6px solid #7a8166; -webkit-transition: .2s ease .1s; transition: .2s ease .1s;
}
div.tabs:hover { height: 50px; background: none;
}
div.tabs:hover:before { height: 0; overflow: hidden;
}
.tabs.primary { height: 100%; overflow: hidden; border-bottom: none; margin: 0; text-align: right;
}
.tabs.primary li { display: inline-block;
}
.tabs.primary li a { display: inline-block; line-height: 22px; margin-top: 5px; border: none; border-bottom: none; background-color: #333; color: #fff; box-shadow: 0 0 0px 3px rgba(51, 51, 51, 0.4); -webkit-transition: .2s ease; transition: .2s ease;
}
.tabs.primary li.active a { border: none; border-bottom: none; background-color: #7a8166;
}
.tabs.primary li a:hover { background-color: #222; box-shadow: 0 0 0px 6px rgba(51, 51, 51, 0.4);
}
/* Contextual Links */
.contextual-links-region { box-shadow: 0 0 0 3px rgba(51, 51, 51, 0); -webkit-transition: .2s ease; transition: .2s ease;
}
.contextual-links-region-active { outline: none; box-shadow: 0 0 0px 3px rgba(51, 51, 51, 0.4);
}
/* Messages */
#messages { margin: 0; width: 100%;
}
div.messages { color: #fff; margin: 0; border: none; min-height: 50px; padding: 15px 10px 10px 55px; background-size: 50px 50px !important;
}
div.messages em { font-weight: bold;
}
div.messages a { color: #eee; -webkit-transition: .2s ease; transition: .2s ease;
}
div.messages a:hover { color: #fff;
}
div.status { background: url(../img/status-background.svg) no-repeat #6bc661; background: url(../img/status-background.png) no-repeat #6bc661 \0/;
}
div.warning { background: url(../img/warning-background.svg) no-repeat #ffe255; background: url(../img/warning-background.png) no-repeat #ffe255 \0/; color: #333;
}
div.warning a { color: #555; -webkit-transition: .2s ease; transition: .2s ease;
}
div.warning a:hover { color: #333;
}
div.error { background: url(../img/error-background.svg) no-repeat #fc3e35; background: url(../img/error-background.png) no-repeat #fc3e35 \0/;
} /** * 2 - Global Styles * ---------------------------------------------------------------------------- */
body { background: #ffe993; font-family: Verdana,Tahoma,"DejaVu Sans",sans-serif;
}
ul.inline li,
ul.inline li a,
.logo-img a,
ul.menu li { display: inline-block; margin: 0;
}
.content img { max-width: 100%; height: auto;
}
.content iframe { max-width: 100%;
}
.horizontal-list { display: inline-block;
}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { margin-left: 9px; margin-right: 9px;
}
/** * 2.1 Text & Forms Rules * ---------------------------------------------------------------------------- */
/* Font Declarations */
@font-face { font-family: 'AVB'; src: url('../fonts/agb-webfont.eot'); src: url('../fonts/agb-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/agb-webfont.woff') format('woff'), url('../fonts/agb-webfont.ttf') format('truetype'), url('../fonts/agb-webfont.svg#ITCAvantGardeGothicBook') format('svg'); font-weight: normal; font-style: normal;
}
@font-face { font-family: 'AGD'; src: url('../fonts/agd-webfont.eot'); src: url('../fonts/agd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/agd-webfont.woff') format('woff'), url('../fonts/agd-webfont.ttf') format('truetype'), url('../fonts/agd-webfont.svg#ITCAvantGardeGothicDemi') format('svg'); font-weight: normal; font-style: normal;
}
@font-face { font-family: 'CI'; src: url('../fonts/ci-webfont.eot'); src: url('../fonts/ci-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ci-webfont.woff') format('woff'), url('../fonts/ci-webfont.ttf') format('truetype'), url('../fonts/ci-webfont.svg#WXNHDACenturySchoolbookItalic') format('svg'); font-weight: normal; font-style: normal;
}
h1, h2, h3, h4, h5, h6 { font-family: 'AVB', sans-serif; font-weight: normal; margin-bottom: 5px; letter-spacing: .2px; color: #a8005f;
}
h1,
h2.node-title { font-size: 26px; font-weight: lighter; color: #a8005f;
}
h2.block-title { color: #a8005f; text-transform: uppercase;
}
h3 { text-transform: uppercase;
}
.block h3 a { text-decoration: none;
}
h5 { color: #777; font-weight: bold; text-transform: uppercase;
}
strong { font-weight: bold;
}
.content a { color: #a8005f;
}
.content p { margin: 0 auto 20px;
}
.content p:last-of-type { margin-bottom: 0;
}
h2.node-title a { color: #a8005f; text-decoration: none;
}
.clearfix .node-links li a { background: #a8005f; color: #fff; text-shadow: none; border-radius: 0; border: none; font: normal 12px/18px Verdana, sans-serif;
}
hr { margin: 20px auto; height: 2px; background: #ffe993;
}
blockquote { font-family: 'CI', serif; color: #a8005f; font-size: 26px; line-height: 30px; position: relative; text-align: center; padding: 10px 75px; margin: 10px auto;
}
blockquote:before,
blockquote:after { color: rgba(250, 179, 79, 1); font-size: 125px; position: absolute;
}
blockquote:before { content: '“'; top: 57px; left: 4px;
}
blockquote:after { content: '”'; bottom: -30px; right: 25px;
}
input[type="submit"] { background: url(../img/header-gradient.png) bottom repeat-x #f8941d; background: -webkit-linear-gradient(top, rgba(246,186,72,1) 11%,rgba(249,161,37,1) 66%); background: linear-gradient(to bottom, rgba(246,186,72,1) 11%,rgba(249,161,37,1) 66%); text-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #fff; font-family: 'AVB', sans-serif; font-weight: normal; padding: 3px 20px 0; line-height: 1.5; font-size: 16px;
}
.form-type-select select.form-select,
.form-item .form-text { border: 1px solid #f8941d; color: #555;
}
.form-type-select select.form-select:focus,
.form-item .form-text:focus { box-shadow: 0 0 0 0 #111; -moz-box-shadow: 0 0 0 0 #111; -webkit-box-shadow: 0 0 0 0 #111;
}
.node-links ul li a:hover,
.comment-links ul li a:hover { background: #a8005f;
}
/** * 2.2 Header * ---------------------------------------------------------------------------- */
.section-header { height: 226px; border-top: 10px solid #a8005f; position: relative; background: url(../img/header-gradient.png) bottom repeat-x #f8941d; background: -webkit-linear-gradient(top, rgba(246,186,72,1) 11%,rgba(249,161,37,1) 66%); background: linear-gradient(to bottom, rgba(246,186,72,1) 11%,rgba(249,161,37,1) 66%);
}
.region-branding { margin-left: 0; margin-right: 0;
}
.branding-data { height: 181px; display: inline-block; position: relative; z-index: 10;
}
.logo-img { margin-top: 6px;
}
/* svg logo, opacity rule is for ie8 support */
.logo-img a { background: url(http://jessicurl.d7.evenvision.com/sites/jessicurl.com/themes/responsivejessicurl/img/jessicurl-logo.svg);
}
.logo-img a img { opacity: 0;
}
.block-block-3 { font-family: 'CI',serif; position: absolute; top: 0; padding-left: 161px; width: 100%; text-align: center;
}
#tagline { padding: 42px 0; color: #fff; font-size: 24px; line-height: 1.3;
}
.block-block-39 { position: absolute; top: 0; right: 0; background: #a8005f; font-family: 'AVB', sans-serif;
}
.block-block-39 .content a { display: inline-block; padding: 0 10px 4px; color: #fff; text-decoration: none; text-transform: uppercase;
}
/** * 2.3 Navigation * ---------------------------------------------------------------------------- */
.zone-menu-wrapper { width: 100%;
}
.zone-menu { background: #a8005f; height: 35px;
}
.block-superfish-1 { padding-left: 160px;
}
.block-superfish-1 ul.sf-menu li a,
#block-block-38 .content a { line-height: 35px; color: #fff; text-decoration: none; padding-right: 26px; padding-left: 9px; -webkit-transition: .2s ease; transition: .2s ease;
}
.block-superfish-1 ul.sf-menu li a:hover,
#block-block-38 .content a:hover { color: #ffe993;
}
.block-superfish-1 li.menuparent ul { background: rgba(168, 0, 95, 0.95);
}
.block-superfish-1 li.menuparent ul li:first-of-type a { padding-top: 10px;
}
#block-block-38 { display: none;
}
/** * 2.4 Content Area * ---------------------------------------------------------------------------- */
/*.section-content .container-12 .grid-6 { width: 768px;
}*/
#page-title { display: none;
}
.context-product #page-title,
.context-post #page-title { display: block;
}
.not-front .grid-9.region-content { width: 768px;
}
.zone-content { background: #fff; position: relative;
}
/* Jessicurl Background Logogirl */
.zone-content:before { content: ''; display: block; position: absolute; z-index: -1; left: -250px; top: 50px; background: url(../img/logogirl.png) top left no-repeat; width: 500px; height: 800px;
}
.region-content { padding: 23px 0 35px;
}
.front .region-content { padding-top: 0;
}
#block-views-slideshow-block-1 { margin: 0 -10px 15px;
}
#views_slideshow_cycle_teaser_section_Slideshow-block_1,
.views-slideshow-cycle-main-frame-row,
.views-slideshow-cycle-main-frame-row-item,
.views-field-field-slideshow-image,
.views-field-field-slideshow-image img { width: 100% !important;
}
.views-field-field-slideshow-image img { height: auto !important;
}
/** * 2.5 Sidebars * ---------------------------------------------------------------------------- */
.section-content .container-12 .grid-3 { width: 152px;
}
/* Left Sidebar */
.region-sidebar-first { margin-right: 5px; padding-top: 40px;
}
.region-sidebar-first h2.block-title { font-size: 16px; padding-bottom: 23px; font-family: 'AGD', sans-serif;
}
.region-sidebar-first .sf-menu li.menuparent>a { text-transform: uppercase; font-family: 'AGD', sans-serif; margin-bottom: 5px;
}
.region-sidebar-first .sf-menu li.menuparent ul.sf-hidden,
.region-sidebar-first .sf-menu li.menuparent ul { top: 0 !important; position: relative; opacity: 1 !important; max-width: 100%;
}
.sf-vertical li:hover > ul, .sf-vertical li.sfHover > ul { left: 0;
}
.region-sidebar-first ul.sf-menu li a { text-decoration: none;
}
.region-sidebar-first .sf-menu li { margin-bottom: 10px;
}
.region-sidebar-first ul.sf-menu>li.menuparent { border-top: 1px solid #999; margin-bottom: 5px;
}
.region-sidebar-first ul.sf-menu>li a { padding-top: 5px; color: #555; font-size: 14px;
}
.region-sidebar-first ul.sf-menu>li.sf-no-children:first-child { border-top: 1px solid #999;
}
/* Right Sidebar */
#region-sidebar-second { background: #fff3d0; width: 300px; margin-right: 0; margin-left: 8px; color: #555; padding-bottom: 20px;
}
#region-sidebar-second:before { content: ''; background: #fff3d0; position: absolute; height: 99999px; width: 300px; left: 0; z-index: 0;
}
#region-sidebar-second .region-inner { position: relative; z-index: 10;
}
#region-sidebar-second .block-block { margin: 20px 15px 0;
}
#region-sidebar-second .block-title { background: #ffe6a3; color: #f77529; text-transform: none; line-height: 1.3; padding-top: .3em;
}
/** * 2.6 Footer * ---------------------------------------------------------------------------- */
.section-footer { background: #fff6d8; position: relative;
}
.section-footer h5 a,
.section-footer .block-title { font-family: 'AGD', sans-serif; color: #555; font-size: 14px; text-decoration: none;
}
.section-footer h5 a:hover { text-decoration: underline;
}
#region-footer-first { border-top: 2px solid #ffe993;
}
.block-block-11 .content a { display: inline-block; margin: 0 8px;
}
.block-block-11 .content a img { opacity: 0;
}
.block-block-11 .content a.ev-facebook-icon { background: url(http://jessicurl.d7.evenvision.com/sites/jessicurl.com/themes/responsivejessicurl/img/facebook-icon.svg) center no-repeat;
}
.block-block-11 .content a.ev-twitter-icon { background: url(http://jessicurl.d7.evenvision.com/sites/jessicurl.com/themes/responsivejessicurl/img/twitter-icon.svg) center no-repeat;
}
.block-block-11 .content a.ev-blog-icon { background: url(http://jessicurl.d7.evenvision.com/sites/jessicurl.com/themes/responsivejessicurl/img/blog-icon.svg) center no-repeat;
}
.block-block-11 .content a.ev-instagram-icon { background: url(http://jessicurl.d7.evenvision.com/sites/jessicurl.com/themes/responsivejessicurl/img/instagram-icon.svg) center no-repeat;
}
.block-block-33 form>div:first-of-type { width: 100%;
}
.block-block-33 form>div { display: inline-block; vertical-align: top;
}
.block-block-33 form>div:last-of-type span { display: none !important;
}
.block-block-33 input[type="text"] { max-width: 200px; margin: 0 auto; border: 1px solid #f8941d;
}
.block-block-33 input[type="submit"] { background: #f8941d; text-shadow: none; color: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 1px solid #f8941d; padding: 0 10px; font: normal 12px/1.8 Verdana, sans-serif; text-transform: uppercase;
}
.region-footer-first .block-block { width: 33%; text-align: center; display: inline-block; vertical-align: top; padding: 35px 0;
}
.section-footer:before { content: ''; background: #f8941d; position: absolute; bottom: 0; width: 100%; height: 24px;
}
#region-footer-second { text-align: center;
}
.block-superfish-7,
.block-block-40 { display: inline-block; vertical-align: top;
}
#region-footer-second .sf-menu li { float: none;
}
#region-footer-second .sf-menu li a { font-family: 'CI',serif; color: #fff; line-height: 12px; padding: 0 10px; margin: 5px 0; text-decoration: none; border-right: 1px solid #fff;
}
#region-footer-second .sf-menu li:last-of-type a { border-right: none;
}
.block-block-40 p { font-family: 'CI',serif; color: #fff; line-height: 12px; padding: 0 0 0 80px; margin: 5px 0;
}
/* EvenVision Credits Link */
#block-block-41 { position: absolute; top: -30px; right: 0; padding: 0; width: auto; color: #999;
}
.block-block-41 a { color: #999;
}
/** * 3 - Specific Content Types & Page Styles * ---------------------------------------------------------------------------- */
/** * 3.1 Product Grids * ---------------------------------------------------------------------------- */
.block-block-37,
.block-block-48,
.block-block-49,
.block-block-50,
.block-block-51,
.block-block-52 { text-align: center; padding: 35px 0;
}
.view-uc-products .item-list>ul { text-align: left; margin: 0 auto;
}
.view-uc-products li.views-row { width: 188px; padding-bottom: 20px; display: inline-block; vertical-align: top; margin: 0; text-align: center;
}
/* Name refers to taxonomy term */
.view-uc-products .views-field-name { font-family: 'AVB', sans-serif; text-transform: uppercase; background: #ff9933; color: #fff;
}
.view-uc-products .views-field-name span { display: block; line-height: 1.3em; padding-top: .2em;
}
.view-uc-products .views-field-name span.term-1 { background: #ee1c24;
}
.view-uc-products .views-field-name span.term-3 { background: #a8005f;
}
.view-uc-products .views-field-title { font-family: 'AVB', sans-serif; margin: 10px 0 2px; font-size: 18px; line-height: 16px; letter-spacing: -.3px;
}
.view-uc-products .views-field-title a { text-decoration: none;
}
.view-uc-products .views-field-field-tagline { line-height: 1.1; font-style: italic;
}
/** * 3.2 Front Page * ---------------------------------------------------------------------------- */
/* Three primary link blocks */
.block-block-42,
.block-block-43,
.block-block-44 { width: 32%; display: inline-block; vertical-align: top; margin: 25px 0.65% 0;
}
/* Featured Quote Block */
.block-block-45 { color: #a8005f; text-align: center; font-family: 'AVB', sans-serif; padding: 26px 0;
}
.block-block-45 .attribution { margin: 0;
}
.block-block-45 .reviews-link { font-size: 18px;
}
.block-block-45 .content a { color: #a8005f; text-decoration: none;
}
.block-block-45 .content a:after { content: ''; display: inline-block; height: 0; margin-left: 7px; border: 7px solid; border-right: 0; border-color: transparent transparent transparent #a8005f;
}
/** * 3.3 Product Details Pages * ---------------------------------------------------------------------------- */
/* Fixing wacky line-heights that carried over inline with EVERY span and p from D6 */
p[style*="1.1500000000000001"],
span[style*="1.1500000000000001"] { line-height: 1.4 !important;
}
.context-product h1.title,
.node-product>.content { padding-left: 260px; position: relative; margin-bottom: 0;
}
.node-product>.content { min-height: 530px;
}
.node-product .field-name-field-tagline { font-size: 16px; font-style: italic; margin-bottom: 15px;
}
.node-product .field-name-body { color: #555;
}
.node-product .form-type-uc-quantity,
.node-product .form-actions { display: inline-block; vertical-align: bottom; margin-right: 10px;
}
/* Product Gallery */
.galleryformatter { position: absolute; left: 0; top: -2.9em;
}
.galleryformatter .slide-button { top: 200px; background: #a8005f; color: #fff; padding: 20px 5px;
}
.gallery-slides { min-height: 500px;
}
/* Unused bits of the slideshow */
.panel-overlay,
.gallery-thumbs .cloned,
.gallery-thumbs .arrow { display: none;
}
/* Product Tabs */
.product-tabs-tabs li { padding: 0 24px; line-height: 32px; margin-top: 35px; border-top: 1px solid #888; border-left: 1px solid #888;
}
.product-tabs-tabs li:last-of-type { border-right: 1px solid #888;
}
.product-tabs-content { border: 1px solid #888; padding: 24px 15px;
}
/** * 3.4 Blog Page * ---------------------------------------------------------------------------- */
.page-blog .node-teaser { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #ffe993;
}
.page-blog .node-title { line-height: 1.1;
}
.blog_usernames_blog { display: none;
}
/** * 4- Media Queries * ---------------------------------------------------------------------------- */
/* Large-screen specific Styles */
/*@media screen and (min-width: 1220px) { .section-header { height: 240px; } .branding-data { height: 195px; } .logo-img { margin-top: 13px; } #tagline { padding: 55px 0; }
}*/ /** * 4.1 Normal Layout 1220px > 980px * ---------------------------------------------------------------------------- */
@media screen and (max-width: 1220px) {
} /** * 4.2 Start of Liquid Layout 980px > * ---------------------------------------------------------------------------- */
@media screen and (max-width: 980px) { .section-header, .section-content, .section-footer { padding: 0 20px; } .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { margin-left: 1%; margin-right: 1%; } #region-sidebar-first, .block-fieldblock { display: none; } .zone-content .container-12 .grid-12 { width: 100%; margin: 0; padding-left: 15px; padding-right: 15px; } #region-sidebar-second { width: 100%; margin: 0; padding: 10px; } #region-content { width: 98% } #tagline { padding: 56px 0; font-size: 16px; } #block-block-39 { top: auto; bottom: -35px; } #block-block-39 .content a { padding: 0 28px; line-height: 30px; font-size: 18px; text-transform: capitalize; } #block-views-slideshow-block-1 { margin: 0 -1% 15px; } #block-block-38 { display: block; width: 50%; position: relative; height: 0; z-index: 99; background: transparent; padding-left: 56px; font-family: 'AVB', sans-serif; font-size: 18px; line-height: 40px; cursor: pointer; -webkit-transition: background .2s ease; transition: background .2s ease; } #block-block-38.menu-active { width: 100%; } span.ev-hamburger, span.ev-hamburger:before, span.ev-hamburger:after { content: ''; background: #fff; width: 18px; height: 2px; position: absolute; } span.ev-hamburger { top: 17px; left: 40px;} span.ev-hamburger:before { top: -5px; } span.ev-hamburger:after { top: 5px; } .view-uc-products li.views-row { width: 24%; margin: 0 .125%; } #block-superfish-1 { position: fixed; top: 0; left: 0; z-index: 100; } .admin-menu #block-superfish-1 { top: 29px; height: calc(100% - 29px); } #block-superfish-1 { background: #a8005f; padding: 20px 10px; height: 100%; overflow-y: auto; width: 312px; left: -312px; box-shadow: none; -webkit-transition: left .2s ease; transition: left .2s ease; } #superfish-1 li { display: block; float: none !important; } #superfish-1 li.menuparent ul.sf-hidden, #superfish-1 li.menuparent ul { display: block !important; top: 0 !important; position: relative; opacity: 1 !important; max-width: 100%; } .block-superfish-1 li.menuparent li a { line-height: 18px; padding-bottom: 15px; } #superfish-1 li.menuparent>a { text-transform: uppercase; font-family: 'AGD', sans-serif; border-bottom: 1px solid; font-size: 16px; } #block-superfish-1.menu-active { left: 0; box-shadow: 0 0 150px 0px #fff; } #block-block-38.menu-active { background: rgba(255, 255, 255, 0.5); position: fixed; right: 0; left: 0; top: 0; height: 100%; } #block-block-38.menu-active .content { color: transparent; font-size: 0px; display: block; width: 0; height: 0; } .view-uc-products .views-field-field-image-cache img { width: 100%; }
} /** * 4.3 Smaller liquid, portrait tablets, some landscape phones 760px > * ---------------------------------------------------------------------------- */
@media screen and (max-width: 760px) { .section-header, .section-content, .section-footer { padding: 0; } #block-views-slideshow-block-1 { margin: 0 -1% 15px; } .view-uc-products li.views-row { width: 49%; }
} /** * 4.4 Phone Sizes liquid 600px > * ---------------------------------------------------------------------------- */
@media screen and (max-width: 600px) { .section-header { height: auto; } .block h3 { font-size: 18px; text-align: center; } .branding-data { display: block; } .logo-img { float: none; text-align: center; margin: 10px 0 0; } blockquote { font-size: 18px; line-height: 24px; padding: 10px 30px; } blockquote:before, blockquote:after { font-size: 72px; } blockquote:before { top: 34px; left: -2px; } blockquote:after { bottom: -11px; right: 8px; } .block-block-3 { position: relative; padding-left: 0; } #tagline { padding: 0 0 10px; } .region-footer-first .block-block { width: 100%; } .context-product h1.title, .node-product>.content { padding-left: 0; } .galleryformatter { position: relative; left: 0; top: 0; } .gallery-slides { min-height: 0px; max-height: 250px; min-width: 100%; padding: 0 10%; } .galleryformatter .slide-button { height: 100%; top: 0; background: #a8005f; color: #fff; padding: 110px 5px; font-size: 26px; width: 10%; text-align: center; } .gallery-processed .gallery-frame { left: 28%; } .gallery-slide a img { max-height: 100%; width: auto; } .gallery-thumbs { margin-top: 20px; } #region-footer-second { background: #f8941d; padding: 10px 0; margin: 0; } .block-superfish-7, .block-block-40 { display: block; } #superfish-7 { text-align: center; } .block-block-40 p { padding: 0; } span.ev-hamburger { left: 15px; } #block-block-38 { padding-left: 30px; } #region-footer-second .sf-menu li { display: block; } #region-footer-second .sf-menu li a { border-right: none; line-height: 22px; }
} /** * 4.5 Portrait Phone Sizes liquid 430px > * ---------------------------------------------------------------------------- */
@media screen and (max-width: 430px) { .view-uc-products li.views-row { width: 95%; } #block-views-slideshow-block-1 { display: none; } .block-block-42, .block-block-43, .block-block-44 { width: 75%; display: block; margin: 25px auto 0; } #block-superfish-1 { width: 290px; }
}
| Developer | Matt Gross |
| Username | mattgrosswork |
| Uploaded | August 27, 2022 |
| Rating | 3 |
| Size | 12,421 Kb |
| Views | 30,360 |
Do you need developer help for A Pen by Matt Gross?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Matt Gross (mattgrosswork) Script Codes
| Name | Size |
| Circle Hovers | 1,586 Kb |
| Playing with transition timing | 1,993 Kb |
| Super Basic Inline Menu | 1,668 Kb |
| Masonry-Style Layout in CSS | 2,116 Kb |
| Easy Lines Around a Subtitle | 1,807 Kb |
| A Better underline | 2,120 Kb |
| JS Input Selector | 2,182 Kb |
| Fullscreen Video Background | 1,706 Kb |
| WIP Old Stag logo-flip | 1,781 Kb |
| Simple Skewed Image Container | 1,676 Kb |
Create amazing Facebook ads with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Angular Route | Arun_v606 | 1,837 Kb |
| APortfolio | Skybutterfly | 5,174 Kb |
| Single element checkbox | Ivijaygupta | 1,996 Kb |
| 3D Text in Sass | Bookcasey | 2,766 Kb |
| Coburg Banks SVG Logo | Mjtweaver | 3,875 Kb |
| Incremental game | Eprouver | 5,868 Kb |
| Blog | Rottingroom | 1,430 Kb |
| Collapsing Widget | Er40 | 4,279 Kb |
| Zip Button test | Lje7462 | 1,932 Kb |
| About Us | Francescaedits | 1,902 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!