Pillbox Hats - Fashion, Costume, and Culture: Clothing, Headwear, Body Decorations, and Footwear through the Ages

<html lang="eng"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="robots" content="index, follow"> <title>Pillbox Hats - Fashion, Costume, and Culture: Clothing, Headwear, Body Decorations, and Footwear through the Ages</title> <meta name="description" content="Pillbox Hats - Fashion, Costume, and Culture: Clothing, Headwear, Body Decorations, and Footwear through the Ages" /> <link rel="stylesheet" type="text/css" href="/bs/bootstrap.min.adv.css"/> <style type="text/css"> body { padding-top:50px; font-size:16px } #body { padding: 0px 4px;} .navbar-wrapper .dropdown-menu { background: #222222 !important; } .navbar-wrapper .dropdown-menu a { color:#999999 !important; } .navbar-wrapper .dropdown-menu a:hover { background: none !important; color: #fff !important; } .navbar-brand {padding: 5px 0;} .navbar a {border-bottom:none} .navbar {background-color: rgba(34,34,34, 0.83);} .navbar-form > .input-group-sm { border-radius:10px; } .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { text-shadow: 0 0 3px rgba(0,0,0, 0.9);background-color:#ffffff59;border-radius:3px} .navbar-inverse .navbar-nav>li>a { color: #c9c9c9; text-shadow: 0 0 3px rgba(0,0,0, 0.85); } .footer { background-color:#f5f5f5; border-top:2px solid #E6E6E6; border-radius:8px; padding:10px 20px; margin-top:16px; font-size:13px; color:#5F5F5F; text-align:center;} .footer a {color:inherit; border-bottom:1px dotted rgba(255,255,255,0.3);} .footer a:hover {color:inherit; border-bottom:1px dotted rgba(255,255,255,0.5);text-decoration:none;} .breadcrumb { font-size:14px; line-height:normal;} .states-grid-dropdown > table > tbody > tr > td {text-align: center;border-top-color: rgb(64,64,64);} .states-grid-dropdown {padding: 5px;} .states-grid-dropdown > table {margin: 0px;} .states-grid-dropdown > table > tbody > tr > td {text-align: center;border-top-color: rgb(64,64,64);} .states-grid-dropdown {padding: 5px;} .states-grid-dropdown > table {margin: 0px;} .cdforum_link{text-align:center} .cdforum_link a{display:inline-block;padding:6px 20px;margin:20px auto;color:white;text-shadow:1px 1px 2px black;box-shadow: 1px 1px 2px #00000054;border-radius:7px;border:1px solid #e3c1c1; background: rgb(47,54,96); background: linear-gradient(0deg, rgba(47,54,96,1) 0%, rgba(102,114,163,1) 88%, rgba(190,197,227,1) 94%, rgba(110,122,173,1) 100%);} .cdforum_link a:before{content:"💬 ";font-size:120%;color:white;position:relative;} .cdforum_link a:hover{text-decoration:none;background:#525e81} #Comments_section{clear:both;} #wl {margin:15px auto !important; text-align:center; font-size:110%; font-weight:bold; width:100%; } #wl span {display:inline-block; text-align:center; padding:10px 20px;background-color:#FCF7F0;border-radius:10px;} .gale_imggroup {margin:14px;font-size:80%;color:gray;text-align:center;} .gale_imggroup img {border-radius:10px; max-width:100%;height:auto; } .gale_imggroup .caption {max-width:450px;} @media (min-width:709px) { .gale_imggroup {float:right;margin:15px 0 15px 20px;padding-left:15px;border-left:1px dotted silver;clear:right;} } #fb-root {display: none;} .fb-like {margin:15px 0; width:100% !important;} .fb-like * {width: 100% !important;} .photobox {line-height:150%; margin:14px; padding:4px; color:gray; font-size:11px; padding-top:1px; text-align:right; max-width:500px;} .photobox img {margin-bottom:5px; border:3px solid white; border-radius:4px;-moz-box-shadow:2px 2px 10px silver;-webkit-box-shadow:2px 2px 10px silver;box-shadow:2px 2px 10px silver;} @media (min-width:1024px) { .photobox {float:right; margin:15px 0 15px 20px;} } #menu_search {color: black; text-shadow: 0 0 3px white;width: 122px; border-radius:30px; height: 30px; margin-top:3px} #menu_search_icon > i{ color: #111; font-size: 20px; top: 4px; float: right; position: relative; margin: 0; padding: 0;} #menu_search_icon:hover > i {color: white;} .logo {height:39px;width:auto} @media (min-width:940px){ .navbar-form {width:170px;} } @media (max-width: 767px) { div.banner { visibility: hidden !important; display:none !important; }} .tw-box {margin:10px;} .interlink_nav {margin-top:24px;} .interlink_nav > .btn {font-size:16px;} .navlink{ color: #e9e9e9; text-shadow: 0 0 3px rgba(0,0,0, 0.85); font-weight: 500; } .navlink:hover, .navlink:focus { color: #FFFFFF; text-shadow: 0 0 3px rgba(0,0,0, 0.85); font-weight: 500; text-decoration: underline; } .dropdown-menu {transition: 0.6s; opacity: 0;} .open > .dropdown-menu { opacity: 1; display: block;transition: 0.6s;} .closing > .dropdown-menu { opacity: 0; display: block;transition: 0.6s;} .open > .dropdown-menu { animation-name: slidenavAnimation; animation-duration:.6s; animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-name: slidenavAnimation; -webkit-animation-duration:.2s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: slidenavAnimation; -moz-animation-duration:.2s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards; } @keyframes slidenavAnimation { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes slidenavAnimation { from { opacity: 0; } to { opacity: 1; } } h1,h2,h3,h4{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;} h1{font-size:2.0em;color:#52586A;} h2{font-size:1.6em;padding-bottom:4px;border-bottom:2px solid #f2eeee} h3{font-size:1.4em} #homepage_list h2 {border:none;} .indexlist h2, .welcome_text h2 {display:block} @media (max-width:768px){ h1{font-size:1.6em} h2{font-size:1.3em} h3{font-size:1.2em} .breadcrumb>li{font-size:13px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px} } .adwords_in_content {clear: both;} .leftad {clear: both;} @media (min-width: 768px){ .ads_float_left .leftad { width: 180px; height: 600px;} } .float_left_ad_after .leftad{ border-top:1px solid #eee;border-bottom:1px solid #eee;margin:20px 0;padding:20px 0; } .ads_float_left_ad .leftad, .adwords_float_left_ad .leftad {float:left; clear:both; width:180px; height:600px; margin: 10px 20px 10px 0; padding-right:20px; border-right: 1px dotted gray;} .affix .leftad {border:none;float:none;margin:10px auto auto; padding:0} #adcnt_1{display:flex; flex-direction:row; justify-content:center; align-items:center; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='660' height='100' style='font-size:1em;overflow:visible;fill:silver;'><text x='50%' y='50%' dominant-baseline='middle' text-anchor='middle' font-family='arial'><tspan x='50%'>Please consider enabling ads to support</tspan><tspan x='50%' dy='1.2em'>our website, which is free of charge.</tspan></text></svg>"); background-repeat:no-repeat; background-position:50% 50%; background-size:contain; min-height:40px; } @media (max-width:768px){ #adbox_1{width:100%;height:364px !important;margin:1em 0} } @media (min-width:769px){ #adbox_1{width:100%;height:320px !important;margin:1em 0} } .article_container table {border:1px solid #b4beca;margin-top:12px;margin-bottom:12px;} .article_container tr:nth-child(even) {background: #eceff3} .article_container td { padding:8px;margin:1px;border-right:1px solid #f4f6f7;} .article_container thead td {background-color:#cfd7e1;font-weight:600;padding:12px 6px;text-align:center;} @media (max-width:768px){ .article_container table { display: block; overflow-x: scroll; white-space: nowrap; font-size: 0.7em; } .article_container table:before { padding: 2px 4px; content: "» Swipe table left to read more »"; color: white; background: #777A92; border-radius:3px; font-size:0.8em; position:relative; top:4px; left:4px; } } .glyphicon-menu-left:before{content: "⏴"} .glyphicon-menu-right:before{content: "⏵"} .glyphicon-comment:before{content: "💬"} .breadcrumb {background-color:#EBEEF5;} .footer { color:white; background-color: #483450; } .navbar-brand > img.logol {height:44px;} .navbar-brand > img.logos {height:44px;} .navbar-inverse { background-color: #483450; } #wnd_welcome { background-image: url(/images/frontpage.back.png); width:100%; max-width: 574px; height: 599px; margin:auto; line-height:120%; position:relative; background-size:100% 100%; background-position:left; } #welcome_text { width:50%; min-width: 280px; max-width: 320px; left: 10%; top:1px; position:relative; font-size:1.05em; line-height: 120%; } #wnd_welcome h1{ padding-top:20px; padding-left:30px; font-size:1.4em; font-weight:normal; text-shadow: 1px 1px 3px #FFFFFF; } #wnd_welcome h1 b{ color:#961A10; } #welcome_text h2 { padding: 0.4em 0; margin:0; font-size:1.07em; border:none; } #welcome_text a { white-space: nowrap; } #welcome_forum { position: relative; width: 60px; height: 60px; top:10px; right:30px; display: block; } .homewiki{ width:100%; max-width: 574px; margin:auto; padding:10px; } .homewiki h1{ font-size:1.3em; } .homewiki h2{ font-size:1.1em; } </style> <style type="text/css"> .Comments_form {background-color:#F7F7F5; border-radius:8px; padding:10px; border:1px solid #E4F0E2; border-top:3px solid #E5E5D5; } .Comments_form h4 {border-bottom:2px solid #E5E5D5; padding-bottom:10px; margin:2px 0 10px 0;} .Comments_showmail {font-size:12px;line-height:normal;} .Comments_text span {font-size:12px;line-height:normal;color:gray;margin-left:10px} .Comments_showmail input {width:12px;height:13px;} .Comments_btn {margin-top:10px;} .Comments_commentsbox {width:100%; margin:auto; margin-bottom:20px; margin-top:20px; line-height:normal;} .Comments_comment {position:relative; width:100%; border-top:4px solid #C4DAE5; border-radius:10px; border-right:1px solid #E8F1F7; border-left: 1px solid #E8F1F7; padding:2px; padding-top:8px; margin-right:10px; background-repeat:repeat-x;background-position:top;margin-bottom:12px; background-color:#FBFBFB; background:linear-gradient(180deg,rgba(240,247,232,1) 0%, rgba(251,251,251,1) 29%, rgba(251,251,251,1) 100%);} .Comments_comment_alt {background-color: #f7f9fa;background:linear-gradient(180deg,rgb(232 239 247) 0%,rgb(242 245 249) 29%,rgba(251,251,251,1)100%);} .Comments_info {height:32px; overflow:hidden; position:absolute; top:-8px; left:5px; right:5px; border-bottom:1px solid #D9E4EA; padding-top:10px;} .Comments_balloon {z-index:2;text-align:center;font-weight:bold;text-decoration:none;width:24px;height:23px;line-height:14px;position:absolute;top:0;left:0;padding-top:0px;margin:0;background-repeat:no-repeat;background-position:0 0;background-image:url("data:image/svg+xml;utf8,<svg version='1.1' viewBox='0 0 78.62 68.722' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><linearGradient id='linearGradient12-1' x1='87.578' x2='67.991' y1='151.09' y2='114.61' gradientTransform='translate(3.5483 41.91)' gradientUnits='userSpaceOnUse'><stop stop-color='%23e7f3f6' offset='.013393'/><stop stop-color='%23fff' offset='1'/></linearGradient><linearGradient id='linearGradient8-1' x1='60.143' x2='138.77' y1='165.83' y2='165.83' gradientTransform='translate(-16.882 12.87)' gradientUnits='userSpaceOnUse'><stop stop-color='%232f7ba4' offset='0'/></linearGradient></defs><g transform='translate(-43.261 -144.34)'><path d='m82.404 145.82a37.66 27.96 0 00-37.66 27.96 37.66 27.96 0 0037.66 27.959 37.66 27.96 0 006.2048-.389c13.567 11.616 29.516 10.272 31.553 10.091-1.875-.195-10.114-6.572-11.227-17.822a37.66 27.96 0 0011.129-19.839 37.66 27.96 0 00-37.66-27.96zm37.758 65.621h.187c.143-.03.04-.02-.187 0z' fill='url(%23linearGradient12-1)' stroke='url(%23linearGradient8-1)' stroke-width='2.965'/></g></svg>");} .Comments_link {text-decoration:none;color:#CC0000;font-size:9px;border:none;} .Comments_date {float:right;font-size:12px;color:gray;display:inline;opacity:0.5;padding-top:2px; } .Comments_moderate {float:right;display:inline;position:relative;margin-left:5px;text-shadow: 0px 0px 2px #ffffff;} .Comments_moderate a{color:#d41919} .Comments_user { font-size:13px;display:inline;position:relative;top:-0px;left:29px;} .Comments_user a { font-weight:bold;text-decoration:none;color:#006699; } .Comments_text { margin-left:30px;color:#666;margin-top:27px; padding-bottom:10px; } .Comments_clear {clear:both;line-height:1px;height:1px;display:inline;} #qaComments {text-align:left;} </style> <script type="text/javascript"> //<![CDATA[ function confirmModerate(url,num){ url = url + '?Comments[do]=mod&Comments[id]=' + num + '#Comments_' + num; if (confirm('Do you want to report this comment as inappropriate?')) location.href=url; return 0; } function validate_form(frm) { var value = ''; var errFlag = new Array(); _qfMsg = ''; $("#Comments_gname").addClass('has-error'); value = frm.elements['Comments[name]'].value; if (value == '' && !errFlag['name']) { errFlag['name'] = true; _qfMsg = _qfMsg + '\n - Please enter your name'; } if (errFlag['name']) $("#Comments_gname").addClass('has-error'); else $("#Comments_gname").removeClass('has-error'); value = frm.elements['Comments[mail]'].value; if (value == '' && !errFlag['mail']) { errFlag['mail'] = true; _qfMsg = _qfMsg + '\n - Please enter your e-mail'; } var regex = /^((\"[^\"\f\n\r\t\v\b]+\")|([\w\!\#\$\%\&'\*\+\-\~\/\^\`\|\{\}]+(\.[\w\!\#\$\%\&'\*\+\-\~\/\^\`\|\{\}]+)*))@((\[(((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9]))\.((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9]))\.((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9]))\.((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9])))\])|(((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9]))\.((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9]))\.((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9]))\.((25[0-5])|(2[0-4][0-9])|([0-1]?[0-9]?[0-9])))|((([A-Za-z0-9\-])+\.)+[A-Za-z\-]+))$/; if (value != '' &&!regex.test(value) && !errFlag['mail']) { errFlag['mail'] = true; _qfMsg = _qfMsg + '\n - E-mail address format is invalid'; } if (errFlag['mail']) $("#Comments_gmail").addClass('has-error'); else $("#Comments_gmail").removeClass('has-error'); value = frm.elements['Comments[text]'].value; if (value == '' && !errFlag['text']) { errFlag['text'] = true; _qfMsg = _qfMsg + '\n - Please enter your comment'; } if (value.length<50 && !errFlag['text']) { errFlag['text'] = true; _qfMsg = _qfMsg + '\n - Comment is too short (50 characters min.)'; } if (value.length>4000 && !errFlag['text']) { errFlag['text'] = true; _qfMsg = _qfMsg + '\n - Comment is too long (4000 characters max)'; } if (errFlag['text']) $("#Comments_gtext").addClass('has-error'); else $("#Comments_gtext").removeClass('has-error'); if (_qfMsg != '') { _qfMsg = 'Invalid information entered:' + _qfMsg + '\nPlease correct these fields.'; alert(_qfMsg); return false; } return true; } //]]> </script>   <script> var _paq = window._paq = window._paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://a.advameg.com/"; _paq.push(['setTrackerUrl', u+'util.php']); _paq.push(['setSiteId', '28']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'util.js'; s.parentNode.insertBefore(g,s); })(); </script> </head> <body>  <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/"> <picture> <source srcset="/bs/i/fashion.png" media="(min-width: 600px)"> <img class="logo" src="/bs/i/fashion-sm.png" alt="Fashion Encyclopedia"> </picture> </a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="/wiki/">Wiki</a></li> <li><a href="http://www.city-data.com/forum/fashion-beauty/">Forum</a></li> </ul> <form class="navbar-form navbar-right form-inline" role="search" action="http://www.jrank.org/api/search/v2" method="get"> <input id="key" name="key" type="hidden" value="991196f33768b5c25854b3a53e7d2e0eed747fcf" /> <div class="input-group input-group-sm"> <input type="text" class="form-control search-query" placeholder="Search..." name="q"> <span class="input-group-btn"><button type="submit" class="btn btn-primary"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path></svg></button></span> </div> </form> </div> </div> </nav> <div class="container" id="body"> <ol id="navigation" class="breadcrumb"> <li> <a href="../index.html">Fashion</a> </li> <li> <a href="index.html">Modern World 1946-1960</a> </li> <li> Pillbox Hats - Fashion, Costume, and Culture: Clothing, Headwear, Body Decorations, and Footwear through the Ages </li> </ol> <div class="article_container"> <h1> Pillbox Hats </h1> <div class="adwords_in_content"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-5788426211617053", enable_page_level_ads: true }); </script> <div id='adcnt_1'> <div id='adbox_1'> <hr /> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4803409109489353" data-ad-slot="1981278098" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <hr /> </div> </div> </div> <div class="ads_float_left"> <div class="leftad"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4803409109489353" data-ad-slot="3458011295" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <p> Pillboxes are small containers used to hold pills. Beginning in the 1930s the basic pillbox design was employed by milliners, or hatmakers, who created a new style of head covering: the pillbox hat, a smallish, brimless round hat that featured straight sides and a level top. Pillbox hats were popular because of their simplicity and elegance. They most often came in solid colors and were usually unadorned with accessories except for a colored net veil, or a single pin or jewel. They were, however, made of an array of materials, some of which were elaborately designed. These included green wool with ornate gold cording; black velvet, smothered in black beads; and white organdy, a transparent fabric, with attached overlapping organdy petals and silk rose bouquets. Pillbox hats might also be made out of the furs of mink, lynx, fox, or leopard skin. Musician Bob Dylan (1941–) incorporated the image of the latter into a song about a jilted lover, "Leopard-Skin Pillbox Hat" (1966). </p> <p> <div class="gale_imggroup"> <div class="caption"> <b> Woman wearing pink pillbox hat. With its simple-yet-elegant design, the pillbox hat could be worn unadorned or accessorized. </b> <i> Reproduced by permission of </i> © . </div> </div> </p> <p> The popularity of the pillbox hat increased during the post–World War II (1939–45) era and reached its peak at the 1961 inauguration of President John F. Kennedy (1917–1963), when his wife, Jacqueline Kennedy (1929–1994), wore a simple, unadorned bone wool pillbox hat designed by Halston (1932–1990). Previously, Mrs. Kennedy did not favor hats of any kind, but she was so taken by Halston's design that the pillbox hat became her trademark. She even was wearing a pink one on November 22, 1963, as she cradled her husband in her arms moments after he was shot while riding in a Dallas, Texas, motorcade. The cheerful femininity of Jackie Kennedy's pink suit and pillbox hat are ironic reminders of that tragic day. </p> <div> <h2> FOR MORE INFORMATION </h2> <p> Garland-Dewson, Ruth. <i> Hats for Every Head: The Language of Hats. </i> Fort Bragg, CA: Cypress House, 2003. </p> <p> McDowell, Colin. <i> Hats: Status, Style, and Glamour. </i> New York: Rizzoli, 1992. </p> <p> Probert, Christine, ed. <i> Hats in Vogue Since 1910. </i> New York: Abbeville Press, 1982. </p> </div> </div> <div class="adwords_in_content"> <div id='adcnt_2'> <div id='adbox_2'> <hr /> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4803409109489353" data-ad-slot="1981278098" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <hr /> </div> </div> </div> <div id="Comments_section"> <h2>User Contributions:</h2> <div class="Comments_commentsbox" style=""></div>  <div class="Comments_form" id="Comments_form"> <h4>Comment about this article, ask questions, or add new information about this topic:</h4> <form action="#Comments_form" method="post" onsubmit="return validate_form(this);" style="margin:0px;padding:0px;"> <input type="hidden" name="Comments[do]" value="add" style="display:none" /> <input type="hidden" name="Comments[page]" value="/fashion_costume_culture/Modern-World-1946-1960/Pillbox-Hats.html" style="display:none" /> <div class="row"> <div class="col-sm-3 form-group" id="Comments_gname"> <label for="Comments_name" class="control-label">Name:</label> <input type="text" name="Comments[name]" value="" id="Comments_name" class="form-control" /> </div> <div class="col-sm-3 form-group" id="Comments_gmail"> <label for="Comments_mail" class="control-label">E-mail:</label> <input type="text" name="Comments[mail]" value="" id="Comments_mail" class="form-control" /> <div class="Comments_showmail"> <input type="checkbox" name="Comments[showmail]" value="1" id="Comments_showmail" /> <label for="Comments_showmail">Show my email publicly</label> </div> </div> <div class="col-sm-6 form-group"> </div> </div> <div class="row"> <div class="col-sm-12 form-group" id="Comments_gtext"> <label for="Comments_text" class="control-label">Public Comment: <span>(50-4000 characters)</span></label> <textarea name="Comments[text]" id="Comments_text" class="form-control" rows="5" ></textarea> </div> </div> <div class="row"> <div class="col-sm-12 form-group"> <button type="submit" class="btn btn-default">✍ Send comment</button> </div> </div> </form> </div> <br /> <div class="cdforum_link"> <a href="/forum/">Pillbox Hats - Fashion, Costume, and Culture: Clothing, Headwear, Body Decorations, and Footwear through the Ages forum</a> </div> </div> <div id="interlink_nav"> <a href="Jelly-Rolls-and-Duck-Tails.html" class="btn btn-default" role="button"> <span class="glyphicon glyphicon-menu-left" aria-hidden="true">  </span> Jelly Rolls and Duck Tails </a> <a href="Body-Decorations-1946-60.html" class="btn btn-default pull-right" role="button"> Body Decorations, 1946–60 <span class="glyphicon glyphicon-menu-right" aria-hidden="true">  </span> </a> </div> </div> <div class="container footer"> <footer> <div> Copyright 2008 The Gale Group Inc. All rights reserved.  •  <a href="/terms.html" rel="nofollow noindex">Terms & Privacy</a>  •   Website © 2025 Advameg, Inc.</div> </footer> </div> <noscript><p><img referrerpolicy="no-referrer-when-downgrade" src="https://a.advameg.com/matomo.php?idsite=28&rec=1" style="border:0;" alt="" /></p></noscript> <script type="text/javascript"> (function() { var kgs=document.createElement('script'); kgs.async=false; kgs.type='text/javascript'; kgs.src='/'+''+'kno'+'wledge/kn'+'ow' + 'ledgelinks.p'+'hp?url='+document.location.href; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(kgs); })(); </script> <script type="text/javascript" src="/bs/jquery-1.10.2.min.js"></script><script type="text/javascript" src="/bs/bootstrap.min.js"></script><script type="text/javascript"> //ads: if(!("nextElementSibling" in document.documentElement)){ Object.defineProperty(Element.prototype, "nextElementSibling", { get: function(){ var e = this.nextSibling; while(e && 1 !== e.nodeType) e = e.nextSibling; return e; } }); } function move_ad_to_middle(ads_to_move) { var screenHeight= window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; var first_ad_bottom=$(".adwords_in_content")[0].getBoundingClientRect().bottom; var second_ad_top=$(".adwords_in_content")[1].getBoundingClientRect().top; function ad_constraints( elem, before, after, len) { var current=elem.getBoundingClientRect().top; return (current-before > len) && (after-current > len); } var not_found=true; $("p").each(function(){ if(ad_constraints(this,first_ad_bottom, second_ad_top, screenHeight)) { for (var i = 0, len = ads_to_move.length; i < len; i++) { this.parentElement.insertBefore(ads_to_move[i], this); } not_found=false; return false; } }) if(not_found) { var element=document.querySelector(".leftad"); element.parentNode.removeChild(element); } } var fix_float_left_ad=document.querySelector(".adwords_float_left"); if(fix_float_left_ad) { fix_float_left_ad.className='ads_float_left'; } function move_leftad(){ var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; var element_selector = ".leftad"; var max_width = 767; var min_width_affix = 1540; var min_height_affix = 670; var leftad=document.querySelector(element_selector); if(!leftad)return; var float_left=document.querySelector(".ads_float_left"); if(float_left) float_left.className="ads_float_left_ad"; if(width < max_width) { var float_left_ad_after=document.querySelector(".float_left_ad_after"); if (!float_left_ad_after) { var float_left_ad=document.querySelector(".ads_float_left_ad"); if(float_left_ad) { float_left_ad_after=document.createElement('div'); float_left_ad_after.className='float_left_ad_after'; var next=float_left_ad.nextElementSibling; float_left_ad.parentElement.insertBefore(float_left_ad_after, next.nextElementSibling); } } if(float_left_ad_after && float_left_ad_after!=leftad.parentElement) float_left_ad_after.appendChild(leftad); }else if(width>=min_width_affix && height>min_height_affix) { var affix=document.querySelector(".affix"); var body_div=document.querySelector("#body"); if(!affix) { if(body_div) { affix=document.createElement('div'); affix.className='affix'; body_div.parentElement.insertBefore(affix, body_div); } } if(affix) { if(body_div) { var space_left=0.5*(width-body_div.clientWidth)-10; var height_left=height-affix.offsetTop-10; var topOffset=0.5*(height_left-leftad.clientHeight-10) affix.style.textAlign='center'; affix.style.width=space_left+'px'; affix.style.height=height_left+'px'; affix.style.paddingTop=topOffset+'px'; } if(affix!=leftad.parentElement) affix.appendChild(leftad); } } else { var float_left_ad=document.querySelector(".ads_float_left_ad"); if(float_left_ad && float_left_ad!=leftad.parentElement) float_left_ad.appendChild(leftad); } var ads_to_move=[]; var float_left_ad_after=document.querySelector(".float_left_ad_after"); var float_left_ad=document.querySelector(".ads_float_left_ad"); if(float_left_ad_after)ads_to_move.push(float_left_ad_after); if(float_left_ad)ads_to_move.push(float_left_ad); move_ad_to_middle(ads_to_move); } move_leftad(); //on the end $(window).on("resize", move_leftad); // // (function ($, window, undefined) { // outside the scope of the jQuery plugin to // keep track of all dropdowns var $allDropdowns = $(); // if instantlyCloseOthers is true, then it will instantly // shut other nav items when a new one is hovered over $.fn.dropdownHover = function (options) { // don't do anything if touch is supported // (plugin causes some issues on mobile) if('ontouchstart' in document) return this; // don't want to affect chaining // the element we really care about // is the dropdown-toggle's parent $allDropdowns = $allDropdowns.add(this.parent()); return this.each(function () { var $this = $(this), $parent = $this.parent(), defaults = { delay: 100, delay2: 500, instantlyCloseOthers: false }, data = { delay: $(this).data('delay'), instantlyCloseOthers: $(this).data('close-others') }, showEvent = 'show.bs.dropdown', hideEvent = 'hide.bs.dropdown', // shownEvent = 'shown.bs.dropdown', // hiddenEvent = 'hidden.bs.dropdown', settings = $.extend(true, {}, defaults, options, data), timeout,timeout2; $parent.hover(function (event) { // so a neighbor can't open the dropdown if(!$parent.hasClass('open') && !$this.is(event.target)) { // stop this event, stop executing any code // in this callback but continue to propagate return true; } if(settings.instantlyCloseOthers === true) $allDropdowns.removeClass('open'); window.clearTimeout(timeout2); window.clearTimeout(timeout); $parent.addClass('open'); $parent.removeClass('closing'); $this.trigger(showEvent); }, function () { timeout = window.setTimeout(function () { $parent.removeClass('open'); $parent.addClass('closing'); timeout2 = window.setTimeout(function () { $parent.removeClass('closing'); },settings.delay2); $this.trigger(hideEvent); }, settings.delay); }); // this helps with button groups! $this.hover(function () { if(settings.instantlyCloseOthers === true) $allDropdowns.removeClass('open'); window.clearTimeout(timeout); window.clearTimeout(timeout2); $parent.addClass('open'); $parent.removeClass('closing'); $this.trigger(showEvent); }); // handle submenus $parent.find('.dropdown-submenu').each(function (){ var $this = $(this); var subTimeout; $this.hover(function () { window.clearTimeout(subTimeout); $this.children('.dropdown-menu').show(); // always close submenu siblings instantly $this.siblings().children('.dropdown-menu').hide(); }, function () { var $submenu = $this.children('.dropdown-menu'); subTimeout = window.setTimeout(function () { $submenu.hide(); }, settings.delay); }); }); }); }; $(document).ready(function () { // apply dropdownHover to all elements with the data-hover="dropdown" attribute $('[data-hover="dropdown"]').dropdownHover(); }); })(jQuery, this); var _gaq=_gaq||[]; $( "#search_bar_menu" ).submit(function( event ) { _gaq.push(['_trackEvent', 'homepage_searchbox', 'clicked','']); // event.preventDefault(); }); $( "#menu_search_icon" ).click(function( event ) { $( "#search_bar_menu" ).submit(); }); $("#menu_search").focus(function() { $("#search_bar_menu").addClass("showdrop_op1"); window.setTimeout( function(){ $("#search_bar_menu").addClass("showdrop"); }, 50); }); $("#menu_search").blur(function() { $("#search_bar_menu").removeClass("showdrop"); window.setTimeout( function(){ $("#search_bar_menu").removeClass("showdrop_op1"); }, 500); }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-SKXYB0CMST"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-SKXYB0CMST'); </script> </body> </html>

CINXE.COM

Pillbox Hats - Fashion, Costume, and Culture: Clothing, Headwear, Body Decorations, and Footwear through the Ages