Difference between revisions of "Hitchwiki:Topline"

From Hitchwiki
Jump to navigation Jump to search
m
 
(77 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<div style='position: absolute; top: 0px; left: 0px; border-bottom: 1px solid blue; background-color: #DDD; width: 100%; text-align: left;'>
+
<style type="text/css">
<span style='text-align: left;'>
+
/* <nowiki> */
Hitchwiki!
+
/*
</span>
+
* Topline
<span style='text-align: center;'>
+
*/
<a href='http://www.hitchwiki.org/'>Wiki</a>
+
#topline {
<small>
+
    background-color: #faf9f3;
[<a href='http://en.hitchwiki.org/'>en</a>
+
    font-family: arial, sans-serif;
<a href='http://es.hitchwiki.org/'>es</a>
+
    font-size: 10px;
<a href='http://de.hitchwiki.org/'>de</a>
+
    line-height: 13px;
<a href='http://fr.hitchwiki.org/'>fr</a>]
+
    font-weight: bold;  
<small>
+
    width: 100%;  
&middot;
+
    text-align: left;
<a href='http://blogs.hitchwiki.org/'>Blogs</a>
+
    z-index: 40;
&middot;
+
}
<a href='http://planet.hitchwiki.org/'>Planet</a>
+
 
&middot;
+
#topline ul {
<a href='http://maps.hitchwiki.org/'>Maps</a>
+
    display: inline;
</span>
+
}
 +
 
 +
#topline ul li {
 +
    display: inline;
 +
}
 +
 
 +
#topline ul#parts {
 +
    font-size: 1.03em;
 +
}
 +
 
 +
#topline ul#languages {
 +
    font-size: 0.83em;
 +
}
 +
 
 +
#topline ul#languages li {
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
 
 +
#topline a:link,
 +
#topline a:visited,
 +
#topline a:hover,
 +
#topline a:active {
 +
    color: #111;
 +
    font-weight: bold;
 +
    line-height: 20px;
 +
    padding: 4px;
 +
    margin: 0;
 +
    opacity: 0.7;
 +
    text-decoration: none;
 +
   
 +
   
 +
    -webkit-border-bottom-left-radius: 5px;
 +
    -webkit-border-bottom-right-radius: 5px;
 +
    -moz-border-radius-bottomleft: 5px;
 +
    -moz-border-radius-bottomright: 5px;
 +
    border-bottom-left-radius: 5px;
 +
    border-bottom-right-radius: 7px;
 +
}
 +
 
 +
#topline a:hover,
 +
#topline a:active {
 +
    color: #fff;
 +
    background-color: #c99416;
 +
}
 +
 
 +
#topline #hitchwiki a:link,
 +
#topline #hitchwiki a:visited,
 +
#topline #hitchwiki a:active,
 +
#topline #hitchwiki a:hover {
 +
    color: #b00;
 +
    padding: 5px 0 0 4px;
 +
    display: block;
 +
    float: left;
 +
    font-size: 11px;
 +
    line-height: 11px;
 +
    font-weight: bold;
 +
    text-decoration: none;
 +
    background-color: transparent;
 +
}
 +
/* </nowiki> */
 +
</style>
 +
<div id="topline">  
 +
<span id="hitchwiki"><a href="http://hitchwiki.org/" title="The Hitchhiker's Guide to Hitchhiking">Hitchwiki</a></span>
 +
 
 +
<ul id="parts">  
 +
<li><a href='http://hitchwiki.org/' title="Hitchwiki">Wiki</a></li>
 +
<li><a href='http://hitchwiki.org/community/' title="Hitchwiki Community">Community</a></li>  
 +
<li><a href='http://hitchwiki.org/planet/' title="Hitchwiki Planet">Planet</a></li>  
 +
<li><a href='http://maps.hitchwiki.org/' title="Hitchwiki Maps">Maps</a></li>  
 +
</ul>  
 
</div>
 
</div>

Latest revision as of 19:25, 3 January 2011

<style type="text/css"> /* */ /* * Topline */ #topline { background-color: #faf9f3; font-family: arial, sans-serif; font-size: 10px; line-height: 13px; font-weight: bold; width: 100%; text-align: left; z-index: 40; } #topline ul { display: inline; } #topline ul li { display: inline; } #topline ul#parts { font-size: 1.03em; } #topline ul#languages { font-size: 0.83em; } #topline ul#languages li { padding: 0; margin: 0; } #topline a:link, #topline a:visited, #topline a:hover, #topline a:active { color: #111; font-weight: bold; line-height: 20px; padding: 4px; margin: 0; opacity: 0.7; text-decoration: none; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 7px; } #topline a:hover, #topline a:active { color: #fff; background-color: #c99416; } #topline #hitchwiki a:link, #topline #hitchwiki a:visited, #topline #hitchwiki a:active, #topline #hitchwiki a:hover { color: #b00; padding: 5px 0 0 4px; display: block; float: left; font-size: 11px; line-height: 11px; font-weight: bold; text-decoration: none; background-color: transparent; } /* */ </style>

<a href="http://hitchwiki.org/" title="The Hitchhiker's Guide to Hitchhiking">Hitchwiki</a>