Skip to content

Instantly share code, notes, and snippets.

@tyron

tyron/dabblet.css

Created September 15, 2012 18:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tyron/3729102 to your computer and use it in GitHub Desktop.
Save tyron/3729102 to your computer and use it in GitHub Desktop.
Download ZIP
Topo fixo Sitepoint
Raw
dabblet.css
/*
* Topo fixo Sitepoint
* http://www.sitepoint.com/google-analytics-track-javascript-ajax-events/
*/
* {
margin: 0;
padding: 0;
}
#sph-wrap {
width:100%;
height:45px;
color:white;
position:fixed;
top:0px;
z-index:9999;
background:#404040;
background:rgba(0,0,0,0.7);
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
font-weight:300 !important;
border-bottom:1px solid rgba(225,225,225,0.3);
-webkit-transition:top 0.2s ease-in-out;
-moz-transition:top 0.2s ease-in-out;
-o-transition:top 0.2s ease-in-out;
-ms-transition:top 0.2s ease-in-out;
transition:top 0.2s ease-in-out
}
#sph-wrap.scrolling {
top:0
}
.admin-bar #sph-wrap,.admin_bar #sph-wrap {
top:28px!important
}
body:has(#wpadminbar) #sph-wrap {
top:28px!important;
color:red
}
#sph-wrap #sph-top {
width:100% !important
}
#sph-wrap #sph-top>ul {
margin:0;
padding-left:0;
height:45px
}
#sph-wrap #sph-top>ul>li {
float:left;
line-height:45px;
height:45px
}
#sph-wrap li li {
text-align:left!important
}
#sph-wrap #sph-top>ul>li:not(#network_menu).has_sub>a:after {
content:" ";
display:block;
position:absolute;
right:7px;
top:22px;
opacity:0.4;
border:3px solid transparent;
border-top-color:#fff;
-webkit-transition:opacity 0.3s linear;
-moz-transition:opacity 0.3s linear;
-ms-transition:opacity 0.3s linear;
-o-transition:opacity 0.3s linear;
transition:opacity 0.3s linear
}
#sph-wrap #sph-top>ul>li:not(#network_menu).has_sub>a:hover:after {
opacity:1
}
#sph-wrap #sph-top>ul>li:not(#network_menu).has_sub>a {
padding-right:20px
}
#sph-wrap #sph-top li a {
color:#ccc;
text-decoration:none;
display:block;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
transition:all 0.3s linear;
padding:0 10px;
font-size:13px;
font-weight:500
}
#sph-wrap #sph-top li li a {
font-size:14px
}
#sph-wrap #sph-top li a:hover {
color:#fff;
background-color:rgba(225,225,225,0.2);
-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
text-shadow:0 -2px 0 rgba(0,0,0,0.8)
}
#sph-wrap h1,#sph-wrap h2 {
margin:0;
line-height:45px;
font-weight:300
}
#sph-wrap h1 {
width:auto!important;
font-size:24px;
padding:0 0 0 40px !important;
margin-right:10px;
color:white;
font-family:"Helvetica Neue",Helvetica;
cursor:pointer;
font-weight:300;
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/logosprites.png) no-repeat
}
#sph-wrap h1 a:first-letter {
text-transform:uppercase
}
#sph-wrap h1 a {
font-weight:300!important
}
#link-to-home:hover {
background:none !important;
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
border:none
}
#link-to-home {
padding:0 !important;
font-size:24px !important
}
#sph-loading {
float:right !important;
width:45px;
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/ajax-loader.gif) no-repeat center;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity:0;
-webkit-transition:opacity 0.3s linear;
-moz-transition:opacity 0.3s linear;
-o-transition:opacity 0.3s linear;
-ms-transition:opacity 0.3s linear;
transition:opacity 0.3s linear
}
#sph-loading.visible {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
opacity:0.7
}
h1.sitepoint {
background-position:5px 6px !important
}
h1.dealfuel {
background-position:-198px -196px !important
}
h1.rubysource {
background-position:-47px -45px !important
}
h1.designfestival {
background-position:-148px -147px !important
}
h1.phpmaster {
background-position:-95px -95px !important
}
h1.buildmobile {
background-position:-298px -295px !important
}
h1.cloudspring {
background-position:-250px -245px !important
}
h1.sitepointmarket {
background-position:-349px -343px !important
}
#sph-wrap h1:after {
content:".";
text-indent:-9999em;
display:block;
position:absolute;
right:15px;
top:22px;
width:0;
border-top:4px solid #fff !important;
border:4px solid transparent
}
#sph-wrap #search {
float:right!important;
padding:0;
width:45px;
background-image:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/find.png);
background-repeat:no-repeat;
background-position:3px 3px
}
#sph-wrap #search>h3 {
text-indent:-9999em;
margin:0
}
#sph-wrap #search:hover {
background-color:#92cd68
}
#search form {
position:absolute;
right:-1px;
top:-10000px;
background:rgba(0,0,0,0.6);
padding:10px;
-webkit-transition:opacity 0.5s linear
}
#search:hover form {
top:45px;
opacity:1
}
li {
cursor:pointer !important
}
li.hidden {
opacity:0!important
}
#sph-wrap #s {
border:none !important;
padding:5px 10px !important;
padding-left:30px !important;
background:rgba(225,225,225,1) url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/magnifier.png) no-repeat 7px center;
-webkit-background-size:16px;
-moz-background-size:16px;
background-size:16px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin-left:10px;
width:100px;
color:#404040;
font-size:16px !important;
font-family:"Helvetica Neue"!important;
font-weight:300 !important;
font-style:normal;
-webkit-box-shadow:0 -1px 0 rgba(225,225,225,0.3);
-moz-box-shadow:0 -1px 0 rgba(225,225,225,0.3);
box-shadow:0 -1px 0 rgba(225,225,225,0.3),inset 2px 2px 5px rgba(0,0,0,0.3);
text-shadow:0 1px 0 rgba(225,225,225,0.5);
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
opacity:0.7
}
#sph-wrap #s:focus {
width:250px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1;
outline:none
}
#sph-wrap #sph-top #network_menu li a {
padding:0 10px 0 42px;
cursor:pointer;
text-align:left !important
}
#unite-sitepoint {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/logosprites.png) no-repeat 5px 6px
}
#unite-rubysource {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/logosprites.png) no-repeat -50px -45px
}
#unite-buildmobile {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/logosprites.png) no-repeat -298px -295px
}
#unite-cloudspring {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/logosprites.png) no-repeat -248px -245px
}
#unite-dealfuel {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/logosprites.png) no-repeat -198px -196px
}
#unite-designfestival {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/logosprites.png) no-repeat -148px -147px
}
#unite-phpmaster {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/logosprites.png) no-repeat -97px -98px
}
#unite-learnable {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/logosprites.png) no-repeat -342px -345px
}
#unite-sitepointmarket {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/logosprites.png) no-repeat -380px -385px
}
#sph-wrap #sph-top ul li {
position:relative;
list-style:none
}
#sph-wrap #sph-top ul ul {
top:-99999em;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity:0;
z-index:99;
min-width:240px;
background:rgba(0,0,0,0.9);
position:absolute;
left:0;
padding:0;
padding-bottom:10px;
margin:0;
-webkit-box-shadow:0 0 30px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 30px rgba(0,0,0,0.4);
box-shadow:0 0 30px rgba(0,0,0,0.4);
-webkit-transition:opacity 0.4s ease-in-out;
-moz-transition:opacity 0.4s ease-in-out;
-o-transition:opacity 0.4s ease-in-out;
-ms-transition:opacity 0.4s ease-in-out;
transition:opacity 0.4s ease-in-out
}
#sph-wrap #sph-top ul ul li a {
display:block;
margin-bottom:1px
}
#sph-wrap #sph-top ul ul li a:hover {
background-color:rgba(225,225,225,0.2);
-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
text-shadow:0 -2px 0 rgba(0,0,0,0.8);
border:0
}
#sph-wrap ul li:hover ul,#sph-wrap ul li:focus ul {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1!important;
top:45px!important
}
.sub-open>ul {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1!important;
top:45px!important
}
#network_menu {
padding-right:30px;
padding-left:2px
}
#network_menu:hover {
background:rgba(225,225,225,0.1)
}
#network_menu ul {
width:100% !important
}
#sph-top {
float:right!important
}
.li-right {
float:right !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
opacity:0.7;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
transition:all 0.3s linear;
background-color:rgba(225,225,225,0.1)!important;
margin-right:1px
}
.li-right:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1;
background-color:rgba(225,225,225,0.9)
}
.li-right a {
text-decoration:none;
text-indent:-999em;
width:45px;
display:block;
padding:0 !important
}
#sph-rss-link a {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/socialsprites.png) no-repeat -247px -247px
}
#sph-rss-link a:hover {
background-color:#ff7200 !important
}
#sph-facebook-link a:hover {
background-color:rgba(59,89,152,1) !important
}
#sph-twitter-link a:hover {
background-color:rgba(141,192,217,1) !important
}
#sph-subscribe-email:hover {
background-color:rgba(31,136,225,1) !important
}
#sph-github-link a:hover {
background-color:rgba(103,124,137,1) !important
}
#sph-google-link a:hover {
-webkit-animation:googlecolors 8s infinite;
-moz-animation:googlecolors 8s infinite;
-ms-animation:googlecolors 8s infinite;
-o-animation:googlecolors 8s infinite;
animation:googlecolors 8s infinite
}
.prox {
background-color:#1f88ff;
-webkit-animation:pulseblue 4s infinite;
-moz-animation:pulseblue 4s infinite;
-ms-animation:pulseblue 4s infinite;
-o-animation:pulseblue 4s infinite;
animation:pulseblue 4s infinite
}
.prox:hover {
-webkit-animation:none !important;
-moz-animation:none !important;
-ms-animation:none !important;
-o-animation:none !important;
animation:none !important
}
@keyframes "pulseblue" {
1% {
background-color:rgba(225,225,225,0.1)
}
50% {
background-color:rgba(31,136,225,1)
}
100% {
background-color:rgba(225,225,225,0.1)
}
}
@-moz-keyframes pulseblue {
1% {
background-color:rgba(225,225,225,0.1)
}
50% {
background-color:rgba(31,136,225,1)
}
100% {
background-color:rgba(225,225,225,0.1)
}
}
@-webkit-keyframes "pulseblue" {
1% {
background-color:rgba(225,225,225,0.1)
}
50% {
background-color:rgba(31,136,225,1)
}
100% {
background-color:rgba(225,225,225,0.1)
}
}
@-ms-keyframes "pulseblue" {
1% {
background-color:rgba(225,225,225,0.1)
}
50% {
background-color:rgba(31,136,225,1)
}
100% {
background-color:rgba(225,225,225,0.1)
}
}
@-o-keyframes "pulseblue" {
1% {
background-color:rgba(225,225,225,0.1)
}
50% {
background-color:rgba(31,136,225,1)
}
100% {
background-color:rgba(225,225,225,0.1)
}
}
@keyframes "googlecolors" {
1% {
background-color:rgba(0,201,230,1)
}
24% {
background-color:rgba(247,220,0,1)
}
49% {
background-color:rgba(72,201,75,1)
}
74% {
background-color:rgba(253,119,130,1)
}
100% {
background-color:rgba(0,201,230,1)
}
}
@-moz-keyframes googlecolors {
1% {
background-color:rgba(0,201,230,1)
}
24% {
background-color:rgba(247,220,0,1)
}
49% {
background-color:rgba(72,201,75,1)
}
74% {
background-color:rgba(253,119,130,1)
}
100% {
background-color:rgba(0,201,230,1)
}
}
@-webkit-keyframes "googlecolors" {
1% {
background-color:rgba(0,201,230,1)
}
24% {
background-color:rgba(247,220,0,1)
}
49% {
background-color:rgba(72,201,75,1)
}
74% {
background-color:rgba(253,119,130,1)
}
100% {
background-color:rgba(0,201,230,1)
}
}
@-ms-keyframes "googlecolors" {
1% {
background-color:rgba(0,201,230,1)
}
24% {
background-color:rgba(247,220,0,1)
}
49% {
background-color:rgba(72,201,75,1)
}
74% {
background-color:rgba(253,119,130,1)
}
100% {
background-color:rgba(0,201,230,1)
}
}
@-o-keyframes "googlecolors" {
1% {
background-color:rgba(0,201,230,1)
}
24% {
background-color:rgba(247,220,0,1)
}
49% {
background-color:rgba(72,201,75,1)
}
74% {
background-color:rgba(253,119,130,1)
}
100% {
background-color:rgba(0,201,230,1)
}
}
#sph-twitter-link a {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/socialsprites.png) no-repeat -309px -307px
}
#sph-facebook-link a {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/socialsprites.png) no-repeat -68px -67px
}
#sph-google-link a {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/socialsprites.png) no-repeat -187px -187px
}
#sph-subscribe-email a {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/socialsprites.png) no-repeat -6px -6px
}
#sph-github-link a {
background:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/socialsprites.png) no-repeat -127px -128px
}
#sph-subscribe-email form {
position:absolute;
top:-1000px;
background:rgba(0,0,0,1);
right:0px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity:0;
-webkit-transition:opacity 0.3s linear;
-moz-transition:opacity 0.3s linear;
-o-transition:opacity 0.3s linear;
-ms-transition:opacity 0.3s linear;
transition:opacity 0.3s linear
}
#sph-subscribe-email:hover form,#sph-subscribe-email.stay form {
top:45px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1;
padding:10px 20px 20px;
overflow:hidden
}
#sph-subscribe-email form .message {
position:absolute;
margin:0 !important;
padding:0 !important;
text-align:center;
font-weight:bold;
left:0;
top:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity:0;
width:100%;
padding-bottom:20px;
background:rgba(0,0,0,0.9) url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/ajax-loader.gif) no-repeat center;
display:none;
-webkit-box-shadow:0 5px 10px #000;
-moz-box-shadow:0 5px 10px #000;
box-shadow:0 5px 10px #000
}
#sph-subscribe-email form .closer {
top:-10px
}
#sph-subscribe-email form p {
margin:0
}
#sph-subscribe-email form p.label {
margin:0 0 10px;
font-size:13px;
color:white;
width:190px;
line-height:18px;
font-weight:bold
}
#sph-subscribe-email form input[type=text] {
width:176px;
padding:5px 7px;
background:rgba(225,225,225,1);
border:2px solid #eee;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
#sph-subscribe-email form input[type=text]:focus {
outline:none;
border:2px solid #2aa0fa
}
#sph-subscribe-email form input[type=submit] {
width:194px;
border:1px solid #8eaae9;
padding:7px 0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:white;
font-weight:bold;
text-shadow:0 1px 0 rgba(0,0,0,0.4);
-webkit-box-shadow:0px 5px 0px #22448f;
-moz-box-shadow:0px 5px 0px #22448f;
box-shadow:0px 5px 0px #22448f;
background-image:-webkit-linear-gradient(bottom,rgb(28,98,189) 23%,rgb(0,111,255) 81%);
background-image:-moz-linear-gradient(bottom,rgb(28,98,189) 23%,rgb(0,111,255) 81%);
background-image:-o-linear-gradient(bottom,rgb(28,98,189) 23%,rgb(0,111,255) 81%);
background-image:-ms-linear-gradient(bottom,rgb(28,98,189) 23%,rgb(0,111,255) 81%);
background-image:linear-gradient(bottom,rgb(28,98,189) 23%,rgb(0,111,255) 81%);
background-image:-webkit-gradient( linear,left bottom,left top,color-stop(0.23,rgb(28,98,189)),color-stop(0.81,rgb(0,111,255)) );
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1 !important
}
#sph-subscribe-email form input[type=submit]:active {
position:relative;
top:5px;
-webkit-box-shadow:0px 5px 0px rgba(0,0,0,0);
-moz-box-shadow:0px 5px 0px rgba(0,0,0,0);
box-shadow:0px 5px 0px rgba(0,0,0,0)
}
#menu-trigger {
display:none
}
#sph-info {
float:right!important;
margin-right:1px
}
#sph-top-link {
width:45px;
overflow:hidden
}
#sph-top-link:hover {
background-color:black!important
}
#sph-info h4 {
text-indent:-900em;
width:45px;
position:relative;
background-image:url(http://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/abouticon.png);
opacity:1;
margin:0;
-webkit-transition:background-color 0.3s ease-in-out
}
#sph-top-link h4 {
text-indent:100%;
white-space:nowrap;
overflow:hidden;
padding:0!important;
background:url(http://www.sitepoint.comhttp://www.sitepoint.com/wp-content/mu-plugins/sp-header/img/top.png) no-repeat center;
margin:0!important
}
#sph-top-link:hover h4 {
-webkit-animation:animateTop 2s ease-in-out 0s infinite alternate;
-moz-animation:animateTop 2s ease-in-out 0s infinite alternate;
-ms-animation:animateTop 2s ease-in-out 0s infinite alternate;
-o-animation:animateTop 2s ease-in-out 0s infinite alternate;
animation:animateTop 2s ease-in-out 0s infinite alternate
}
@keyframes "animateTop" {
1% {
background-position:10px 10px
}
33% {
background-position:10px -50px
}
34% {
background-position:-50px -50px
}
35% {
background-position:-50px 50px
}
36% {
background-position:10px 50px
}
66% {
background-position:10px 10px
}
100% {
background-position:10px 10px
}
}
@-moz-keyframes animateTop {
1% {
background-position:10px 10px
}
33% {
background-position:10px -50px
}
34% {
background-position:-50px -50px
}
35% {
background-position:-50px 50px
}
36% {
background-position:10px 50px
}
66% {
background-position:10px 10px
}
100% {
background-position:10px 10px
}
}
@-webkit-keyframes "animateTop" {
1% {
background-position:10px 10px
}
33% {
background-position:10px -50px
}
34% {
background-position:-50px -50px
}
35% {
background-position:-50px 50px
}
36% {
background-position:10px 50px
}
66% {
background-position:10px 10px
}
100% {
background-position:10px 10px
}
}
@-ms-keyframes "animateTop" {
1% {
background-position:10px 10px
}
33% {
background-position:10px -50px
}
34% {
background-position:-50px -50px
}
35% {
background-position:-50px 50px
}
36% {
background-position:10px 50px
}
66% {
background-position:10px 10px
}
100% {
background-position:10px 10px
}
}
@-o-keyframes "animateTop" {
1% {
background-position:10px 10px
}
33% {
background-position:10px -50px
}
34% {
background-position:-50px -50px
}
35% {
background-position:-50px 50px
}
36% {
background-position:10px 50px
}
66% {
background-position:10px 10px
}
100% {
background-position:10px 10px
}
}
#sph-info:hover h4 {
background-color:rgb(237,157,100);
box-shadow:inset 0 0 5px rgba(0,0,0,0.5)
}
#sph-info p {
position:absolute;
background:rgba(0,0,0,0.7);
width:200px;
line-height:18px;
padding:20px;
color:white;
font-weight:bold;
font-size:14px;
top:-1000px;
right:0;
opacity:0;
margin:0;
-webkit-transition:opacity 0.3s ease-in-out
}
#sph-info:hover p {
opacity:1;
top:45px
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
#network_menu {
width:100%
}
.li-right,li.menu-item,#search {
display:none!important
}
.mobile-hide {
display:none
}
}
@media only screen and (min-width:480px) and (max-width:1024px) {
#sph-wrap>#sph-top>ul>li:not(#network_menu)>a {
font-size:12px!important;
padding:0px 10px!important
}
#sph-wrap #sph-top>ul>li:not(#network_menu).has_sub>a {
padding-right:20px!important
}
#sph-wrap #sph-top>ul>li:not(#network_menu).has_sub>a:after {
right:7px
}
.li-right {
display:none;
padding:0!important
}
}
Raw
dabblet.html
<div id="sph-wrap" class="mobile-hide">
<div class="container" id="sph-top" style="height: 45px;">
<ul>
<li id="network_menu" class="has_sub">
<h1 class="sitepoint"><a href="http://www.sitepoint.com" id="link-to-home">SitePoint</a></h1>
<ul>
<li id="unite-dealfuel"><a href="http://dealfuel.com">DealFuel</a></li>
<li id="unite-rubysource"><a href="http://rubysource.com">RubySource</a></li>
<li id="unite-designfestival"><a href="http://designfestival.com">DesignFestival</a></li>
<li id="unite-phpmaster"><a href="http://phpmaster.com">PHPMaster</a></li>
<li id="unite-buildmobile"><a href="http://buildmobile.com">BuildMobile</a></li>
<li id="unite-cloudspring"><a href="http://cloudspring.com">CloudSpring</a></li>
<li id="unite-learnable"><a href="http://learnable.com">Learnable</a></li>
<li id="unite-sitepointmarket"><a href="http://sitepointmarket.com">SitePointMarket</a></li>
</ul>
</li>
<li id="menu-item-58297" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58297"><a href="http://sitepoint.com">Home</a></li>
<li id="menu-item-58298" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58298 has_sub"><a href="http://www.sitepoint.com/forums/">Forums</a>
<ul class="sub-menu">
<li id="menu-item-58299" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58299"><a href="http://www.sitepoint.com/forums/forumdisplay.php?240-Web-Content">Web Content</a></li>
<li id="menu-item-58300" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58300"><a href="http://www.sitepoint.com/forums/forumdisplay.php?40-Design-Your-Site">Design Your Site</a></li>
<li id="menu-item-58301" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58301"><a href="http://www.sitepoint.com/forums/forumdisplay.php?4-Program-Your-Site">Program Your Site</a></li>
<li id="menu-item-58302" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58302"><a href="http://www.sitepoint.com/forums/forumdisplay.php?95-Host-Your-Site">Host Your Site</a></li>
<li id="menu-item-58303" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58303"><a href="http://www.sitepoint.com/forums/forumdisplay.php?45-Manage-Your-Site">Manage Your Site</a></li>
<li id="menu-item-58304" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58304"><a href="http://www.sitepoint.com/forums/forumdisplay.php?47-Community-Center">Community Center</a></li>
</ul>
</li>
<li id="menu-item-58305" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58305 has_sub"><a href="#">Resources</a>
<ul class="sub-menu">
<li id="menu-item-58306" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58306"><a href="http://www.sitepoint.com/newsletter/#subscription-info">Newsletters</a></li>
<li id="menu-item-58307" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-58307"><a href="http://www.sitepoint.com/category/podcast/">Podcast</a></li>
<li id="menu-item-58308" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58308"><a href="http://reference.sitepoint.com/css">CSS Reference</a></li>
<li id="menu-item-58309" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58309"><a href="http://reference.sitepoint.com/html">HTML Reference</a></li>
<li id="menu-item-58310" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58310"><a href="http://reference.sitepoint.com/javascript">Javascript Reference</a></li>
<li id="menu-item-58311" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-58311"><a href="http://www.sitepoint.com/tools/">Tools</a></li>
<li id="menu-item-58312" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58312"><a href="http://www.sitepoint.com/tag/html5-dev-center/">HTML5 Dev Center</a></li>
<li id="menu-item-58313" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-58313"><a href="http://www.sitepoint.com/web-hosting-reviews/">Web Hosting Reviews</a></li>
</ul>
</li>
<li id="menu-item-58314" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58314 has_sub"><a href="http://dealfuel.com/?utm_source=sitepoint&amp;utm_medium=menu&amp;utm_campaign=sitepoint">Deals</a>
<ul class="sub-menu">
<li id="menu-item-58761" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58761"><a href="http://dealfuel.com/?ptype=buydeal&amp;did=4828">10 Mac Apps for $49.99</a></li>
</ul>
</li>
<li id="menu-item-58315" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58315 has_sub"><a href="http://products.sitepoint.com/">Bookstore</a>
<ul class="sub-menu">
<li id="menu-item-58574" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58574"><a href="http://www.sitepoint.com/launch/d4f383">* Latest Book</a></li>
<li id="menu-item-58316" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58316"><a href="http://products.sitepoint.com/topsellers">Best Sellers</a></li>
<li id="menu-item-58317" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58317"><a href="http://products.sitepoint.com/development">Development</a></li>
<li id="menu-item-58318" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58318"><a href="http://products.sitepoint.com/design">Design</a></li>
<li id="menu-item-58322" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58322"><a href="http://products.sitepoint.com/?tag=&amp;filters%5Btag%5D%5B%5D=javascript&amp;filters%5Bdifficulty%5D=&amp;simpleform_submit_marker=showme">Javascript Books</a></li>
<li id="menu-item-58320" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58320"><a href="http://products.sitepoint.com/?tag=&amp;filters%5Btag%5D%5B%5D=css&amp;filters%5Bdifficulty%5D=&amp;simpleform_submit_marker=showme">CSS Books</a></li>
<li id="menu-item-58321" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58321"><a href="http://products.sitepoint.com/?tag=&amp;filters%5Btag%5D%5B%5D=html&amp;filters%5Bdifficulty%5D=&amp;simpleform_submit_marker=showme">HTML Books</a></li>
<li id="menu-item-58323" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58323"><a href="http://products.sitepoint.com/?tag=&amp;filters%5Btag%5D%5B%5D=php&amp;filters%5Bdifficulty%5D=&amp;simpleform_submit_marker=showme">PHP Books</a></li>
<li id="menu-item-58319" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58319"><a href="http://products.sitepoint.com/?tag=&amp;filters%5Btag%5D%5B%5D=asp.net&amp;filters%5Bdifficulty%5D=&amp;simpleform_submit_marker=showme">ASP.NET Books</a></li>
</ul>
</li>
<li id="menu-item-58324" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58324"><a href="http://www.sitepointmarket.com">Market</a></li>
<li id="menu-item-58325" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58325"><a href="https://learnable.com/sitepoint">Courses</a></li>
<li id="menu-item-58770" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-58770"><a href="http://www.sitepoint.com/jobboard/">Job Board</a></li>
<li id="search" class="li-right">
<h3>Search</h3>
<form method="get" id="search_form" action="http://www.sitepoint.com/">
<input type="text" placeholder="Search" id="s" name="s" value="">
</form>
</li>
<li id="sph-rss-link" class="li-right"><a href="http://www.sitepoint.com/feed/" title="Subscribe to our RSS Feed">Subscribe via RSS!</a></li>
<li id="sph-top-link" class="li-right">
<h4>top</h4>
;</li>
<li id="sph-facebook-link" class="li-right social"><a href="http://www.facebook.com/sitepoint" title="Like us on Facebook!">Like us on Facebook!</a></li>
<li id="sph-twitter-link" class="li-right social"><a href="http://www.twitter.com/sitepointdotcom" title="Follow us on Twitter!">Follow us on Twitter!</a></li>
<li id="sph-google-link" class="li-right social"><a href="https://plus.google.com/u/0/109964772956253337795/posts" title="Follow us on Google+!">Follow us on Google+!</a></li>
<li id="sph-loading">&nbsp;</li>
</ul>
</div>
</div>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment