muses page #1

<link href='https://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

<style>
.thebackground { background-image:url(http://i67.tinypic.com/sdocw0.jpg);width:100%;height:100%;position:fixed;margin:-7px;overflow:scroll;overflow-x:hidden;}
.musephoto { width:150px;height:300px;background-color:#fff;border:1px solid #eee;padding:10px; }
.musephoto img {  width:73px;height:73px;overflow:hidden;padding:1px ; -webkit-filter:grayscale(0%);-webkit-transition:0.7s;-moz-transition:0.7s;filter: grayscale(0); }
.musephoto:hover  { -webkit-filter:grayscale(100%);filter: grayscale(1);-webkit-transition:0.7s }
.musedesc { padding:10px;width:129px;height:175px;background: none;font-family:arial;color:#666;font-size:9px;text-transform:lowercase;line-height:100%; overflow:auto;position:relative;top:-151px;text-align:justify; margin-top:150px; }
.musecontainer { position:relative;padding-top:50px;padding-bottom:50px; }
.infoborder { width:450px;height:23;background-color:#fff;border:1px solid #eee;padding:10px;line-height:100%; }
.museinfo { width:400px;font-family:arial;font-size:10px;line-height:98%;color:#444;padding:10px;text-align:justify; }
.thelinks { text-align:center; }
.thelinks a { padding:1px 5px;text-transform:uppercase;color:#666;font-family:oswald;text-decoration:none;font-size:17px;-webkit-transition:0.7s;-moz-transition:0.7s;line-height:25%;border-bottom:1px solid #fff;font-weight:300; }
.thelinks a:hover { border-bottom:1px solid #eee;-webkit-transition:0.7s;-moz-transition:0.7s; }

.muselinks { padding:10px;margin-top:-160px;width:130px;text-align:center;font-family:oswald;font-size:20px;}
.muselinks a { color:#666;text-decoration:none;-webkit-transition:0.7s;-moz-transition:0.7s;font-family:oswald; }
.muselinks a:hover { color:#eee;-webkit-transition:0.7s;-moz-transition:0.7s; }
.musedesc::-webkit-scrollbar { width:2px; }
.musedesc::-webkit-scrollbar-thumb { background-color:#777; }
.musedesc::-webkit-scrollbar-track { background-color:#fff; }
.credit { position:fixed;width:60px;right:15px;bottom:15px;background-color:#fff;color:#363636;font-family:oswald;font-size:10;padding:3px; }
.credit a { color:#363636;text-decoration:none; }




</style>
<title>muses</title>
<link rel="shortcut icon" href="{Favicon}">
<center>

<div class='thebackground'><div class='musecontainer'>
<div class='infoborder'><div class='museinfo'><div class='thelinks'>


    <a href='/'>home</a>
    <a href='/ask'>ask</a>
    <a href='/rules'>rules</a>
    <a href='/tagged/wishlist tag'>wishlist</a>



</div></div></div>

<table><tr><td></td></tr>

<!--- FOR ANOTHER ROW, COPY GROUP BELOW --->

<tr>

<td><div class='musephoto'><img src='http://placehold.it/73'><img src='http://placehold.it/73'><div class='musedesc'><center><b>first last</b><br><i>age/personality/occupation</i><p></center>

info about your muse here!!!!!

</div><div class='muselinks'><center><a href='/tagged/face tag' title='face'><i class="fas fa-camera"></i></a> | <a href='/tagged/musings tag' title='musings'><i class="fas fa-comment"></i></a> | <a href='/tagged/thread tag' title='threads'><i class="fas fa-quote-left"></i></a></center></div></div></td>
<td></td>
<td><div class='musephoto'><img src='http://placehold.it/73'><img src='http://placehold.it/73'><div class='musedesc'><center><b>first last</b><br><i>age/personality/occupation</i><p></center>

<li>use this for bullets</li>
<li>if you want bullets</li>
<li>lorem ipsum</li>

</div><div class='muselinks'><center><a href='/tagged/face tag' title='face'><i class="fas fa-camera"></i></a> | <a href='/tagged/musings tag' title='musings'><i class="fas fa-comment"></i></a> | <a href='/tagged/thread tag' title='threads'><i class="fas fa-quote-left"></i></a></center></div></div></td>
<td><div class='rowspace'></div></td>
<td><div class='musephoto'><img src='http://placehold.it/73'><img src='http://placehold.it/73'><div class='musedesc'><center><b>first last</b><br><i>age/personality/occupation</i><p></center>

Lorem ipsum

</div><div class='muselinks'><center><a href='/tagged/face tag' title='face'><i class="fas fa-camera"></i></a> | <a href='/tagged/musings tag' title='musings'><i class="fas fa-comment"></i></a> | <a href='/tagged/thread tag' title='threads'><i class="fas fa-quote-left"></i></a></center></div></div></td>
<td></td>
<td><div class='musephoto'><img src='http://placehold.it/73'><img src='http://placehold.it/73'><div class='musedesc'><center><b>first last</b><br><i>age/personality/occupation</i><p></center>

lorem ipsum

</div><div class='muselinks'><center><a href='/tagged/face tag' title='face'><i class="fas fa-camera"></i></a> | <a href='/tagged/musings tag' title='musings'><i class="fas fa-comment"></i></a> | <a href='/tagged/thread tag' title='threads'><i class="fas fa-quote-left"></i></a></center></div></div></td>
</tr>
<tr><td></td></tr>

<!--- PASTE NEW ROW(S) BELOW THIS LINE --->



<!--- DONT PASTE ANYTHING AFTER THIS LINE --->
</table></div><div class='credit'><a href='http://shutupmisty.tumblr.com'>shutupmisty</a></div></div></center>