Network #1 Grey

    <!--Network theme By Sofi (doctorwatsn.tumblr.com) DON'T REMOVE THE CREDIT OR CLAIM IT AS YOUR OWN. DON'T USE IT AS A BASE.-->

    <head>


    <link rel="shortcut icon" href="{favicon}">
    <link rel="alternate" type="application/rss+xml" href="{rss}">

    <script type="text/javascript">
      WebFontConfig = {
        google: { families: [ 'Lato:300,400:latin' ] }
      };
      (function() {
        var wf = document.createElement('script');
        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
          '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
      })(); </script>

    <style type="text/css">

    ::-webkit-scrollbar {width: 4px; height: 4px; background: #f0f0f0; }
    ::-webkit-scrollbar-thumb { background-color: #999999; -webkit-border-radius: 0ex; }

    body
    {font-family: times;
    font-size: 18px;
    color: #000;
    background-repeat:repeat;
    background-color:#fff;}

    a:link, a:active, a:visited{
    color: #777777;
    text-decoration: none;

    }

    #con {
        margin-top:50px;
        margin-bottom: 60px;
    }

    #pannel {
        width:141px;
        height:141px;
        padding:0px;
        background-color:#fff;
        margin: 15px;
    }

    #poster {
        width:120px;
        height:120px;
        background-color:#fff;
        opacity: 0.9;
        -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
    }

    #poster img {
        width:120px;
        height:120px;
        border:1px solid #f0f0f0;
        padding:20px;
        z-index: 999;
    }


    #about {
        text-align:center;
        padding:11px;
        padding-top:3px;
        margin: 20px;
        position:absolute;
        width:100px;
        height:110px;
        font-family: sans-serif;
        letter-spacing: 1.5px;
        line-height: 130%;
        opacity:0;
        font-size:8px;
        background:white;
        color:#000;
        -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;

    }

    #pannel:hover #about {
        opacity:.8;
        -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
    }

    #description {
         font-family: garamond;
         font-size:9px;
         text-align:center;
         letter-spacing: 1.5px;
         line-height: 130%;
    }

    #member {
        font-size:12px;
        color:#000;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        letter-spacing: 1px;
        text-align: center;
        width: 120px;
        margin-top: 10px;
        margin-bottom: -36px;
        width: 160px;
        z-index: 9999999;
    }

    .url {
        padding: 3px;
        background-color: #333;
        color: white;
         font-family: calibri;
         font-size:8px;
         text-align:center;
         word-wrap:break-word;
         margin:1px;
         margin-left: -7px;
         margin-right: -7px;
         letter-spacing: 1px;
         opacity: 2;
         text-transform: uppercase;
    }

    .url a {
        color: white;
         letter-spacing: 1.5px;
    }

    #top {
        width: 533px;
        height:auto;
        font-family: times new roman;
        font-size:11px;
        line-height:18px;
        margin: auto;
        margin-top: 50px;
        text-align:center;
        padding-left: 13px;
        margin-bottom: 20px;
    }

    #text {
        width: 300px;
        font-family:'Lato', sans-serif;
        margin: auto;
        font-size: 8px;
        letter-spacing: 1.5px;
        margin-bottom: 20px;
        text-align: justify;
        padding-left:5px;
        line-height: 140%;
    }

    #links {
        width: 300px;
        font-family:'Lato', sans-serif;
        margin: auto;
        font-size: 8px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        padding-left: 3px;
    }

    #links a {
        margin-left: 8px;
        margin-right: 8px;
        display:inline-block;
        padding: 6px;
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: #f4f4f4;
    }

    #links a:hover {
        background-color: transparent;
    }

    .header {
        color:#777;
        font-family:'Lato', sans-serif;
        font-size:30px;
        text-align:center;
        letter-spacing:1px;
        margin:0px;
        font-weight: 300;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .header a {
        color:#eeeeee;
        text-decoration:none;
    }

    .all {
        margin:auto;
    }

    </style></head> <body>

    <div class="all">
    <div id="top">
    <div class="header"><span  style="border-bottom: 1px solid #f4f4f4;  padding-left: 10px; padding-right: 10px; margin-left: 7px;">Network</span></div>

    <div id="text">In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>. You can also add links, pixels, icons, dividers and make it as long as you want.</div>

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

    </div></div>

    <table class="all" border="0" cellpadding="0" cellspacing="20">

    <!-- start of 1st row-->
    <td><div id="pannel">
    <div id="poster">
    <div id="member">Name</div><!--Name of the member-->
    <p>
    <div id="about">
    <div class="url"><a href="/"> url goes here </a></div>
    <div id="description">
    <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
    </div>
    <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
    </div>
    </div></td>




    <td><div id="pannel">
    <div id="poster">
    <div id="member">Name</div><!--Name of the member-->
    <p>
    <div id="about">
    <div class="url"><a href="/"> url goes here </a></div>
    <div id="description">
    <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
    </div>
    <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
    </div>
    </div></td>



    <td><div id="pannel">
    <div id="poster">
    <div id="member">Name</div><!--Name of the member-->
    <p>
    <div id="about">
    <div class="url"><a href="/"> url goes here </a></div>
    <div id="description">
    <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
    </div>
    <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
    </div>
    </div></td>
    <!-- end of 1st row-->

    <tr>

    <!--- start of 2nd row-->
    <td><div id="pannel">
    <div id="poster">
    <div id="member">Name</div><!--Name of the member-->
    <p>
    <div id="about">
    <div class="url"><a href="/"> url goes here </a></div>
    <div id="description">
    <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
    </div>
    <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
    </div>
    </div></td>




    <td><div id="pannel">
    <div id="poster">
    <div id="member">Name</div><!--Name of the member-->
    <p>
    <div id="about">
    <div class="url"><a href="/"> url goes here </a></div>
    <div id="description">
    <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
    </div>
    <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
    </div>
    </div></td>



    <td><div id="pannel">
    <div id="poster">
    <div id="member">Name</div><!--Name of the member-->
    <p>
    <div id="about">
    <div class="url"><a href="/"> url goes here </a></div>
    <div id="description">
    <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
    </div>
    <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
    </div>
    </div></td>
    <!-- end of 2nd row-->

    <tr>

    <!--- start of 3rd row-->
    <td><div id="pannel">
    <div id="poster">
    <div id="member">Name</div><!--Name of the member-->
    <p>
    <div id="about">
    <div class="url"><a href="/"> url goes here </a></div>
    <div id="description">
    <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
    </div>
    <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
    </div>
    </div></td>




    <td><div id="pannel">
    <div id="poster">
    <div id="member">Name</div><!--Name of the member-->
    <p>
    <div id="about">
    <div class="url"><a href="/"> url goes here </a></div>
    <div id="description">
    <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
    </div>
    <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
    </div>
    </div></td>



    <td><div id="pannel">
    <div id="poster">
    <div id="member">Name</div><!--Name of the member-->
    <p>
    <div id="about">
    <div class="url"><a href="/"> url goes here </a></div>
    <div id="description">
    <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
    </div>
    <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
    </div>
    </div></td>
    <!-- end of 3rd row-->

    <tr>

    <!--- start of 4th row-->
    <td><div id="pannel">
    <div id="poster">
    <div id="member">Name</div><!--Name of the member-->
    <p>
    <div id="about">
    <div class="url"><a href="/"> url goes here </a></div>
    <div id="description">
    <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
    </div>
    <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
    </div>
    </div></td>




    <td><div id="pannel">
    <div id="poster">
    <div id="member">Name</div><!--Name of the member-->
    <p>
    <div id="about">
    <div class="url"><a href="/"> url goes here </a></div>
    <div id="description">
    <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
    </div>
    <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
    </div>
    </div></td>



    <td><div id="pannel">
    <div id="poster">
    <div id="member">Name</div><!--Name of the member-->
    <p>
    <div id="about">
    <div class="url"><a href="/"> url goes here </a></div>
    <div id="description">
    <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
    </div>
    <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
    </div>
    </div></td>
    <!-- end of 4th row-->

    <!-- to add more rows, copy everything from <tr> of the first pannel to </td> of the third pannel!
    if you need help adding more rows or with anything in this code please ask-->

    </table>

    </div>

    <!-- you can remove the credit if you'd like :)-->


    <div style="font-size:8px; font-family:georgia; letter-spacing:2px; background-color:#fff; padding:5px; border:1px solid #e9e9e9; position:fixed; right:15px; bottom:10px;"><a href="http://www.doctorwatsn.tumblr.com">221b</a></div>

    </body>
    </html>