breaking the model
posted Jan 31, 2019 17:36:42 GMT -6
[nospaces][googlefont=Muli:300,400,800|Material+Icons]
[newclass=.galaxyPhone2] --galaxyAccent12:#e67ca3; --galaxyAccent22:#bf7c7c; [/newclass]
[newclass=.galaxyPhone2] --galaxyPhoneBG2:url(https://i.imgur.com/P36WaGk.png);[/newclass]
[newclass=.galaxyPhone2] --galaxycontactIMG2:url(https://i.imgur.com/U6wRtz8.png) [/newclass]
[newclass=.galaxyCase2] padding:5px 10px; border-radius:10px; background-color:#212121; width:299px; position:relative; [/newclass]
[newclass=.galaxySpeaker2] background-color:rgba(255,255,255,.1); height:7px; width:149px; margin:10px 0px; border-radius:5px; [/newclass]
[newclass=.galaxyCamera2] width:7px; height:7px; border-radius:100%; background-color:rgba(255,255,255,.1); position:absolute; left:25px; top:15px; [/newclass]
[newclass=.galaxyPhone2] width:299px; height:500px; overflow:hidden; background-color:#efefef; position:relative; [/newclass]
[newclass=.galaxyLockscreen2] width:300px; flex-shrink:0; height:500px; position:absolute; z-index:0; opacity:1; background-image:url(http://placehold.it/300x500/333/eee.png); background-image:var(--galaxyPhoneBG2); display:flex; align-items:center; justify-content:center; transition:.33s; [/newclass]
[newclass=.galaxyPhone2:hover .galaxyLockscreen2] transition:.33s; transition-delay:.33s; [/newclass]
[newclass=.galaxySecond2] opacity:0; margin-top:250px; transition:.33s; position:relative; [/newclass]
[newclass=.galaxyPhone2:hover .galaxySecond2] opacity:1; transition:.33s; margin-top:0px; position:relative; transition-delay:.33s; [/newclass]
[newclass=.galaxyLockscreen2 h1] margin:0px; position:absolute; z-index:1; font:300 56px Muli; color:#fafafa; text-shadow: 0px 0px 3px #555; [/newclass]
[newclass=.galaxyLockscreen2 h2] margin:0px; font:300 12px Muli; margin-top:75px; color:#fafafa; text-shadow: 0px 1px 2px #555; [/newclass]
[newclass=.galaxyLockscreen2 span] position:absolute; bottom:25px; color:#fafafa; text-shadow: 0px 1px 2px #555; transition:.25s; transition-delay:.33s; cursor:default; font:48px Material Icons; white-space: nowrap; animation:2.5s galaxy-shake linear infinite; } @keyframes galaxy-shake { 0% { transform: rotate(0deg); } 85% { transform: rotate(0deg); } 90% { transform: rotate(5deg); } 95% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); }[/newclass]
[newclass=.galaxyPhone2:hover .galaxyLockscreen2 span] animation:.25s galaxy-in normal; opacity:0; } @keyframes galaxy-in { 0% { transform:scale(1); opacity:1; } 100% { transform:scale(1.5); opacity:0; }[/newclass]
[newclass=.galaxyRibbon2] height:20px; width:279px; position:absolute; z-index:9; background-color:rgba(0,0,0,.2); color:#fafafa; display:flex; align-items:center; justify-content:space-between; padding:2px 10px; font:400 10px muli; [/newclass]
[newclass=.galaxyRibbon2 div] display:flex; align-items:center; justify-content:center; [/newclass]
[newclass=.galaxyRibbon2 div div] margin-right:5px; height:10px; width:10px; line-height:20px; display:flex; align-items:center; justify-content:center; font-size:10px; speak: none; font-style: normal; font-weight: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; font-variant: normal;[/newclass]
[newclass=.galaxyContact2] height:59px; margin-top:0px; padding:24px 10px 0px 10px; background:linear-gradient(60deg, var(--galaxyAccent12), var(--galaxyAccent22) ); background-color:var(--galaxyAccent22); font:800 18px/18px Muli; color:#fff!important; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.galaxyContact2 div] position:absolute; font:300 10px muli; margin-top:15px; [/newclass]
[newclass=.galaxyContact2 div a] font:300 10px muli!important; color:rgba(255,255,255,.66)!important;text-transform:lowercase; [/newclass]
[newclass=.galaxyContact2 i] font-size:28px; font-style:normal; margin-right:0px; cursor:pointer; [/newclass]
[newclass=.galaxyMessages2] height:371px; width:299px; overflow:auto; text-align:left; background-color:#eee; display:flex; flex-flow:column nowrap; justify-content:flex-start; padding-top:10px; position:relative; [/newclass]
[newclass=.galaxyMessages2::after] content:'.'; font-size:0; line-height:10px; background-color:#eee; color:#eee; [/newclass]
[newclass=.galaxyMessages2 h1, .galaxyMessages2 h2] margin:0px 10px 7px 10px; max-width:189px; color:#fafafa; padding:10px; font:12px roboto; text-align:justify; width:auto; [/newclass]
[newclass=.galaxyMessages2 h1 img, .galaxyMessages2 h2 img] display:block; border-radius:3px; [/newclass]
[newclass=.galaxyMessages2 h1] background-color:var(--galaxyAccent12); margin-left: auto; -webkit-border-radius: 3px; -webkit-border-top-right-radius: 0; border-radius: 3px; border-top-right-radius: 0; [/newclass]
[newclass=.galaxyMessages2 h2] background-color:var(--galaxyAccent22); margin-right:auto; position:relative; left:40px; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 0; border-radius: 3px; border-top-left-radius: 0; [/newclass]
[newclass=.galaxyMessages2 h2:before] content:''; position:absolute; z-index:0; margin-left:-50px; margin-top:-7px; width:30px; height:30px; border-radius:100%; background-image:var(--galaxycontactIMG2); background-size:cover; [/newclass]
[newclass=.galaxyMSGbox2] width:289px; height:25px; padding:5px; border-top:1px solid #ccc; background-color:#e1e1e1; display:flex!important; flex-flow:row nowrap; align-items:center; justify-content:space-between; [/newclass]
[newclass=.galaxyMSGbox2 h1] margin:0px 5px; width:244px; font:300 12px muli; color:#888; padding:5px; border-radius:3px; background-color:#ccc; cursor:text; [/newclass]
[newclass=.galaxyMSGbox2 h1:before] content:'enter a message'[/newclass]
[newclass=.galaxyMSGbox2 div] display:inline; width:25px; height:25px; font-size:20px; line-height:25px; color:var(--galaxyAccent22); transition:.1s; [/newclass]
[newclass=.galaxyMSGbox2 div:before] background-image: linear-gradient(40deg, var(--galaxyAccent12), var(--galaxyAccent22) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; [/newclass]
[newclass=.galaxyMSGbox2 div:hover] font-size:22px; transition:.1s; cursor:pointer; [/newclass]
[newclass=.galaxyMessages2::-webkit-scrollbar] width:7px;border:0px; [/newclass]
[newclass=.galaxyMessages2::-webkit-scrollbar-track] background-color:#eee!important;border:0px;[/newclass]
[newclass=.galaxyMessages2::-webkit-scrollbar-thumb] background-image:linear-gradient(to bottom, var(--galaxyAccent12), var(--galaxyAccent22) ); background-color:var(--galaxyAccent12);border:0px; [/newclass]
[newclass=.galaxyCredit] font:800 7px roboto; margin-left:250px; [/newclass]
[newclass=.galaxyCredit a] font:800 7px roboto; [/newclass]
[newclass=.galaxyPhone2] --galaxyAccent12:#e67ca3; --galaxyAccent22:#bf7c7c; [/newclass]
[newclass=.galaxyPhone2] --galaxyPhoneBG2:url(https://i.imgur.com/P36WaGk.png);[/newclass]
[newclass=.galaxyPhone2] --galaxycontactIMG2:url(https://i.imgur.com/U6wRtz8.png) [/newclass]
[attr="class","galaxyCase2"]
[attr="class","galaxySpeaker2"]
[attr="class","galaxyCamera2"]
[attr="class","galaxyPhone2"]
[attr="class","galaxyRibbon2"]
4:26
76%
4:26
[attr="class","ion ion-connection-bars"]
[attr="class","ion ion-wifi"]
[attr="class","ion ion-battery-full"]
76%
[attr="class","galaxyLockscreen2"]
fingerprint
4:26
Monday, January 13
fingerprint
[attr="class","galaxySecond2"]
[attr="class","galaxyMessages2"]
so i think youre only cheating yourself on that one
though you know how i rather not have our bedroom threatened
PUHlease
everyone and their mom knows you're always up & rdy for it (≖ ͜ʖ≖)
to the couch with you, then!
(￣﹃￣)
I'm so huuungry
too famished, i can't go on, they'll have to treat me as the patient when i pass out from hunger
[attr="class","galaxyMSGbox2"]
[attr="class","ion ion-android-camera"]
[attr="class","ion ion-chatbubbles"]
[attr="class","galaxySpeaker2"]
[attr="class","galaxyCredit"]SELKIE
[newclass=.galaxyCase2] padding:5px 10px; border-radius:10px; background-color:#212121; width:299px; position:relative; [/newclass]
[newclass=.galaxySpeaker2] background-color:rgba(255,255,255,.1); height:7px; width:149px; margin:10px 0px; border-radius:5px; [/newclass]
[newclass=.galaxyCamera2] width:7px; height:7px; border-radius:100%; background-color:rgba(255,255,255,.1); position:absolute; left:25px; top:15px; [/newclass]
[newclass=.galaxyPhone2] width:299px; height:500px; overflow:hidden; background-color:#efefef; position:relative; [/newclass]
[newclass=.galaxyLockscreen2] width:300px; flex-shrink:0; height:500px; position:absolute; z-index:0; opacity:1; background-image:url(http://placehold.it/300x500/333/eee.png); background-image:var(--galaxyPhoneBG2); display:flex; align-items:center; justify-content:center; transition:.33s; [/newclass]
[newclass=.galaxyPhone2:hover .galaxyLockscreen2] transition:.33s; transition-delay:.33s; [/newclass]
[newclass=.galaxySecond2] opacity:0; margin-top:250px; transition:.33s; position:relative; [/newclass]
[newclass=.galaxyPhone2:hover .galaxySecond2] opacity:1; transition:.33s; margin-top:0px; position:relative; transition-delay:.33s; [/newclass]
[newclass=.galaxyLockscreen2 h1] margin:0px; position:absolute; z-index:1; font:300 56px Muli; color:#fafafa; text-shadow: 0px 0px 3px #555; [/newclass]
[newclass=.galaxyLockscreen2 h2] margin:0px; font:300 12px Muli; margin-top:75px; color:#fafafa; text-shadow: 0px 1px 2px #555; [/newclass]
[newclass=.galaxyLockscreen2 span] position:absolute; bottom:25px; color:#fafafa; text-shadow: 0px 1px 2px #555; transition:.25s; transition-delay:.33s; cursor:default; font:48px Material Icons; white-space: nowrap; animation:2.5s galaxy-shake linear infinite; } @keyframes galaxy-shake { 0% { transform: rotate(0deg); } 85% { transform: rotate(0deg); } 90% { transform: rotate(5deg); } 95% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); }[/newclass]
[newclass=.galaxyPhone2:hover .galaxyLockscreen2 span] animation:.25s galaxy-in normal; opacity:0; } @keyframes galaxy-in { 0% { transform:scale(1); opacity:1; } 100% { transform:scale(1.5); opacity:0; }[/newclass]
[newclass=.galaxyRibbon2] height:20px; width:279px; position:absolute; z-index:9; background-color:rgba(0,0,0,.2); color:#fafafa; display:flex; align-items:center; justify-content:space-between; padding:2px 10px; font:400 10px muli; [/newclass]
[newclass=.galaxyRibbon2 div] display:flex; align-items:center; justify-content:center; [/newclass]
[newclass=.galaxyRibbon2 div div] margin-right:5px; height:10px; width:10px; line-height:20px; display:flex; align-items:center; justify-content:center; font-size:10px; speak: none; font-style: normal; font-weight: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; font-variant: normal;[/newclass]
[newclass=.galaxyContact2] height:59px; margin-top:0px; padding:24px 10px 0px 10px; background:linear-gradient(60deg, var(--galaxyAccent12), var(--galaxyAccent22) ); background-color:var(--galaxyAccent22); font:800 18px/18px Muli; color:#fff!important; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.galaxyContact2 div] position:absolute; font:300 10px muli; margin-top:15px; [/newclass]
[newclass=.galaxyContact2 div a] font:300 10px muli!important; color:rgba(255,255,255,.66)!important;text-transform:lowercase; [/newclass]
[newclass=.galaxyContact2 i] font-size:28px; font-style:normal; margin-right:0px; cursor:pointer; [/newclass]
[newclass=.galaxyMessages2] height:371px; width:299px; overflow:auto; text-align:left; background-color:#eee; display:flex; flex-flow:column nowrap; justify-content:flex-start; padding-top:10px; position:relative; [/newclass]
[newclass=.galaxyMessages2::after] content:'.'; font-size:0; line-height:10px; background-color:#eee; color:#eee; [/newclass]
[newclass=.galaxyMessages2 h1, .galaxyMessages2 h2] margin:0px 10px 7px 10px; max-width:189px; color:#fafafa; padding:10px; font:12px roboto; text-align:justify; width:auto; [/newclass]
[newclass=.galaxyMessages2 h1 img, .galaxyMessages2 h2 img] display:block; border-radius:3px; [/newclass]
[newclass=.galaxyMessages2 h1] background-color:var(--galaxyAccent12); margin-left: auto; -webkit-border-radius: 3px; -webkit-border-top-right-radius: 0; border-radius: 3px; border-top-right-radius: 0; [/newclass]
[newclass=.galaxyMessages2 h2] background-color:var(--galaxyAccent22); margin-right:auto; position:relative; left:40px; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 0; border-radius: 3px; border-top-left-radius: 0; [/newclass]
[newclass=.galaxyMessages2 h2:before] content:''; position:absolute; z-index:0; margin-left:-50px; margin-top:-7px; width:30px; height:30px; border-radius:100%; background-image:var(--galaxycontactIMG2); background-size:cover; [/newclass]
[newclass=.galaxyMSGbox2] width:289px; height:25px; padding:5px; border-top:1px solid #ccc; background-color:#e1e1e1; display:flex!important; flex-flow:row nowrap; align-items:center; justify-content:space-between; [/newclass]
[newclass=.galaxyMSGbox2 h1] margin:0px 5px; width:244px; font:300 12px muli; color:#888; padding:5px; border-radius:3px; background-color:#ccc; cursor:text; [/newclass]
[newclass=.galaxyMSGbox2 h1:before] content:'enter a message'[/newclass]
[newclass=.galaxyMSGbox2 div] display:inline; width:25px; height:25px; font-size:20px; line-height:25px; color:var(--galaxyAccent22); transition:.1s; [/newclass]
[newclass=.galaxyMSGbox2 div:before] background-image: linear-gradient(40deg, var(--galaxyAccent12), var(--galaxyAccent22) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; [/newclass]
[newclass=.galaxyMSGbox2 div:hover] font-size:22px; transition:.1s; cursor:pointer; [/newclass]
[newclass=.galaxyMessages2::-webkit-scrollbar] width:7px;border:0px; [/newclass]
[newclass=.galaxyMessages2::-webkit-scrollbar-track] background-color:#eee!important;border:0px;[/newclass]
[newclass=.galaxyMessages2::-webkit-scrollbar-thumb] background-image:linear-gradient(to bottom, var(--galaxyAccent12), var(--galaxyAccent22) ); background-color:var(--galaxyAccent12);border:0px; [/newclass]
[newclass=.galaxyCredit] font:800 7px roboto; margin-left:250px; [/newclass]
[newclass=.galaxyCredit a] font:800 7px roboto; [/newclass]
