About/Network Collection

<html>
<head><title>Info</title>


<!-- Effects go to infinite design. Theme "About" 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;}


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


.content {
    position: fixed;
    margin-top: 400px;
    margin-left: 400px;
    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;
}

/** Effects by InfinityDesigns**/
.opacid{
opacity: 0.3;
border-radius:8px;
}

.opacid:hover{
opacity: 0.99;
border-radius:50px;
-webkit-transition-duration:.99s;
-moz-transition-duration: .99s;
transition-duration: .99s;
-moz-transform: scale(-1.2) rotate(180deg);
-webkit-transform: scale(-1.2) rotate(180deg);
-o-transform: scale(-1.2) rotate(180deg);
}
</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="sidebar">

    <div id="title">Information</div>

    <!-- Add your image url where it says to. Horizontal posts work best. If you would like a differently shaped photo, message me and I'll help recreate the code for you [for a small fee] or figure it out on your own. -->

<a href="LINK">     <img src="IMAGE URL HERE" class="opacid" width="" title="">
</a>


    <!--links, you can choose the links but the ones given come with the collection-->

    <div id="links">
        <a href="/">home</a>
        <a href="/members">members</a>
        <a href="/apply">apply</a>
    </div>


</div>


<div class="content"> <div id="title">The Network: </div> This is where you put information about your network, such as what type, the purpose, etc This is a page, (not a website) therefor you must edit the coding, where there are tutorials within the coding on where to add what.


</body>
</html>