A Pen by Danny Page on CodePen.
Created
August 14, 2018 00:51
-
-
Save dannypage/12608e1cf66f682f3d2e8adaf594e851 to your computer and use it in GitHub Desktop.
qyKxNO
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div id="locations-nav-dropdown" class="locations-dropdown-displayed"> | |
<div class="table"> | |
<div class="tc" id="locations-dropdown-paj-cell"> | |
<div class="locations-dropdown-paj text-center"> | |
<div class="fs-24 text-bold">Did you know?</div> | |
<img class="did-you-know-img marg-t-10 marg-b-20" src="https://rcdn.upcounsel.com/assets/magnifying_people@2x-471c0a20b9f45dc81041f953bec75c820d71a9446f463f5d264c93fa8d1e39da.png" alt="Magnifying people@2x"> | |
<div class="fs-13 text-bold"> | |
No need to spend hours finding a lawyer, post a job and get custom quotes from experienced lawyers instantly. | |
</div> | |
<a class="btn btn-success text-uppercase marg-t-20 track-click-paj" href="/jobs/new">Post a Job</a> | |
</div> | |
</div> | |
<div class="tc location-topic-group-cell"> | |
<div class="location-topic-group" id="topic-group"> | |
<div class="table"> | |
<a class="tr topic-link-row" href="/business-attorneys"> | |
<div class="tc fs-13"> | |
Business | |
</div> | |
</a> <a class="tr topic-link-row" href="/contract-attorneys"> | |
<div class="tc fs-13"> | |
Contract | |
</div> | |
</a> <a class="tr topic-link-row" href="/employment-attorneys"> | |
<div class="tc fs-13"> | |
Employment | |
</div> | |
</a> <a class="tr topic-link-row" href="/immigration-attorneys"> | |
<div class="tc fs-13"> | |
Immigration | |
</div> | |
</a> <a class="tr topic-link-row" href="/outside-general-counsel-attorneys"> | |
<div class="tc fs-13"> | |
Outside General Counsel | |
</div> | |
</a> <a class="tr topic-link-row" href="/patent-attorneys"> | |
<div class="tc fs-13"> | |
Patents | |
</div> | |
</a> <a class="tr topic-link-row" href="/real-estate-attorneys"> | |
<div class="tc fs-13"> | |
Real Estate | |
</div> | |
</a> <a class="tr topic-link-row" href="/securities-attorneys"> | |
<div class="tc fs-13"> | |
Securities & Finance | |
</div> | |
</a> <a class="tr topic-link-row" href="/startup-attorneys"> | |
<div class="tc fs-13"> | |
Startup | |
</div> | |
</a> <a class="tr topic-link-row" href="/trademark-attorneys"> | |
<div class="tc fs-13"> | |
Trademark | |
</div> | |
</a> </div> | |
</div> | |
<div class="bottom-link"> | |
<a class="fs-13 text-bold topic-link" href="/sitemap"> | |
<i class="fontello icon-arrow-right-45"></i> View all legal areas | |
</a> | |
</div> | |
</div> | |
</div> | |
</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! CSS Used from: https://rcdn.upcounsel.com/assets/public_v9-9670bf346208007f56d4240afc6450373eb0664619a54afd5b053dc67ad7fa22.css ; media=screen */ | |
@media screen{ | |
a{background-color:transparent;} | |
a:active,a:hover{outline:0;} | |
img{border:0;} | |
@media print{ | |
*,*:before,*:after{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;} | |
a,a:visited{text-decoration:underline;} | |
a[href]:after{content:" (" attr(href) ")";} | |
img{page-break-inside:avoid;} | |
img{max-width:100%!important;} | |
.table{border-collapse:collapse!important;} | |
} | |
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} | |
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} | |
a{color:#337ab7;text-decoration:none;} | |
a:hover,a:focus{color:#23527c;text-decoration:underline;} | |
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} | |
img{vertical-align:middle;} | |
.text-right{text-align:right;} | |
.text-center{text-align:center;} | |
.text-uppercase{text-transform:uppercase;} | |
.table{width:100%;max-width:100%;margin-bottom:20px;} | |
.table .table{background-color:#fff;} | |
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;} | |
.btn:focus,.btn:active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} | |
.btn:hover,.btn:focus{color:#333;text-decoration:none;} | |
.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);} | |
.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c;} | |
.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625;} | |
.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439;} | |
.btn-success:active{color:#fff;background-color:#449d44;border-color:#398439;} | |
.btn-success:active:hover,.btn-success:active:focus{color:#fff;background-color:#398439;border-color:#255625;} | |
.btn-success:active{background-image:none;} | |
.btn{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-transition:background-color 0.3s ease;-moz-transition:background-color 0.3s ease;-ms-transition:background-color 0.3s ease;-o-transition:background-color 0.3s ease;transition:background-color 0.3s ease;font-weight:600;color:white;border:none;} | |
.btn:hover,.btn:focus,.btn:active{outline:0!important;color:white;} | |
.btn-success{background-color:#00C76B;border:1px solid #00C76B;} | |
.btn-success:link{color:white;} | |
.btn-success:hover{background-color:#00ae5d;border-color:#00ae5d;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} | |
.btn-success:focus,.btn-success:active{background-color:#00C76B;border-color:#00C76B;} | |
.navbar-default .navbar-nav .btn{margin:0px 10px;padding:9px 19px;font-weight:600;} | |
a{font-family:'Avenir', Helvetica, sans-serif;color:#545E6B;font-weight:400;} | |
a{color:#009DDC;cursor:pointer;} | |
a:hover,a:focus{color:#43c9ff;text-decoration:none;} | |
a:focus{outline:none;} | |
@media (max-width: 991px){ | |
#header .navbar-nav .btn{letter-spacing:0px;} | |
} | |
@media (max-width: 1199px){ | |
#header .navbar-nav .btn{font-size:13px;padding-right:10px;padding-left:10px;} | |
} | |
@media (max-width: 800px){ | |
#header .navbar-nav .btn{padding-right:8px;padding-left:8px;} | |
} | |
#locations-nav-item #locations-nav-dropdown{display:none;} | |
.fontello{font-family:"icons-font";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} | |
.icon-right-open:before{content:'\e842';} | |
.icon-arrow-right-45:before{content:'\e86e';} | |
.table{display:table;} | |
.tc{display:table-cell;} | |
.tr{display:table-row;} | |
.text-right{text-align:right;} | |
.marg-t-10{margin-top:10px!important;} | |
.marg-t-20{margin-top:20px!important;} | |
.marg-b-20{margin-bottom:20px!important;} | |
.fs-13{font-size:13px;} | |
.fs-24{font-size:24px;} | |
.text-bold{font-weight:600;} | |
.text-uppercase{text-transform:uppercase;} | |
.fs-13{font-size:13px;} | |
.fs-24{font-size:24px;} | |
.text-bold{font-weight:600;} | |
.text-uppercase{text-transform:uppercase;} | |
} | |
/*! CSS Used fontfaces */ | |
@font-face{font-family:'icons-font';src:url(https://rcdn.upcounsel.com/assets/icons/icons-font-cf294f654c7715f1f55a1eaaf14bc39867f47236f2c20a82d820e30c08ef6817.eot?18626273);src:url(https://rcdn.upcounsel.com/assets/icons/icons-font-cf294f654c7715f1f55a1eaaf14bc39867f47236f2c20a82d820e30c08ef6817.eot?18626273#iefix) format("embedded-opentype"),url(https://rcdn.upcounsel.com/assets/icons/icons-font-c235008611f7b8cf4854617dd1c5daffd0d9d9672819d8c3edbfaff3be82d6c8.woff2?18626273) format("woff2"),url(https://rcdn.upcounsel.com/assets/icons/icons-font-2e5cd0985e84ddfe5e0507fac0f40206d59903ed5131563a1582f9f1a539a312.woff?18626273) format("woff"),url(https://rcdn.upcounsel.com/assets/icons/icons-font-e7b3e486c4658c8526d873febbc0796c23e56dd57b8f71b1e6aada51825cb5aa.ttf?18626273) format("truetype"),url(https://rcdn.upcounsel.com/assets/icons/icons-font-26f36d6fa176b09fdcee0bbf81485d16e1ad16d3fdd3fd85d2fb1a8214bfff5d.svg?18626273#icons-font) format("svg");font-weight:normal;font-style:normal;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment