silence & symphony
Sept 18, 2016 23:30:17 GMT -5
Post by Mathias Densen on Sept 18, 2016 23:30:17 GMT -5
[nospaces][googlefont="Oswald:400"]
[newclass=".colors-of-the-sky"]width:610px;margin:0px auto;padding:2.5px;position:relative;[/newclass]
[newclass=".colors-of-the-sky .box"]width:300px;height:300px;position:relative;margin:2.5px;overflow:hidden;display:inline-block[/newclass]
[newclass=".colors-of-the-sky .box .header1"]width:260px;padding:8px 10px;background-color:#000;color:#fff;text-align:center;position:absolute;top:0px;z-index:1;margin:10px;font:13px Oswald;text-transform:uppercase;-webkit-transform: translateX(-310px);-o-transform: translateX(-310px);-moz-transform: translateX(-310px);transform:translateX(-310px);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out[/newclass]
[newclass=".colors-of-the-sky .box .main-content"]width:260px;height:188px;background-color:#FFF;font:11px Helvetica;color:#000;border:3px double #ececec;padding:7px;text-align:justify;overflow:auto;margin:0px 10px;position:absolute;top:46px;z-index:1;transform:translateX(310px);-webkit-transform: translateX(310px);-o-transform: translateX(310px);-moz-transform: translateX(310px);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out[/newclass]
[newclass=".main-content img"]width:auto!important;height:auto!important;position:relative!important;margin:2px;display:block[/newclass]
[newclass=".main-content::-webkit-scrollbar"]width: 10px;background-color:#fff[/newclass]
[newclass=".main-content::-webkit-scrollbar-thumb"]background-color:#ececec[/newclass]
[newclass=".colors-of-the-sky .box:hover .main-content"]-webkit-transform: translateX(0px);-o-transform: translateX(0px);-moz-transform: translateX(0px);transform:translateX(0px);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out[/newclass]
[newclass=".colors-of-the-sky .box:hover .header1"]-webkit-transform: translateX(0px);-o-transform: translateX(0px);-moz-transform: translateX(0px);transform:translateX(0px);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out[/newclass]
[newclass=".colors-of-the-sky img"]width:300px;height:300px;position:absolute;top:0px;left:0px[/newclass]
[newclass=".colors-of-the-sky .name"]width:260px;padding:8px 10px;background-color:#000;color:#fff;text-align:center;position:absolute;bottom:0px;z-index:1;margin:10px;font:13px Oswald;text-transform:uppercase[/newclass]
[newclass=".colors-of-the-sky .tempcredits"]margin:3px 0px;width:100%;text-align:center;font: 10px 'Oswald'; text-transform:uppercase;letter-spacing:2px;[/newclass]
[newclass=".colors-of-the-sky .tempcredits a"]font: 10px 'Oswald'; text-transform:uppercase;letter-spacing:2px;[/newclass]
[attr="class","colors-of-the-sky"]
[attr="class","box"]
[attr="class","header1"][attr="style","background-color:#ffdb4d;"]22. Jupiter. Self-Aligned.
[attr="class","name"][attr="style","background-color:#;"]Mathias Densen
[attr="class","main-content"]
Ut fermentum lectus sit amet libero viverra scelerisque in et arcu. Curabitur iaculis elit sit amet mi blandit cursus. Aenean ante nunc, sollicitudin a ullamcorper eget, feugiat in eros. Suspendisse potenti. Donec vitae porta lacus. Mauris at viverra magna. Vivamus posuere, purus ac congue pharetra, augue metus fermentum eros, vel aliquam tortor risus a nisi. Etiam rutrum nunc commodo diam vehicula pretium. Donec molestie quis libero quis cursus.
Ut fermentum lectus sit amet libero viverra scelerisque in et arcu. Curabitur iaculis elit sit amet mi blandit cursus. Aenean ante nunc, sollicitudin a ullamcorper eget, feugiat in eros. Suspendisse potenti. Donec vitae porta lacus. Mauris at viverra magna. Vivamus posuere, purus ac congue pharetra, augue metus fermentum eros, vel aliquam tortor risus a nisi. Etiam rutrum nunc commodo diam vehicula pretium. Donec molestie quis libero quis cursus.
[attr="class","box"]
[attr="class","header1"][attr="style","background-color:#336699;"]24. Koios. Titan Aligned.
[attr="class","name"][attr="style","background-color:#;"]Adrian Lancaster
[attr="class","main-content"]
Ut fermentum lectus sit amet libero viverra scelerisque in et arcu. Curabitur iaculis elit sit amet mi blandit cursus. Aenean ante nunc, sollicitudin a ullamcorper eget, feugiat in eros. Suspendisse potenti. Donec vitae porta lacus. Mauris at viverra magna. Vivamus posuere, purus ac congue pharetra, augue metus fermentum eros, vel aliquam tortor risus a nisi. Etiam rutrum nunc commodo diam vehicula pretium. Donec molestie quis libero quis cursus.
Ut fermentum lectus sit amet libero viverra scelerisque in et arcu. Curabitur iaculis elit sit amet mi blandit cursus. Aenean ante nunc, sollicitudin a ullamcorper eget, feugiat in eros. Suspendisse potenti. Donec vitae porta lacus. Mauris at viverra magna. Vivamus posuere, purus ac congue pharetra, augue metus fermentum eros, vel aliquam tortor risus a nisi. Etiam rutrum nunc commodo diam vehicula pretium. Donec molestie quis libero quis cursus.
[attr="class","box"]
[attr="class","header1"][attr="style","background-color:#33334d;"]25. Erebos. Self-Aligned.
[attr="class","name"][attr="style","background-color:#;"]Sigrid Nystrom
[attr="class","main-content"]
Ut fermentum lectus sit amet libero viverra scelerisque in et arcu. Curabitur iaculis elit sit amet mi blandit cursus. Aenean ante nunc, sollicitudin a ullamcorper eget, feugiat in eros. Suspendisse potenti. Donec vitae porta lacus. Mauris at viverra magna. Vivamus posuere, purus ac congue pharetra, augue metus fermentum eros, vel aliquam tortor risus a nisi. Etiam rutrum nunc commodo diam vehicula pretium. Donec molestie quis libero quis cursus.
Ut fermentum lectus sit amet libero viverra scelerisque in et arcu. Curabitur iaculis elit sit amet mi blandit cursus. Aenean ante nunc, sollicitudin a ullamcorper eget, feugiat in eros. Suspendisse potenti. Donec vitae porta lacus. Mauris at viverra magna. Vivamus posuere, purus ac congue pharetra, augue metus fermentum eros, vel aliquam tortor risus a nisi. Etiam rutrum nunc commodo diam vehicula pretium. Donec molestie quis libero quis cursus.
[attr="class","box"]
[attr="class","header1"][attr="style","background-color:#993399;"]21. Trivia. Roman Renegades.
[attr="class","name"][attr="style","background-color:;"]Luciana Vargas
[attr="class","main-content"]
Ut fermentum lectus sit amet libero viverra scelerisque in et arcu. Curabitur iaculis elit sit amet mi blandit cursus. Aenean ante nunc, sollicitudin a ullamcorper eget, feugiat in eros. Suspendisse potenti. Donec vitae porta lacus. Mauris at viverra magna. Vivamus posuere, purus ac congue pharetra, augue metus fermentum eros, vel aliquam tortor risus a nisi. Etiam rutrum nunc commodo diam vehicula pretium. Donec molestie quis libero quis cursus.
Ut fermentum lectus sit amet libero viverra scelerisque in et arcu. Curabitur iaculis elit sit amet mi blandit cursus. Aenean ante nunc, sollicitudin a ullamcorper eget, feugiat in eros. Suspendisse potenti. Donec vitae porta lacus. Mauris at viverra magna. Vivamus posuere, purus ac congue pharetra, augue metus fermentum eros, vel aliquam tortor risus a nisi. Etiam rutrum nunc commodo diam vehicula pretium. Donec molestie quis libero quis cursus.
[attr="class","box"]
[attr="class","header1"][attr="style","background-color:#336600;"]24. Hydra. Self-Aligned
[attr="class","name"][attr="style","background-color:#;"]Mikkel Holstein
[attr="class","main-content"]
Ut fermentum lectus sit amet libero viverra scelerisque in et arcu. Curabitur iaculis elit sit amet mi blandit cursus. Aenean ante nunc, sollicitudin a ullamcorper eget, feugiat in eros. Suspendisse potenti. Donec vitae porta lacus. Mauris at viverra magna. Vivamus posuere, purus ac congue pharetra, augue metus fermentum eros, vel aliquam tortor risus a nisi. Etiam rutrum nunc commodo diam vehicula pretium. Donec molestie quis libero quis cursus.
Ut fermentum lectus sit amet libero viverra scelerisque in et arcu. Curabitur iaculis elit sit amet mi blandit cursus. Aenean ante nunc, sollicitudin a ullamcorper eget, feugiat in eros. Suspendisse potenti. Donec vitae porta lacus. Mauris at viverra magna. Vivamus posuere, purus ac congue pharetra, augue metus fermentum eros, vel aliquam tortor risus a nisi. Etiam rutrum nunc commodo diam vehicula pretium. Donec molestie quis libero quis cursus.
[attr="class","box"]
[attr="class","header1"][attr="style","background-color:#ccccff;"]Immortal - Goddess of Wisdom
[attr="class","name"][attr="style","background-color:#;"]Athena
[attr="class","main-content"]
Ut fermentum lectus sit amet libero viverra scelerisque in et arcu. Curabitur iaculis elit sit amet mi blandit cursus. Aenean ante nunc, sollicitudin a ullamcorper eget, feugiat in eros. Suspendisse potenti. Donec vitae porta lacus. Mauris at viverra magna. Vivamus posuere, purus ac congue pharetra, augue metus fermentum eros, vel aliquam tortor risus a nisi. Etiam rutrum nunc commodo diam vehicula pretium. Donec molestie quis libero quis cursus.
Ut fermentum lectus sit amet libero viverra scelerisque in et arcu. Curabitur iaculis elit sit amet mi blandit cursus. Aenean ante nunc, sollicitudin a ullamcorper eget, feugiat in eros. Suspendisse potenti. Donec vitae porta lacus. Mauris at viverra magna. Vivamus posuere, purus ac congue pharetra, augue metus fermentum eros, vel aliquam tortor risus a nisi. Etiam rutrum nunc commodo diam vehicula pretium. Donec molestie quis libero quis cursus.
[attr="class","tempcredits"]CRAFTED BY ALISHA OF ADOXOGRAPHY
[newclass=".colors-of-the-sky"]width:610px;margin:0px auto;padding:2.5px;position:relative;[/newclass]
[newclass=".colors-of-the-sky .box"]width:300px;height:300px;position:relative;margin:2.5px;overflow:hidden;display:inline-block[/newclass]
[newclass=".colors-of-the-sky .box .header1"]width:260px;padding:8px 10px;background-color:#000;color:#fff;text-align:center;position:absolute;top:0px;z-index:1;margin:10px;font:13px Oswald;text-transform:uppercase;-webkit-transform: translateX(-310px);-o-transform: translateX(-310px);-moz-transform: translateX(-310px);transform:translateX(-310px);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out[/newclass]
[newclass=".colors-of-the-sky .box .main-content"]width:260px;height:188px;background-color:#FFF;font:11px Helvetica;color:#000;border:3px double #ececec;padding:7px;text-align:justify;overflow:auto;margin:0px 10px;position:absolute;top:46px;z-index:1;transform:translateX(310px);-webkit-transform: translateX(310px);-o-transform: translateX(310px);-moz-transform: translateX(310px);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out[/newclass]
[newclass=".main-content img"]width:auto!important;height:auto!important;position:relative!important;margin:2px;display:block[/newclass]
[newclass=".main-content::-webkit-scrollbar"]width: 10px;background-color:#fff[/newclass]
[newclass=".main-content::-webkit-scrollbar-thumb"]background-color:#ececec[/newclass]
[newclass=".colors-of-the-sky .box:hover .main-content"]-webkit-transform: translateX(0px);-o-transform: translateX(0px);-moz-transform: translateX(0px);transform:translateX(0px);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out[/newclass]
[newclass=".colors-of-the-sky .box:hover .header1"]-webkit-transform: translateX(0px);-o-transform: translateX(0px);-moz-transform: translateX(0px);transform:translateX(0px);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out[/newclass]
[newclass=".colors-of-the-sky img"]width:300px;height:300px;position:absolute;top:0px;left:0px[/newclass]
[newclass=".colors-of-the-sky .name"]width:260px;padding:8px 10px;background-color:#000;color:#fff;text-align:center;position:absolute;bottom:0px;z-index:1;margin:10px;font:13px Oswald;text-transform:uppercase[/newclass]
[newclass=".colors-of-the-sky .tempcredits"]margin:3px 0px;width:100%;text-align:center;font: 10px 'Oswald'; text-transform:uppercase;letter-spacing:2px;[/newclass]
[newclass=".colors-of-the-sky .tempcredits a"]font: 10px 'Oswald'; text-transform:uppercase;letter-spacing:2px;[/newclass]