Sidebar #040

/*SIDEBAR*/
#pscorposidebar {position: fixed; top: 40px; left: 10px; background-color: #000; width: 250px; height: 550px; z-index: 3}
#pstesto {font-family: arial; font-size: 9px; height: 50px; overflow: auto; color: #898989; padding: 5px; line-height: 10px; text-align: justify; margin-bottom: 6px}
#psnomeforum {font-size: 30px; color: #214509; padding: 3px; text-transform:uppercase; font-family: georgia; letter-spacing: -2px; text-align: center; line-height: 16px; text-shadow: 1px 0 0 #FFF; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear}
#psnomeforum:hover {-webkit-transform: rotatex(180deg); -moz-transform: rotatex(180deg); -o-transform: rotatex(180deg); -webkit-perspective: 400; -webkit-transform-style: preserve-3d; -webkit-transition-property: perspective; -webkit-transition-duration: 1s; -moz-perspective: 400; -moz-transform-style: preserve-3d; -moz-transition-property: perspective; -moz-transition-duration: 1s; -o-perspective: 400; -o-transform-style: preserve-3d; -o-transition-property: perspective; -o-transition-duration: 1s; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear}
.pslink a {background-color: #327819; border: 1px solid #1C520A; width: 105px; height: auto; text-transform: uppercase; float: left; text-align: center; margin: 0 3px 10px 8px; color: #FFF; font-size: 12px; letter-spacing: -1px; word-spacing: 2px; text-shadow: 2px 0 0 #234F14; font-family:georgia; text-decoration: none; line-height: 12px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 2px; padding: 2px}
.pslink a:hover {background-color: transparent; text-shadow: none; border: 1px solid #000; color: #439327; font-size: 12px; letter-spacing: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
.pslink2 a {background-color: #327819; border: 1px solid #1C520A; width: 95px; height: auto; text-transform: uppercase; float: left; text-align: center; margin: 0 3px 10px 8px; color: #FFF; font-size: 12px; letter-spacing: -1px; word-spacing: 2px; text-shadow: 2px 0 0 #234F14; font-family:georgia; text-decoration: none; line-height: 12px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 2px; padding: 2px}
.pslink2 a:hover {background-color: transparent; text-shadow: none; border: 1px solid #000; color: #439327; font-size: 12px; letter-spacing: 1px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}

/*ORIGINAL HOVER*/
.view {width: 237px;height: 100px;margin-top: 10px;margin: 3px;float: left;overflow: hidden;position: relative;text-align: center;cursor: default; padding: 1px; border: 3px solid #0F0F0F;background: #000 no-repeat center center}
.view .mask, .view .content {width: 237px;height: 100px;position: absolute;overflow: hidden;top: 0;left: 0}
.view img {display: block;position: relative; border:none}
.view h2 {text-transform: uppercase;font-family: cambria;font-weight: bold;text-align: center;position: relative;font-size: 17px;padding: 3px}
.view p {font-family: georgia, serif;font-size: 11px;position: relative;color: #FFF;height: 20px; overflow: auto;padding-right: 10px;padding-left: 10px;line-height: 12px;text-align: justify; margin-bottom: 10px}
.view a.info {display: inline-block;text-decoration: none;padding: 7px 14px;background: #000;color: #FFF;text-transform: uppercase;box-shadow: 0 0 1px #000}
.view a.info: hover {box-shadow: 0 0 5px #000}
/*EFFETTO 10*/
.view-tenth img {-webkit-transform: scaley(1);-moz-transform: scaley(1);-o-transform: scaley(1);-ms-transform: scaley(1);transform: scaley(1);-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out; border:none}
.view-tenth .mask {-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear; a transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0}
.view-tenth h2 {border-bottom: 2px solid #328424;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);color: #FFF; text-shadow: 2px 0 0 #328424;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0}
.view-tenth p {color: #EFEFEF;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear}
.view-tenth a.info {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear}
.view-tenth:hover img {-webkit-transform: scale(10);-moz-transform: scale(10);-o-transform: scale(10);-ms-transform: scale(10);transform: scale(10);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0; border:none}
.view-tenth:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1}
.view-tenth:hover h2, .view-tenth:hover p, .view-tenth:hover a.info {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); -ms-transform: scale(1);transform: scale(1);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1}
.psiwillbe {width: 120px; height: 120px; padding: 1px; border: 3px solid #0F0F0F; margin: 3px; margin-top: 10px; border-radius: 100%}
.psiwillbe img {width: 120px; height: 120px; border-radius: 100%}
.pstringa a {background-color: #214509; color: #FFF; line-height: 15px; opacity: 0; position: absolute; margin-top: -50px; margin-left: -60px; height: 15px; width: 110px; border-radius: 5px; text-align: center; padding: 5px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear}
.psiwillbe:hover .stringa a {opacity: 1; -webkit-transform: rotatex(360deg); -moz-transform: rotatex(360deg); -o-transform: rotatex(360deg); -webkit-perspective: 400; -webkit-transform-style: preserve-3d; -webkit-transition-property: perspective; -webkit-transition-duration: 1s; -moz-perspective: 400; -moz-transform-style: preserve-3d; -moz-transition-property: perspective; -moz-transition-duration: 1s; -o-perspective: 400; -o-transform-style: preserve-3d; -o-transition-property: perspective; -o-transition-duration: 1s; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear}
.psidecredits {color: #AFAFAF; font-size: 10px; text-align: center; margin-top:10px}

<div id="pscorposidebar">
<div style="float: right; margin-left: 1px"><img style="width: 50px; height: 63px; padding: 1px; border: 3px solid #328920; margin: 3px;" src="http://i.imgur.com/hSZxARQ.gif"></div><div style="background-color: #182b0b; color: #fff; text-align: right; padding: 1px; padding-right: 90px; font-family: georgia; font-size: 9px; letter-spacing: 1px">&#9656; scrivi qualcosa</div> <div id="pstesto">Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div id="psnomeforum">titolo forum<br><span style="text-transform: lowercase; font-size: 17px; letter-spacing: 0px; text-shadow:none; color: #fff; padding-left: 10px; border-bottom: 1px dashed #477b24; padding-bottom: 5px; font-style: italic">sottotitolo</span></div>

<div style="float: left; margin-right: 0px;">
<div class="psiwillbe"> <script type="text/javascript"><!--
var ran=new Array();

ran[0]='<a href="http://oblivion.hp.gdr.forumcommunity.net/?t=55532577"><img src="http://i.imgur.com/Z1se9zi.gif"></a>';
ran[1]='<a href="http://oblivion.hp.gdr.forumcommunity.net/?t=55532577"><img src="http://i.imgur.com/Fd3j8Ti.gif"></a>';
ran[2]='<a href="http://oblivion.hp.gdr.forumcommunity.net/?t=55532577"><img src="http://i.imgur.com/fZuWwnv.gif"></a>';
ran[3]='<a href="http://oblivion.hp.gdr.forumcommunity.net/?t=55532577"><img src="http://i.imgur.com/JEADs7S.gif"></a>';
ran[4]='<a href="http://oblivion.hp.gdr.forumcommunity.net/?t=55532577"><img src="http://i.imgur.com/8e1N1Pl.gif"></a>';
ran[5]='<a href="http://oblivion.hp.gdr.forumcommunity.net/?t=55532577"><img src="http://i.imgur.com/EP7lUvo.gif"></a>';
ran[6]='<a href="http://oblivion.hp.gdr.forumcommunity.net/?t=55532577"><img src="http://i.imgur.com/KVT1xhM.gif"></a>';
ran[7]='<a href="http://oblivion.hp.gdr.forumcommunity.net/?t=55532577"><img src="http://i.imgur.com/xTDAgsE.gif"></a>';
ran[8]='<a href="http://oblivion.hp.gdr.forumcommunity.net/?t=55532577"><img src="http://i.imgur.com/HMp630E.gif"></a>';


var id=Math.round(Math.random()*(ran.length-1)); document.write(ran[id]);
//--></script> <div class="pstringa"><a href="ULR">STRINGA</a></div></div></div>
<br><div class="pslink2"><a href="ULR">link</a></div>
<div class="pslink2"><a href="ULR">link</a></div>
<div class="pslink2"><a href="ULR">link</a></div>
<div class="pslink2"><a href="ULR">link</a></div>

<div style="background-color: #182b0b; color: #fff; text-align: right; padding: 1px; padding-right: 10px; font-family: georgia; font-size: 9px; letter-spacing: 1px; margin-top: 130px;">&#9656; scrivi qualcosa</div>
<div id="pstesto">Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

<div class="view view-tenth">
<img src="http://i.imgur.com/tk1vAnn.gif" />
<div class="mask">
<h2>Lorem ipsum dolor sit</h2>
<p>consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. </p>
<a href="URL" class="info">LINK UNO</a> <a href="URL" class="info">LINK DUE</a>
</div> </div>

<div class="pslink"><a href="URL">link</a></div>
<div class="pslink"><a href="URL">link</a></div>
<div class="pslink"><a href="URL">link</a></div>
<div class="pslink"><a href="URL">link</a></div>
<div class="pslink"><a href="URL">link</a></div>
<div class="pslink"><a href="URL">link</a></div>
<div class="psidecredits">sidebar © <a href="http://obliviongdrskin.blogfree.net/?act=Profile&MID=86648">psìche</a></div>
</div>