Post by Mason Lancaster on Jul 6, 2023 16:16:20 GMT -5
[nospaces][googlefont=Muli:300,400,800|Material+Icons]
[newclass=.galaxymasonCase] padding:5px 10px; border-radius:10px; background-color:#212121; width:299px; position:relative; [/newclass]
[newclass=.galaxymasonSpeaker] background-color:rgba(255,255,255,.1); height:7px; width:149px; margin:10px 0px; border-radius:5px; [/newclass]
[newclass=.galaxymasonCamera] width:7px; height:7px; border-radius:100%; background-color:rgba(255,255,255,.1); position:absolute; left:25px; top:15px; [/newclass]
[newclass=.galaxymasonPhone] width:299px; height:500px; overflow:hidden; background-color:#efefef; position:relative; [/newclass]
[newclass=.galaxymasonLockscreen] 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(--galaxymasonPhoneBG); display:flex; align-items:center; justify-content:center; transition:.33s; [/newclass]
[newclass=.galaxymasonPhone:hover .galaxymasonLockscreen] transition:.33s; transition-delay:.33s; [/newclass]
[newclass=.galaxymasonSecond] opacity:0; margin-top:250px; transition:.33s; position:relative; [/newclass]
[newclass=.galaxymasonPhone:hover .galaxymasonSecond] opacity:1; transition:.33s; margin-top:0px; position:relative; transition-delay:.33s; [/newclass]
[newclass=.galaxymasonLockscreen h1] margin:0px; position:absolute; z-index:1; font:300 56px Muli; color:#fafafa; text-shadow: 0px 0px 3px #555; [/newclass]
[newclass=.galaxymasonLockscreen h2] margin:0px; font:300 12px Muli; margin-top:75px; color:#fafafa; text-shadow: 0px 1px 2px #555; [/newclass]
[newclass=.galaxymasonLockscreen 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 galaxymason-shake linear infinite; } @keyframes galaxymason-shake { 0% { transform: rotate(0deg); } 85% { transform: rotate(0deg); } 90% { transform: rotate(5deg); } 95% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); }[/newclass]
[newclass=.galaxymasonPhone:hover .galaxymasonLockscreen span] animation:.25s galaxymason-in normal; opacity:0; } @keyframes galaxymason-in { 0% { transform:scale(1); opacity:1; } 100% { transform:scale(1.5); opacity:0; }[/newclass]
[newclass=.galaxymasonRibbon] 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=.galaxymasonRibbon div] display:flex; align-items:center; justify-content:center; [/newclass]
[newclass=.galaxymasonRibbon span] 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=.galaxymasonContact] height:59px; margin-top:0px; padding:24px 10px 0px 10px; background:linear-gradient(60deg, var(--galaxymasonAccent1), var(--galaxymasonAccent2) ); background-color:var(--galaxymasonAccent2); font:800 18px/18px Muli; color:#fff!important; display:flex; align-items:center;justify-content:space-between; [/newclass]
[newclass=.galaxymasonContact div] position:absolute; font:300 10px muli; margin-top:15px; [/newclass]
[newclass=.galaxymasonContact div a] font:300 10px muli!important; color:rgba(255,255,255,.66)!important;text-transform:lowercase; [/newclass]
[newclass=.galaxymasonContact i] font-size:28px; font-style:normal; margin-right:0px; cursor:pointer; [/newclass]
[newclass=.galaxymasonMessages] 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=.galaxymasonMessages::after] content:'.'; font-size:0; line-height:10px; background-color:#eee; color:#eee; [/newclass]
[newclass=.galaxymasonMessages h1, .galaxymasonMessages h2] margin:0px 10px 10px 10px; max-width:189px; color:#fafafa; padding:10px; font:12px roboto; text-align:justify; width:auto; [/newclass]
[newclass=.galaxymasonMessages h1 img, .galaxymasonMessages h2 img] display:block; border-radius:3px; [/newclass]
[newclass=.galaxymasonMessages h1] background-color:var(--galaxymasonAccent1); margin-left: auto; -webkit-border-radius: 3px; -webkit-border-top-right-radius: 0; border-radius: 3px; border-top-right-radius: 0; [/newclass]
[newclass=.galaxymasonMessages h2] background-color:var(--galaxymasonAccent2); 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=.galaxymasonMessages h2:before] content:''; position:absolute; z-index:0; margin-left:-50px; margin-top:-7px; width:30px; height:30px; border-radius:100%; background-image:var(--galaxymasoncontactIMG); background-size:cover; [/newclass]
[newclass=.galaxymasonMSGbox] width:289px; height:25px; padding:5px; border-top:1px solid #ddd; background-color:#eaeaea; display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; [/newclass]
[newclass=.galaxymasonMSGbox h1] margin:0px 5px; width:244px; font:300 12px muli; color:#aaa; padding:5px; border-radius:3px; background-color:#f7f7f7; cursor:text; [/newclass]
[newclass=.galaxymasonMSGbox h1:before] content:'enter a message'[/newclass]
[newclass=.galaxymasonMSGbox span] display:inline; width:25px; height:25px; font-size:20px; line-height:25px; color:var(--galaxymasonAccent2); transition:.1s; [/newclass]
[newclass=.galaxymasonMSGbox span:before] background-image: linear-gradient(40deg, var(--galaxymasonAccent1), var(--galaxymasonAccent2) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; [/newclass]
[newclass=.galaxymasonMSGbox span:hover] font-size:22px; transition:.1s; cursor:pointer; [/newclass]
[newclass=.galaxymasonMessages::-webkit-scrollbar] width:7px;border:0px; [/newclass]
[newclass=.galaxymasonMessages::-webkit-scrollbar-track] background-color:#fcfcfc;border:0px;[/newclass]
[newclass=.galaxymasonMessages::-webkit-scrollbar-thumb] background-image:linear-gradient(to bottom, var(--galaxymasonAccent1), var(--galaxymasonAccent2) ); background-color:var(--galaxymasonAccent1);border:0px; [/newclass]
[newclass=.galaxymasonCredit] font:800 7px roboto; margin-left:250px; [/newclass]
[newclass=.galaxymasonCredit a] font:800 7px roboto; [/newclass]
[newclass=.ion]display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "Ionicons"; src: url("//dl.dropbox.com/s/mapg7pw2au1g09k/ionicons.eot"); src: url("//dl.dropbox.com/s/mapg7pw2au1g09k/ionicons.eot") format("embedded-opentype"), url("//dl.dropbox.com/s/jttet8q0r121h5t/ionicons.woff") format("woff"), url("//dl.dropbox.com/s/jl3yj9nwp5lyl3g/ionicons.ttf") format("truetype"), url("//dl.dropbox.com/s/7c60myjcm9320b4/ionicons.svg") format("svg"); font-weight: normal; font-style: normal;[/newclass]
[newclass=.ion-connection-bars:before] font-family: "Ionicons"; content: "\f274"; [/newclass]
[newclass=.ion-wifi:before] font-family: "Ionicons"; content: "\f25c"; [/newclass]
[newclass=.ion-battery-full:before] font-family: "Ionicons"; content: "\f113"; [/newclass]
[newclass=.ion-ios-telephone:before] font-family: "Ionicons"; content: "\f4b9"; [/newclass]
[newclass=.ion-android-camera:before] font-family: "Ionicons"; content: "\f2d3"; [/newclass]
[newclass=.ion-chatbubbles:before] font-family: "Ionicons"; content: "\f11f"; [/newclass]
[newclass=.galaxymasonContact-listing] height:30px; margin-top:0px; padding:10px 0px 0px 10px; background:linear-gradient(60deg, var(--galaxymasonAccent1), var(--galaxymasonAccent2) ); background-color:var(--galaxymasonAccent2); font:800 18px/18px Muli; color:#fff!important; align-items:center;justify-content:space-between; [/newclass]
[newclass=.galaxymasonContact-listing div] position:absolute; font:300 10px muli; margin-top:15px; [/newclass]
[newclass=.galaxymasonContact-listing div a] font:300 10px muli!important; color:rgba(255,255,255,.66)!important;text-transform:lowercase; [/newclass]
[newclass=.galaxymasonContact-listing i] font-size:28px; font-style:normal; margin-right:0px; cursor:pointer; [/newclass]
[newclass=.galaxymasonContact-listing-thelist]padding:10px;height:207px;overflow:auto;[/newclass]
[newclass=.galaxymasonContact-listing-thelist::-webkit-scrollbar] width:0px;border:0px; [/newclass]
[newclass=.galaxymasonPhone-listing]width:200px;height:544px;background-color:#eee;border:10px solid #222;border-radius:10px;font:300 12px muli;[/newclass]
[newclass=.galaxymasonPhone-listing] --galaxymasonAccent1:#170099; --galaxymasonAccent2:#050022; [/newclass]
[newclass=.galaxymasonPhone] --galaxymasonAccent1:#170099; --galaxymasonAccent2:#050022; [/newclass] [newclass=.galaxymasonPhone] --galaxymasonPhoneBG:url(https://hosting.photobucket.com/images/b167/ashleystar27/max.jpg);[/newclass] [newclass=.galaxymasonPhone] --galaxymasoncontactIMG:url(https://hosting.photobucket.com/images/b167/ashleystar27/cami_jagVUXhhiduQwDdHaLfCNL.jpg) [/newclass] [attr="class","galaxymasonCase"] [attr="class","galaxymasonSpeaker"] [attr="class","galaxymasonCamera"] [attr="class","galaxymasonPhone"] [attr="class","galaxymasonRibbon"] 08:03 [attr="class","ion ion-connection-bars"][attr="class","ion ion-wifi"][attr="class","ion ion-battery-full"] 96% [attr="class","galaxymasonLockscreen"]
fingerprint [attr="class","galaxymasonSecond"] [attr="class","galaxymasonContact"] Camilla Clarke (Cami) [attr="class","galaxymasonMessages"] Hey, are we still on for tonight?Where are you?Sorry, I picked up overtime. They had a call out.Dammit, Mason. We had plans. You couldn’t at least text me?Sorry Cami. I meant to. It just slipped my mind.It always slips your mind.I’m sorry. I’ve gotta go, we got a call.How was the shift?Mason? I haven’t heard from you in a couple days… Are you okay?I guess you’re busy. I’ll stop bothering you.You aren’t bothering me. I was busy. Sorry, I’m free now. Want to get dinner?Are you going to show up this time?Yes. I’ll even cook for you.Can I give Max treats?Maybe. If he’s a good boy.He’s always a good boy.You like him better than me.Well, he is a cutie.Hey, why aren’t you picking up?I swear to god Mason, if you’re at work I’m going to lose my shit.My parents were expecting BOTH of us to be here.Oh god. I forgot.Of course you did.Fuck you, Mason.Cami… can we talk?Please? I’m sorry.I’m busy.I know it’s been a while, but I hope you have a good birthday, Mason. Hope you took the day off for a change.Thanks Cami. I hope you’re doing okay.I am.[attr="class","galaxymasonMSGbox"][attr="class","ion ion-android-camera"][attr="class","ion ion-chatbubbles"] [attr="class","galaxymasonSpeaker"] [attr="class","galaxymasonCredit"]SELKIE | [attr="class","galaxymasonPhone-listing"] [attr="class","galaxymasonContact-listing"] CONTACT LIST [attr="class","galaxymasonContact-listing-thelist"] (note: most of Mason's contacts are people from the fire department)[break][break] • Adrian Savino (A Sav)[break] • Bryan O’Connor[break] • Camilla Clarke (Cami)[break] • Capt Oscar Savino (Papa Sav)[break] • Christian Savino (baby Sav)[break] • Daniel Freeman (D-Free)[break] • Fredrick Benson[break] • Gregory Shaw[break] • Greg Walker[break] • Henry Freeman (H-Man)[break] • Jimmy Bennett[break] • Jenni Hal[break] • Kelsey Pope[break] • Lionel Savino (L Sav)[break] • Maddison Lancaster (Maddie)[break] • Miranda Lancaster (mom)[break] • Noah[break] • Paul Welch[break] • Tomas Callaway[break] [attr="class","galaxymasonContact-listing"] CAMERA ROLL [attr="class","galaxymasonContact-listing-thelist"]                           |
[newclass=.galaxymasonCase] padding:5px 10px; border-radius:10px; background-color:#212121; width:299px; position:relative; [/newclass]
[newclass=.galaxymasonSpeaker] background-color:rgba(255,255,255,.1); height:7px; width:149px; margin:10px 0px; border-radius:5px; [/newclass]
[newclass=.galaxymasonCamera] width:7px; height:7px; border-radius:100%; background-color:rgba(255,255,255,.1); position:absolute; left:25px; top:15px; [/newclass]
[newclass=.galaxymasonPhone] width:299px; height:500px; overflow:hidden; background-color:#efefef; position:relative; [/newclass]
[newclass=.galaxymasonLockscreen] 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(--galaxymasonPhoneBG); display:flex; align-items:center; justify-content:center; transition:.33s; [/newclass]
[newclass=.galaxymasonPhone:hover .galaxymasonLockscreen] transition:.33s; transition-delay:.33s; [/newclass]
[newclass=.galaxymasonSecond] opacity:0; margin-top:250px; transition:.33s; position:relative; [/newclass]
[newclass=.galaxymasonPhone:hover .galaxymasonSecond] opacity:1; transition:.33s; margin-top:0px; position:relative; transition-delay:.33s; [/newclass]
[newclass=.galaxymasonLockscreen h1] margin:0px; position:absolute; z-index:1; font:300 56px Muli; color:#fafafa; text-shadow: 0px 0px 3px #555; [/newclass]
[newclass=.galaxymasonLockscreen h2] margin:0px; font:300 12px Muli; margin-top:75px; color:#fafafa; text-shadow: 0px 1px 2px #555; [/newclass]
[newclass=.galaxymasonLockscreen 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 galaxymason-shake linear infinite; } @keyframes galaxymason-shake { 0% { transform: rotate(0deg); } 85% { transform: rotate(0deg); } 90% { transform: rotate(5deg); } 95% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); }[/newclass]
[newclass=.galaxymasonPhone:hover .galaxymasonLockscreen span] animation:.25s galaxymason-in normal; opacity:0; } @keyframes galaxymason-in { 0% { transform:scale(1); opacity:1; } 100% { transform:scale(1.5); opacity:0; }[/newclass]
[newclass=.galaxymasonRibbon] 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=.galaxymasonRibbon div] display:flex; align-items:center; justify-content:center; [/newclass]
[newclass=.galaxymasonRibbon span] 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=.galaxymasonContact] height:59px; margin-top:0px; padding:24px 10px 0px 10px; background:linear-gradient(60deg, var(--galaxymasonAccent1), var(--galaxymasonAccent2) ); background-color:var(--galaxymasonAccent2); font:800 18px/18px Muli; color:#fff!important; display:flex; align-items:center;justify-content:space-between; [/newclass]
[newclass=.galaxymasonContact div] position:absolute; font:300 10px muli; margin-top:15px; [/newclass]
[newclass=.galaxymasonContact div a] font:300 10px muli!important; color:rgba(255,255,255,.66)!important;text-transform:lowercase; [/newclass]
[newclass=.galaxymasonContact i] font-size:28px; font-style:normal; margin-right:0px; cursor:pointer; [/newclass]
[newclass=.galaxymasonMessages] 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=.galaxymasonMessages::after] content:'.'; font-size:0; line-height:10px; background-color:#eee; color:#eee; [/newclass]
[newclass=.galaxymasonMessages h1, .galaxymasonMessages h2] margin:0px 10px 10px 10px; max-width:189px; color:#fafafa; padding:10px; font:12px roboto; text-align:justify; width:auto; [/newclass]
[newclass=.galaxymasonMessages h1 img, .galaxymasonMessages h2 img] display:block; border-radius:3px; [/newclass]
[newclass=.galaxymasonMessages h1] background-color:var(--galaxymasonAccent1); margin-left: auto; -webkit-border-radius: 3px; -webkit-border-top-right-radius: 0; border-radius: 3px; border-top-right-radius: 0; [/newclass]
[newclass=.galaxymasonMessages h2] background-color:var(--galaxymasonAccent2); 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=.galaxymasonMessages h2:before] content:''; position:absolute; z-index:0; margin-left:-50px; margin-top:-7px; width:30px; height:30px; border-radius:100%; background-image:var(--galaxymasoncontactIMG); background-size:cover; [/newclass]
[newclass=.galaxymasonMSGbox] width:289px; height:25px; padding:5px; border-top:1px solid #ddd; background-color:#eaeaea; display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; [/newclass]
[newclass=.galaxymasonMSGbox h1] margin:0px 5px; width:244px; font:300 12px muli; color:#aaa; padding:5px; border-radius:3px; background-color:#f7f7f7; cursor:text; [/newclass]
[newclass=.galaxymasonMSGbox h1:before] content:'enter a message'[/newclass]
[newclass=.galaxymasonMSGbox span] display:inline; width:25px; height:25px; font-size:20px; line-height:25px; color:var(--galaxymasonAccent2); transition:.1s; [/newclass]
[newclass=.galaxymasonMSGbox span:before] background-image: linear-gradient(40deg, var(--galaxymasonAccent1), var(--galaxymasonAccent2) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; [/newclass]
[newclass=.galaxymasonMSGbox span:hover] font-size:22px; transition:.1s; cursor:pointer; [/newclass]
[newclass=.galaxymasonMessages::-webkit-scrollbar] width:7px;border:0px; [/newclass]
[newclass=.galaxymasonMessages::-webkit-scrollbar-track] background-color:#fcfcfc;border:0px;[/newclass]
[newclass=.galaxymasonMessages::-webkit-scrollbar-thumb] background-image:linear-gradient(to bottom, var(--galaxymasonAccent1), var(--galaxymasonAccent2) ); background-color:var(--galaxymasonAccent1);border:0px; [/newclass]
[newclass=.galaxymasonCredit] font:800 7px roboto; margin-left:250px; [/newclass]
[newclass=.galaxymasonCredit a] font:800 7px roboto; [/newclass]
[newclass=.ion]display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "Ionicons"; src: url("//dl.dropbox.com/s/mapg7pw2au1g09k/ionicons.eot"); src: url("//dl.dropbox.com/s/mapg7pw2au1g09k/ionicons.eot") format("embedded-opentype"), url("//dl.dropbox.com/s/jttet8q0r121h5t/ionicons.woff") format("woff"), url("//dl.dropbox.com/s/jl3yj9nwp5lyl3g/ionicons.ttf") format("truetype"), url("//dl.dropbox.com/s/7c60myjcm9320b4/ionicons.svg") format("svg"); font-weight: normal; font-style: normal;[/newclass]
[newclass=.ion-connection-bars:before] font-family: "Ionicons"; content: "\f274"; [/newclass]
[newclass=.ion-wifi:before] font-family: "Ionicons"; content: "\f25c"; [/newclass]
[newclass=.ion-battery-full:before] font-family: "Ionicons"; content: "\f113"; [/newclass]
[newclass=.ion-ios-telephone:before] font-family: "Ionicons"; content: "\f4b9"; [/newclass]
[newclass=.ion-android-camera:before] font-family: "Ionicons"; content: "\f2d3"; [/newclass]
[newclass=.ion-chatbubbles:before] font-family: "Ionicons"; content: "\f11f"; [/newclass]
[newclass=.galaxymasonContact-listing] height:30px; margin-top:0px; padding:10px 0px 0px 10px; background:linear-gradient(60deg, var(--galaxymasonAccent1), var(--galaxymasonAccent2) ); background-color:var(--galaxymasonAccent2); font:800 18px/18px Muli; color:#fff!important; align-items:center;justify-content:space-between; [/newclass]
[newclass=.galaxymasonContact-listing div] position:absolute; font:300 10px muli; margin-top:15px; [/newclass]
[newclass=.galaxymasonContact-listing div a] font:300 10px muli!important; color:rgba(255,255,255,.66)!important;text-transform:lowercase; [/newclass]
[newclass=.galaxymasonContact-listing i] font-size:28px; font-style:normal; margin-right:0px; cursor:pointer; [/newclass]
[newclass=.galaxymasonContact-listing-thelist]padding:10px;height:207px;overflow:auto;[/newclass]
[newclass=.galaxymasonContact-listing-thelist::-webkit-scrollbar] width:0px;border:0px; [/newclass]
[newclass=.galaxymasonPhone-listing]width:200px;height:544px;background-color:#eee;border:10px solid #222;border-radius:10px;font:300 12px muli;[/newclass]
[newclass=.galaxymasonPhone-listing] --galaxymasonAccent1:#170099; --galaxymasonAccent2:#050022; [/newclass]