Virgonc design - G-Portál

Blog-Frissítések-Főoldal

template 132

Portálépítés és portáldíszítés kezdőknek és haladóknak!Rengetek leírás, scriptek , CSS ,HTML kódok!Nézz be te is!
jegvirag

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry

@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);

#scars2{width:250px;padding:30px;padding-top:45px;overflow:hidden;position:relative;margin:0 auto;-webkit-animation:SGradient 54s ease infinite;

-moz-animation:SGradient 54s ease infinite;animation:SGradient 54s ease infinite}

@-webkit-keyframes SGradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}

@-moz-keyframes SGradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}

@keyframes SGradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}

.scarsgif{width:120px;height:120px;border-radius:120px;margin:0 auto;background-size:cover;border:10px solid #fff;display:block;

-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}

.scars2text{padding:15px;text-align:justify;height:190px;font:9px 'trebuchet ms';color:#555;opacity:0.9;background-color:#fff;overflow:auto; line-height:110%;}

#scarsborder{position:relative;padding:15px}

#scarsborder:before,#scarsborder:after,#scarsborder>:first-child:before,#scarsborder>:first-child:after{position:absolute;content:' ';width:50px;height:50px;border:1px solid rgba(255,255,255,0.9)}

#scarsborder:before{top:0;left:0;border-width:1px 0 0 1px}#scarsborder:after{top:0;right:0;border-width:1px 1px 0 0}

#scarsborder>:first-child:before{bottom:0;right:0;border-width:0 1px 1px 0}

#scarsborder>:first-child:after{bottom:0;left:0;border-width:0 0 1px 1px}

#scarshover{position:Relative}#scarshover:hover .scarsgif{opacity:0}

.scarsinfo{font:20px 'reenie beanie'; text-transform:lowercase; width:250px; position:Absolute;left:0px;top:0px;text-align:center;color:#fff;opacity:0;-webkit-transition:all 1s ease-in-out 1s;

-moz-transition:all 1s ease-in-out 1s;-o-transition:all 1s ease-in-out 1s;transition:all 1s ease-in-out 1s}

.scarstag{font:7px 'arial';transition:all 1s ease-in-out 1.5s;font-weight:bold;display:inline-block;margin-top:29px;text-transform:uppercase;color:#333;

background-color:#fff;padding:4px;opacity:1}

#scarshover:hover .scarstag{opacity:1}#scarshover:hover .scarsinfo{opacity:0.8}.sover{overflow:auto;padding-right:5px;height:190px}

.sover::-webkit-scrollbar{width:2px;height:2px}.sover::-webkit-scrollbar-track{background-color:#fff}.sover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.3);border:0px}

.byrachel {text-align:right; width:310px; margin:0 auto; display:block; opacity:0.7;}

</style>

#scars2 {

background: #ffacfc;

background: -moz-linear-gradient(-45deg, #ffacfc 0%, #acffe6 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffacfc), color-stop(100%,#acffe6));

background: -webkit-linear-gradient(-45deg, #ffacfc 0%,#acffe6 100%);

background: -o-linear-gradient(-45deg, #ffacfc 0%,#acffe6 100%);

background: -ms-linear-gradient(-45deg, #ffacfc 0%,#acffe6 100%);

background: linear-gradient(135deg, #ffacfc 0%,#acffe6 100%);

background-size: 400% 400%;}

.sover b {font-size:11px; color:#a98ecd; border-bottom:2px solid #f0f0f0;}

</style><div id="scars2"><div id="scarshover">

</div><div class="scarsinfo">

Portálépítés és portáldíszítés kezdőknek és haladóknak!Rengetek leírás, scriptek , CSS ,HTML kódok!Nézz be te is!

jegvirag

</SPAN></div></div><div id="scarsborder"><div class="scars2text"><div class="sover">

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry<b> Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry</b>

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry

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