Post by ✖STRIDE✖ on Aug 6, 2015 17:15:18 GMT -7
[nospaces]
[newclass= .summerbg ]width: 450px;height:450px;background-image: url("http://i.imgur.com/A2StSjf.jpg"); background-size: 500px 500px;background-position: center;-webkit-transform: scale(1s); -moz-transform: scale(1); transform: scale(1s);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(1);[/newclass]
[newclass= .summerhover:hover .summerbg ] Width:450px;height:450px;background-image: url("http://i.imgur.com/A2StSjf.jpg");background-size: 480px 480px;background-position: center;filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%);filter: gray;-webkit-filter: grayscale(0);[/newclass]
[newclass= .summerborder ]width:400px;height:400px;border: 1px Solid #eeeeee;margin-top:10px;-webkit-transform: scale(1s); -moz-transform: scale(1); transform: scale(1s);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass= .summerhover:hover .summerborder ]width:400px;height:400px;border: 25px Solid;border-color:rgba(245,245,245,.7);margin-top:-14px;[/newclass]
[newclass= .summercontent ]width:40px;height:40px;background-color:#222222;margin-top:-54px;margin-left:-235px;-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass= .summerhover:hover .summercontent ]width:315px;height:315px;background-color:rgba(225,225,225,.9);margin-top:-329px;margin-left:39px;rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);[/newclass]
[newclass= .summertext ]width:35px;height:35px;overflow:auto;margin-top:-12px;text-align:justify;font-size:10px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;opacity:0;color:#222222;[/newclass]
[newclass= .summerhover:hover .summertext ]width:290px;height:290px;padding:10px;opacity:1;[/newclass]
[newclass= .summerbox1 ]font-size:30px;width:40px;height:40px;background-color:#222222;margin-left:-330px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass= .summerbox2 ]width:40px;height:40px;background-color:#222222;margin-left:-235px;margin-top:-54px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass= .summerbox3 ]width:40px;height:40px;background-color:#222222;margin-left:-330px;margin-top:-6px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass= .summerhover:hover .summerbox1 ]width:40px;height:40px;background-color:rgba(225,225,225,.7);;margin-left:-330px;[/newclass]
[newclass= .summerhover:hover .summerbox2 ]width:315px;height:40px;background-color:rgba(225,225,225,.7);margin-left:40px;margin-top:-54px;[/newclass]
[newclass= .summerhover:hover .summerbox3 ]width:40px;height:315px;background-color:rgba(225,225,225,.7);margin-left:-330px;margin-top:-6px;[/newclass]
[newclass=".summertext::-webkit-scrollbar"]width:5px[/newclass]
[newclass=".summertext::-webkit-scrollbar-track-piece"]background-color:transparent[/newclass]
[newclass=".summertext::-webkit-scrollbar-thumb:vertical"]background-color:#222;border:0px solid #eee[/newclass]
[newclass= .summerb1l ]width:30px;height:30px;color:#222222;overflow:auto;opacity:0;font-size:10px;font-family:arial;webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass= .summerhover:hover .summerb1l ]width:310px;height:30px;color:#222222;overflow:auto;opacity:1;font-size:15px;font-family:Josefin Sans;[/newclass]
[attr="class","summerhover"]
[attr="class","summerbg"]
[attr="class","summerborder"]
[attr="class","summerbox1"]✖
[attr="class","summerbox2"]
[attr="class","summerb1l"]@warrior of clan
[attr="class","summerbox3"]
[attr="class","summercontent"]
[attr="class","summertext"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in metus et ipsum porta laoreet. Maecenas eu sem purus. Nunc et porttitor quam. Donec sollicitudin erat at elit tristique, sed efficitur nulla cursus. Vestibulum eu enim ac mauris volutpat vulputate. Nunc quis malesuada massa. Duis nec massa lacinia, sagittis dui vel, suscipit dui. Nam at sem porta, dictum ligula in, tincidunt ante. Praesent imperdiet consectetur odio ac finibus. Sed varius, eros rutrum gravida faucibus, lectus nisi laoreet ante, ut bibendum odio sapien non nisl.[break][break]
Donec dapibus, nisi eu auctor placerat, diam felis egestas lacus, nec eleifend nisl ex eget tellus. Ut suscipit nibh ornare ex volutpat, at blandit dui vulputate. Maecenas ullamcorper venenatis tortor, a venenatis lorem gravida eu. Aenean vestibulum est in elit venenatis vulputate a non augue. Sed eget lorem consequat, ultrices leo ut, bibendum quam. Nunc sed erat dictum, vulputate purus sit amet, feugiat lorem. Nunc eu odio tortor. Fusce id mi non lectus efficitur iaculis id id nulla. Integer lacinia, purus vel sagittis accumsan, ex lorem vulputate dui, non rutrum velit mi eget erat. Proin ut nulla sed dui dignissim pretium. Quisque eleifend diam nisl, id euismod ligula finibus at. Integer felis lectus, dapibus a ex eu, fringilla pulvinar nisi. In maximus, nisl eu placerat egestas, ante magna accumsan lectus, nec porttitor ex nulla sit amet ante. Maecenas pretium est odio, id porta quam viverra eget. Morbi sed ligula pretium lacus volutpat vulputate et ac ante.[break][break]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in metus et ipsum porta laoreet. Maecenas eu sem purus. Nunc et porttitor quam. Donec sollicitudin erat at elit tristique, sed efficitur nulla cursus. Vestibulum eu enim ac mauris volutpat vulputate. Nunc quis malesuada massa. Duis nec massa lacinia, sagittis dui vel, suscipit dui. Nam at sem porta, dictum ligula in, tincidunt ante. Praesent imperdiet consectetur odio ac finibus. Sed varius, eros rutrum gravida faucibus, lectus nisi laoreet ante, ut bibendum odio sapien non nisl.[break][break]
Donec dapibus, nisi eu auctor placerat, diam felis egestas lacus, nec eleifend nisl ex eget tellus. Ut suscipit nibh ornare ex volutpat, at blandit dui vulputate. Maecenas ullamcorper venenatis tortor, a venenatis lorem gravida eu. Aenean vestibulum est in elit venenatis vulputate a non augue. Sed eget lorem consequat, ultrices leo ut, bibendum quam. Nunc sed erat dictum, vulputate purus sit amet, feugiat lorem. Nunc eu odio tortor. Fusce id mi non lectus efficitur iaculis id id nulla. Integer lacinia, purus vel sagittis accumsan, ex lorem vulputate dui, non rutrum velit mi eget erat. Proin ut nulla sed dui dignissim pretium. Quisque eleifend diam nisl, id euismod ligula finibus at. Integer felis lectus, dapibus a ex eu, fringilla pulvinar nisi. In maximus, nisl eu placerat egestas, ante magna accumsan lectus, nec porttitor ex nulla sit amet ante. Maecenas pretium est odio, id porta quam viverra eget. Morbi sed ligula pretium lacus volutpat vulputate et ac ante.[break][break]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in metus et ipsum porta laoreet. Maecenas eu sem purus. Nunc et porttitor quam. Donec sollicitudin erat at elit tristique, sed efficitur nulla cursus. Vestibulum eu enim ac mauris volutpat vulputate. Nunc quis malesuada massa. Duis nec massa lacinia, sagittis dui vel, suscipit dui. Nam at sem porta, dictum ligula in, tincidunt ante. Praesent imperdiet consectetur odio ac finibus. Sed varius, eros rutrum gravida faucibus, lectus nisi laoreet ante, ut bibendum odio sapien non nisl.[break][break]
Donec dapibus, nisi eu auctor placerat, diam felis egestas lacus, nec eleifend nisl ex eget tellus. Ut suscipit nibh ornare ex volutpat, at blandit dui vulputate. Maecenas ullamcorper venenatis tortor, a venenatis lorem gravida eu. Aenean vestibulum est in elit venenatis vulputate a non augue. Sed eget lorem consequat, ultrices leo ut, bibendum quam. Nunc sed erat dictum, vulputate purus sit amet, feugiat lorem. Nunc eu odio tortor. Fusce id mi non lectus efficitur iaculis id id nulla. Integer lacinia, purus vel sagittis accumsan, ex lorem vulputate dui, non rutrum velit mi eget erat. Proin ut nulla sed dui dignissim pretium. Quisque eleifend diam nisl, id euismod ligula finibus at. Integer felis lectus, dapibus a ex eu, fringilla pulvinar nisi. In maximus, nisl eu placerat egestas, ante magna accumsan lectus, nec porttitor ex nulla sit amet ante. Maecenas pretium est odio, id porta quam viverra eget. Morbi sed ligula pretium lacus volutpat vulputate et ac ante.
Donec dapibus, nisi eu auctor placerat, diam felis egestas lacus, nec eleifend nisl ex eget tellus. Ut suscipit nibh ornare ex volutpat, at blandit dui vulputate. Maecenas ullamcorper venenatis tortor, a venenatis lorem gravida eu. Aenean vestibulum est in elit venenatis vulputate a non augue. Sed eget lorem consequat, ultrices leo ut, bibendum quam. Nunc sed erat dictum, vulputate purus sit amet, feugiat lorem. Nunc eu odio tortor. Fusce id mi non lectus efficitur iaculis id id nulla. Integer lacinia, purus vel sagittis accumsan, ex lorem vulputate dui, non rutrum velit mi eget erat. Proin ut nulla sed dui dignissim pretium. Quisque eleifend diam nisl, id euismod ligula finibus at. Integer felis lectus, dapibus a ex eu, fringilla pulvinar nisi. In maximus, nisl eu placerat egestas, ante magna accumsan lectus, nec porttitor ex nulla sit amet ante. Maecenas pretium est odio, id porta quam viverra eget. Morbi sed ligula pretium lacus volutpat vulputate et ac ante.[break][break]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in metus et ipsum porta laoreet. Maecenas eu sem purus. Nunc et porttitor quam. Donec sollicitudin erat at elit tristique, sed efficitur nulla cursus. Vestibulum eu enim ac mauris volutpat vulputate. Nunc quis malesuada massa. Duis nec massa lacinia, sagittis dui vel, suscipit dui. Nam at sem porta, dictum ligula in, tincidunt ante. Praesent imperdiet consectetur odio ac finibus. Sed varius, eros rutrum gravida faucibus, lectus nisi laoreet ante, ut bibendum odio sapien non nisl.[break][break]
Donec dapibus, nisi eu auctor placerat, diam felis egestas lacus, nec eleifend nisl ex eget tellus. Ut suscipit nibh ornare ex volutpat, at blandit dui vulputate. Maecenas ullamcorper venenatis tortor, a venenatis lorem gravida eu. Aenean vestibulum est in elit venenatis vulputate a non augue. Sed eget lorem consequat, ultrices leo ut, bibendum quam. Nunc sed erat dictum, vulputate purus sit amet, feugiat lorem. Nunc eu odio tortor. Fusce id mi non lectus efficitur iaculis id id nulla. Integer lacinia, purus vel sagittis accumsan, ex lorem vulputate dui, non rutrum velit mi eget erat. Proin ut nulla sed dui dignissim pretium. Quisque eleifend diam nisl, id euismod ligula finibus at. Integer felis lectus, dapibus a ex eu, fringilla pulvinar nisi. In maximus, nisl eu placerat egestas, ante magna accumsan lectus, nec porttitor ex nulla sit amet ante. Maecenas pretium est odio, id porta quam viverra eget. Morbi sed ligula pretium lacus volutpat vulputate et ac ante.[break][break]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in metus et ipsum porta laoreet. Maecenas eu sem purus. Nunc et porttitor quam. Donec sollicitudin erat at elit tristique, sed efficitur nulla cursus. Vestibulum eu enim ac mauris volutpat vulputate. Nunc quis malesuada massa. Duis nec massa lacinia, sagittis dui vel, suscipit dui. Nam at sem porta, dictum ligula in, tincidunt ante. Praesent imperdiet consectetur odio ac finibus. Sed varius, eros rutrum gravida faucibus, lectus nisi laoreet ante, ut bibendum odio sapien non nisl.[break][break]
Donec dapibus, nisi eu auctor placerat, diam felis egestas lacus, nec eleifend nisl ex eget tellus. Ut suscipit nibh ornare ex volutpat, at blandit dui vulputate. Maecenas ullamcorper venenatis tortor, a venenatis lorem gravida eu. Aenean vestibulum est in elit venenatis vulputate a non augue. Sed eget lorem consequat, ultrices leo ut, bibendum quam. Nunc sed erat dictum, vulputate purus sit amet, feugiat lorem. Nunc eu odio tortor. Fusce id mi non lectus efficitur iaculis id id nulla. Integer lacinia, purus vel sagittis accumsan, ex lorem vulputate dui, non rutrum velit mi eget erat. Proin ut nulla sed dui dignissim pretium. Quisque eleifend diam nisl, id euismod ligula finibus at. Integer felis lectus, dapibus a ex eu, fringilla pulvinar nisi. In maximus, nisl eu placerat egestas, ante magna accumsan lectus, nec porttitor ex nulla sit amet ante. Maecenas pretium est odio, id porta quam viverra eget. Morbi sed ligula pretium lacus volutpat vulputate et ac ante.
[newclass= .summerbg ]width: 450px;height:450px;background-image: url("http://i.imgur.com/A2StSjf.jpg"); background-size: 500px 500px;background-position: center;-webkit-transform: scale(1s); -moz-transform: scale(1); transform: scale(1s);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(1);[/newclass]
[newclass= .summerhover:hover .summerbg ] Width:450px;height:450px;background-image: url("http://i.imgur.com/A2StSjf.jpg");background-size: 480px 480px;background-position: center;filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%);filter: gray;-webkit-filter: grayscale(0);[/newclass]
[newclass= .summerborder ]width:400px;height:400px;border: 1px Solid #eeeeee;margin-top:10px;-webkit-transform: scale(1s); -moz-transform: scale(1); transform: scale(1s);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass= .summerhover:hover .summerborder ]width:400px;height:400px;border: 25px Solid;border-color:rgba(245,245,245,.7);margin-top:-14px;[/newclass]
[newclass= .summercontent ]width:40px;height:40px;background-color:#222222;margin-top:-54px;margin-left:-235px;-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass= .summerhover:hover .summercontent ]width:315px;height:315px;background-color:rgba(225,225,225,.9);margin-top:-329px;margin-left:39px;rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);[/newclass]
[newclass= .summertext ]width:35px;height:35px;overflow:auto;margin-top:-12px;text-align:justify;font-size:10px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;opacity:0;color:#222222;[/newclass]
[newclass= .summerhover:hover .summertext ]width:290px;height:290px;padding:10px;opacity:1;[/newclass]
[newclass= .summerbox1 ]font-size:30px;width:40px;height:40px;background-color:#222222;margin-left:-330px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass= .summerbox2 ]width:40px;height:40px;background-color:#222222;margin-left:-235px;margin-top:-54px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass= .summerbox3 ]width:40px;height:40px;background-color:#222222;margin-left:-330px;margin-top:-6px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass= .summerhover:hover .summerbox1 ]width:40px;height:40px;background-color:rgba(225,225,225,.7);;margin-left:-330px;[/newclass]
[newclass= .summerhover:hover .summerbox2 ]width:315px;height:40px;background-color:rgba(225,225,225,.7);margin-left:40px;margin-top:-54px;[/newclass]
[newclass= .summerhover:hover .summerbox3 ]width:40px;height:315px;background-color:rgba(225,225,225,.7);margin-left:-330px;margin-top:-6px;[/newclass]
[newclass=".summertext::-webkit-scrollbar"]width:5px[/newclass]
[newclass=".summertext::-webkit-scrollbar-track-piece"]background-color:transparent[/newclass]
[newclass=".summertext::-webkit-scrollbar-thumb:vertical"]background-color:#222;border:0px solid #eee[/newclass]
[newclass= .summerb1l ]width:30px;height:30px;color:#222222;overflow:auto;opacity:0;font-size:10px;font-family:arial;webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass= .summerhover:hover .summerb1l ]width:310px;height:30px;color:#222222;overflow:auto;opacity:1;font-size:15px;font-family:Josefin Sans;[/newclass]