Members/Network Collection

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}


<!--. Theme "Members" Part of the Synics Network Collection -->


<style type="text/css">


/* change the font to anything you want where it says consolas*/

body {
    font-family: consolas;
    font-size: 10px;
    color: #000;
    margin: 0;
}

a {text-decoration:none; color:#000000; -webkit-transition: 0.5s ease-in;}
a:hover {-webkit-transition: 0.5s ease-in; color:#fff;}


.members {
    position: fixed;
    margin-top: 450px;
    margin-left: 500px;
    width: 500px;
    text-align: justify;
    background: #ffffff;
    padding: 10px;
}


.members2 {
    position: fixed;
    margin-top: 450px;
    margin-left: 650px;
    width: 500px;
    text-align: justify;
    background: #ffffff;
    padding: 10px;
}


.content1 {
    position: fixed;
    margin-top: 400px;
    margin-left: 500px;
    width: 300px;
    text-align: justify;
    background: #FBFBFB;
    padding: 10px;
}


#title {
    margin-bottom: 5px;
    text-align: center;
    color: #000;
    background: #F0F0F0;
    padding: 5px;
    letter-spacing: 1px;
}


#links {
    text-align: center;
    margin-top: 5px;
}

iframe#tumblr_controls {
    position: fixed !important;
    z-index: 9999;
}


.links{
font-family: {font:body};
font-size: 13px;
height: 18px;
display: block;
background: #fafafa;
line-height: 18px;
width: 120px;
margin-top: 5px;
text-align: center;
border: 1px dotted #fafafa;
border-top-right-radius: 80px;
border-bottom-right-radius: 1px;
border-top-left-radius: 1px;
border-bottom-left-radius: 80px;
}

.links a{-webkit-transition: 0.5s ease-in; color:#ffffff;}

</style>

</head>


<body>
<div style="position:fixed; bottom:5px; left:2px;"><a href="http://synics.tumblr.com" title="SYNICS THEME">theme</a></div>
<div id="content">


<div class="content1"> <div id="title">Members </div>   </div>
 <!--links, you can choose the links for each member-->

  <div class="members">
<a class="links_head"><a href="URL" class="links">member</a>
<a href="URL" class="links">member</a>
<a href="URL" class="links">member</a>
<a href="URL" class="links">member</a>
<a href="URL" class="links">member</a>

</div>

<!--column 2, add more links here -->
<div class="members2">
<a href="URL" class="links">member</a>
<a href="URL" class="links">member</a>
<a href="URL" class="links">member</a>
<a href="URL" class="links">member</a>
<a href="URL" class="links">member</a>
</div>


</body>
</html>