Created
May 18, 2015 08:20
-
-
Save hlashbrooke/e04165af38a2927be0af to your computer and use it in GitHub Desktop.
Custom CSS for WordCamp Cape Town 2014 using Twenty Twelve as the base: https://capetown.wordcamp.org/2014/ - useful for getting a new WordCamp site design off the ground more quickly.
This file contains 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
/* | |
* Custom CSS for WordCamp Cape Town 2014 | |
* Base theme: Twenty Twelve | |
*/ | |
/* Menu tickets link highlight (change ID once menu item is live) */ | |
#menu-item-283629 a { | |
font-weight: bold; | |
color: #d54e21; | |
border-bottom: 2px solid #d54e21; | |
} | |
#menu-item-283629 a:hover { | |
color: #000; | |
} | |
#secondary a.sidebar-ticket-button { | |
display: block; | |
padding: .5em 0; | |
text-align: center; | |
background: #d54e21; | |
color: #fff; | |
text-transform: uppercase; | |
font-weight: bold; | |
text-decoration: none; | |
font-size: 1.3em; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
} | |
body { | |
background-size: 100% auto; | |
background-color: #c8d6dc; | |
} | |
.entry-content a:visited, .comment-content a:visited { | |
color: #21759b; | |
} | |
#page { | |
margin-top: 400px !important; | |
} | |
header hgroup { | |
display: none; | |
} | |
#page img.header-image { | |
position: absolute; | |
top: 80px; | |
left: 50%; | |
width: 300px; | |
margin-left: -150px; | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
} | |
body { | |
background-color: #c8d6dc; | |
} | |
#masthead { | |
margin: 0 0 50px; | |
padding: 0; | |
} | |
.home .post .featured-post { | |
display: none; | |
} | |
#site-navigation { | |
margin: 0 -40px; | |
padding: 0 40px; | |
background-color: #81acbf; | |
} | |
#menu-primary-navigation { | |
text-align: center; | |
} | |
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { | |
border: none; | |
} | |
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { | |
color: #fff; | |
} | |
.main-navigation li a { | |
color: #fff; | |
} | |
.widget-area .widget h3 { | |
margin-bottom: .7em; | |
} | |
footer[role="contentinfo"] { | |
border: none; | |
margin: 0 -2.857142857rem; | |
background: #171617; | |
width: 100%; | |
max-width: none; | |
padding: 85px 2.857142857rem 40px; | |
} | |
footer[role="contentinfo"] .site-info { | |
text-align: center; | |
margin: 0 auto; | |
} | |
footer[role="contentinfo"] a { | |
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0eWxlMHtmaWxsOgkjRkZGRkZGO308L3N0eWxlPjxnPjxnPjxwYXRoIGQ9Ik00LjQ1MyAyNC45OTljMCA4LjEgNC43IDE1LjIgMTEuNiAxOC40OTJMNi4yMzMgMTYuNjM3QzUuMDkyIDE5LjIgNC41IDIyIDQuNSAyNC45OTl6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTM4Ljg3MiAyMy45NjNjMC0yLjUzOS0wLjkxMy00LjI5OC0xLjY5NS01LjY2N2MtMS4wNDItMS42OTEtMi4wMTctMy4xMjYtMi4wMTctNC44MTYgYzAtMS44OTEgMS40MzEtMy42NDcgMy40NDktMy42NDdjMC4wOTIgMCAwLjIgMCAwLjMgMC4wMThjLTMuNjU3LTMuMzUyLTguNTI2LTUuMzk1LTEzLjg3NS01LjM5NSBjLTcuMTc5IDAtMTMuNDk0IDMuNjgzLTE3LjE2OCA5LjI2YzAuNDgzIDAgMC45IDAgMS4zIDAuMDI1YzIuMTQ5IDAgNS40NzYtMC40MzQgNS40NzYtMC40MzQgYzEuMTA4LTAuMDY0IDEuMiAxLjcgMC4xIDEuODY0YzAgMC0xLjExMyAwLjEzMi0yLjM1MSAwLjE5Nmw3LjQ4MiAyMi4yNTVsNC40OTctMTMuNDg0bC0zLjIwMi04Ljc3MSBjLTEuMTA2LTAuMDY0LTIuMTU1LTAuMTk2LTIuMTU1LTAuMTk2Yy0xLjEwNy0wLjA2NC0wLjk3OS0xLjkzIDAuMTMtMS44NjRjMCAwIDMuNCAwLjQgNS40IDAuNCBjMi4xNDggMCA1LjQ3Ni0wLjQzNCA1LjQ3Ni0wLjQzNGMxLjEwOC0wLjA2NCAxLjIgMS43IDAuMSAxLjg2NGMwIDAtMS4xMTUgMC4xMzItMi4zNTIgMC4xOTZsNy40MjYgMjIuMDg3bDIuMDUxLTYuODQ5IEMzOC4xOTMgMjcuOCAzOC45IDI1LjcgMzguOSAyMy45NjN6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTI1LjM2IDI2Ljc5N2wtNi4xNjcgMTcuOTE0YzEuODQxIDAuNSAzLjggMC44IDUuOCAwLjgzN2MyLjM5NCAwIDQuNjg4LTAuNDEzIDYuODIzLTEuMTY1IGMtMC4wNTUtMC4wODktMC4xMDUtMC4xODEtMC4xNDctMC4yODNMMjUuMzYgMjYuNzk3eiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik00My4wMjkgMTUuMTQzYzAuMDg5IDAuNyAwLjEgMS40IDAuMSAyLjExMmMwIDIuMDg1LTAuMzg5IDQuNDI5LTEuNTYyIDcuMzU5TDM1LjMzIDQyLjggYzYuMTA5LTMuNTYyIDEwLjIxNy0xMC4xOCAxMC4yMTctMTcuNzYxQzQ1LjU0NiAyMS40IDQ0LjYgMTguMSA0MyAxNS4xNDN6IiBjbGFzcz0ic3R5bGUwIi8+PHBhdGggZD0iTTI1IDBDMTEuMjE0IDAgMCAxMS4yIDAgMjQuOTk5QzAgMzguOCAxMS4yIDUwIDI1IDUwYzEzLjc4NCAwIDI1LTExLjIxNSAyNS0yNS4wMDEgQzUwIDExLjIgMzguOCAwIDI1IDB6IE0yNSA0Ny44NTRDMTIuMzk4IDQ3LjkgMi4xIDM3LjYgMi4xIDI1QzIuMTQ2IDEyLjQgMTIuNCAyLjEgMjUgMi4xIGMxMi42MDIgMCAyMi45IDEwLjMgMjIuOSAyMi44NTRDNDcuODU0IDM3LjYgMzcuNiA0Ny45IDI1IDQ3Ljg1NHoiIGNsYXNzPSJzdHlsZTAiLz48L2c+PC9nPjwvc3ZnPg==); | |
background-size: 36px 36px; | |
background-position: center top; | |
background-repeat: no-repeat; | |
padding-top: 44px; | |
color: #fff; | |
font-size: 13px; | |
font-weight: 400; | |
text-transform: uppercase; | |
text-decoration: none; | |
} | |
footer[role="contentinfo"] a:hover { | |
color: #cfe7f0; | |
color: rgba(255,255,255,0.8); | |
} | |
.wcb_widget_sponsors { | |
display: none !important; | |
} | |
.home .wcb_widget_sponsors,.home .widget_twitter_timeline { | |
display: block !important; | |
} | |
.wcorg-sponsor { | |
clear: both; | |
} | |
.sponsor-level { | |
margin-bottom: 1.5em; | |
background: #fafafa; | |
padding-bottom: 10px; | |
} | |
h4.sponsor-level-title { | |
text-transform: uppercase; | |
font-size: 14px; | |
font-weight: 400; | |
padding: 8px; | |
background: #f1f1f1; | |
color: #777; | |
text-align: center; | |
margin-bottom: .8em; | |
} | |
.sponsor-logo { | |
padding: 0 10px; | |
text-align: center; | |
} | |
.sponsor-logo img,.wcorg-sponsor-description img.wp-post-image { | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
width: auto; | |
margin: 0 auto; | |
} | |
.wcorg-sponsors { | |
overflow: auto; | |
border-bottom: 3px solid #ddd; | |
padding: 0 0 80px; | |
margin: 0 0 80px; | |
} | |
.wcorg-sponsor-description img.wp-post-image { | |
max-width: 200px; | |
width: auto; | |
margin-bottom: 20px; | |
} | |
.wcb_sponsor .entry-title,.wcb_sponsor .entry-meta,.wcorg-sponsor h3:first-child,.single-wcb_sponsor .nav-single { | |
display: none; | |
} | |
.wcorg-sponsors h2 { | |
margin: 1.5em 0 30px; | |
border-bottom: 2px solid #ddd; | |
display: inline-block; | |
padding: 0 0 10px; | |
} | |
.wcb_sponsor .entry-header img { | |
width: 100%; | |
max-width: 624px; | |
margin-bottom: 0; | |
height: auto; | |
box-shadow: none; | |
} | |
.wcorg-organizer { | |
margin-bottom: 30px; | |
} | |
.wcorg-organizer h2 { | |
font-size: 1.1em; | |
margin: 0 0 15px; | |
} | |
.wcorg-organizer img { | |
width: 50px; | |
height: 50px; | |
float: left; | |
margin: 5px 20px 0 0; | |
} | |
.wcsf-schedule .time,.wcpt-schedule .wcpt-time { | |
font-size: 16px; | |
color: #999; | |
text-transform: uppercase; | |
} | |
.wcpt-schedule { | |
margin-bottom: 60px !important; | |
} | |
.wcpt-schedule .wcpt-col-track { | |
width: 50%; | |
} | |
.wcsf-schedule thead th,.wcpt-schedule thead th { | |
text-transform: uppercase; | |
} | |
.wcsf-schedule thead th small,.wcpt-schedule thead th small { | |
font-style: italic; | |
color: #999; | |
font-size: 20px; | |
text-transform: none; | |
font-weight: 400; | |
} | |
.page-id-223 #secondary,.page-id-286 #secondary,.page-id-284 #secondary,.page-id-2975 #secondary,.page-id-2971 #secondary { | |
display: none; | |
} | |
.page-id-286 #tix,.page-id-284 #tix { | |
padding-top: 0 !important; | |
} | |
#content .wcsf-schedule tr td,#content .wcpt-schedule tr td,#content .wcsf-schedule tr th,#content .wcpt-schedule tr th { | |
padding: 12px; | |
} | |
.entry-content td,.entry-content tbody th,.comment-content td,.comment-content tbody th { | |
border-top: 1px solid #ededed; | |
padding: 6px 10px 6px 0; | |
} | |
.wcsf-schedule td p { | |
margin: 0; | |
} | |
.wcsf-schedule a,.wcpt-schedule a { | |
text-decoration: none; | |
} | |
.wcsf-schedule .session p a,.wcpt-schedule .wcpt-session-speakers { | |
font-size: 14px; | |
color: #888; | |
display: block; | |
} | |
.wcpt-schedule .wcpt-session-speakers a { | |
color: #333; | |
} | |
.wcpt-schedule .wcpt-session-speakers a:hover { | |
color: #f89622; | |
} | |
.wcb-track-talks { | |
width: 70%; | |
} | |
.wcb-track-workshops { | |
vertical-align: middle; | |
} | |
.wcpt-time { | |
font-weight: bold; | |
font-size: 13px !important; | |
} | |
.wcsf-schedule .session h4,.wcpt-schedule .wcpt-session-title { | |
line-height: 1.4; | |
font-size: 12px; | |
font-weight: 400; | |
text-transform: uppercase; | |
margin: 0 0 5px; | |
} | |
.wcsf-schedule .break,.wcpt-schedule .global-session.break { | |
background: #EEE; | |
} | |
.wcsf-schedule .lunch,.wcpt-schedule .global-session.lunch { | |
background-color: #00abbd; | |
} | |
.wcsf-schedule .lunch td,.wcpt-schedule .global-session.lunch td,.wcsf-schedule .lunch th,.wcpt-schedule .global-session.lunch th,.wcsf-schedule .break + tr td,.wcpt-schedule .global-session.break + tr td,.wcsf-schedule .break + tr th,.wcpt-schedule .global-session.break + tr th,.wcsf-schedule .lunch + tr td,.wcpt-schedule .global-session.lunch + tr td,.wcsf-schedule .lunch + tr th,.wcpt-schedule .global-session.lunch + tr th { | |
border: none; | |
} | |
.wcsf-schedule .lunch h4,.wcpt-schedule .global-session.lunch h4,.wcsf-schedule .lunch .time,.wcpt-schedule .global-session.lunch .time,.wcpt-schedule .lunch .wcpt-time,.wcpt-schedule .global-session.lunch .wcpt-time,.wcpt-schedule .lunch .wcpt-session-title,.wcpt-schedule .global-session.lunch .wcpt-session-title { | |
color: #fff; | |
} | |
.wcsf-schedule .break .session,.lunch .session,.wcpt-schedule .global-session .wcpt-session-type-session,.wcpt-schedule .global-session .wcpt-session-type-custom { | |
text-align: center; | |
padding: 12px 24px 12px 0 !important; | |
} | |
.wcorg-speakers .wcorg-speaker { | |
margin-bottom: 40px; | |
} | |
.wcpt-session-meta { | |
font-style: italic; | |
font-size: 14px; | |
} | |
.wcorg-speakers .wcorg-speaker .wcorg-speaker-description { | |
overflow: hidden; | |
} | |
.wcorg-speakers .wcorg-speaker img.avatar { | |
float: left; | |
margin: 0 1em .5em 0; | |
} | |
.tix_tickets_table thead tr th,.tix_tickets_table tbody tr td { | |
padding-left: 30px; | |
} | |
.tix_tickets_table thead tr th:first-child,.tix_tickets_table tbody tr td:first-child { | |
padding-left: 0; | |
} | |
#tix-attendees .tix-columns-3 li { | |
margin-left: 0; | |
} | |
.sharedaddy .sd-title { | |
display: none; | |
} | |
.post-likes-widget { | |
width: 100% !important; | |
height: auto !important; | |
overflow: visible !important; | |
} | |
.page-id-199714 h1.entry-title,.page-id-202584 h1.entry-title { | |
display: none; | |
} | |
.wcorg-session { | |
overflow: auto; | |
margin: 0 0 40px; | |
padding: 0 0 40px; | |
border-bottom: 1px solid #ddd; | |
} | |
.wcorg-session .avatar { | |
float: right; | |
margin: 0 0 20px 50px; | |
} | |
.tix-column-remaining { | |
display: none; | |
} | |
.livestream-navigation { | |
list-style: none; | |
overflow: hidden; | |
border-bottom: 1px solid #efefef; | |
} | |
.livestream-navigation li { | |
list-style: none; | |
display: inline-block; | |
font-size: 14px; | |
font-family: "brandon-grotesque", sans-serif; | |
text-transform: uppercase; | |
margin: 0; | |
padding: 0; | |
line-height: 1; | |
color: #888; | |
} | |
.livestream-navigation li a { | |
padding: 10px 20px; | |
} | |
.livestream-navigation li.active { | |
padding: 10px 20px; | |
background: #efefef; | |
text-shadow: 0 1px 0 #f9f9f9; | |
} | |
.livestream-navigation li a:hover { | |
background: #00abbd; | |
color: #fff; | |
} | |
.livestream-video,.livestream-video-alt { | |
width: 896px; | |
text-align: center; | |
background: #333; | |
padding: 50px 0; | |
margin-bottom: 2em; | |
line-height: 0; | |
} | |
.livestream-video-small,.livestream-video-alt-small { | |
width: 640px; | |
} | |
.livestream-video iframe,.livestream-video-alt iframe { | |
margin: 0; | |
} | |
.widget_wcorg_mailchimp_wiget input[type=text] { | |
width: 100%; | |
margin-bottom: 10px; | |
} | |
.wcb_sponsor .entry-header img { | |
width: auto; | |
} | |
@media only screen and (max-width: 1440px) { | |
body { | |
background-size: auto 500px; | |
} | |
} | |
@media only screen and (max-width: 600px) { | |
#page img.header-image { | |
top: 65px !important; | |
width: 150px !important; | |
margin-left: -75px !important; | |
} | |
#page { | |
margin-top: 200px !important; | |
} | |
#site-navigation { | |
padding: 10px 0 !important; | |
} | |
.menu-toggle { | |
border: none; | |
background: #fff; | |
text-transform: uppercase; | |
font-weight: bold; | |
} | |
.menu-toggle.toggled-on, .menu-toggle:active { | |
border: none; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
background-color: #ddd; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment