[nospaces][googlefont=Muli:300,400,800|Material+Icons]
[newclass=.galaxyPhone] --galaxyAccent1:#6E5263; --galaxyAccent2:#8E94A6; [/newclass]
[newclass=.galaxyPhone] --galaxyPhoneBG:url(https://i.pinimg.com/564x/4b/ed/b2/4bedb292345b885a25027e2b2648a9f9.jpg);[/newclass]
[newclass=.galaxyPhone] --galaxycontactIMG:url(https://i.ibb.co/GdKPDKz/image.png) [/newclass]
[attr="class","galaxyCase"]
[attr="class","galaxySpeaker"]
[attr="class","galaxyCamera"]
[attr="class","galaxyPhone"]
[attr="class","galaxyRibbon"]
12:21
[attr="class","ion ion-connection-bars"][attr="class","ion ion-wifi"][attr="class","ion ion-battery-full"]
100%
[attr="class","galaxyLockscreen"]
12:21
Tuesday, April 27
fingerprint[attr="class","galaxySecond"]
[attr="class","galaxyContact"]
BOSS LADY LIZZIE
[attr="class","galaxyMessages"]
Did you do all this by yourself? I wouldn't even know where to begin.
What do all the hearts mean?
Okay so the wee hearts are likes. That means people 'liked' the post! The speech bubble is for comments. And the little airplane is to share the post.
It's really not all that hard haha I just stole-- borrowed-- inspiration from Pinterest and went with it!
Flowers are super pretty anyway and the lighting in the shop is grand. Also, most phones have a dece camera these days so it's not like I need a lot of photography equipment or anything fancy.
[attr="class","galaxyMSGbox"][attr="class","ion ion-android-camera"]
[attr="class","ion ion-chatbubbles"][attr="class","galaxySpeaker"]
[attr="class","galaxyCredit"]
SELKIE[newclass=.galaxyCase] padding:5px 10px; border-radius:10px; background-color:#212121; width:299px; position:relative; [/newclass]
[newclass=.galaxySpeaker] background-color:rgba(255,255,255,.1); height:7px; width:149px; margin:10px 0px; border-radius:5px; [/newclass]
[newclass=.galaxyCamera] width:7px; height:7px; border-radius:100%; background-color:rgba(255,255,255,.1); position:absolute; left:25px; top:15px; [/newclass]
[newclass=.galaxyPhone] width:299px; height:500px; overflow:hidden; background-color:#efefef; position:relative; [/newclass]
[newclass=.galaxyLockscreen] 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(--galaxyPhoneBG); display:flex; align-items:center; justify-content:center; transition:.33s; [/newclass]
[newclass=.galaxyPhone:hover .galaxyLockscreen] transition:.33s; transition-delay:.33s; [/newclass]
[newclass=.galaxySecond] opacity:0; margin-top:250px; transition:.33s; position:relative; [/newclass]
[newclass=.galaxyPhone:hover .galaxySecond] opacity:1; transition:.33s; margin-top:0px; position:relative; transition-delay:.33s; [/newclass]
[newclass=.galaxyLockscreen h1] margin:0px; position:absolute; z-index:1; font:300 56px Muli; color:#fafafa; text-shadow: 0px 0px 3px #555; [/newclass]
[newclass=.galaxyLockscreen h2] margin:0px; font:300 12px Muli; margin-top:75px; color:#fafafa; text-shadow: 0px 1px 2px #555; [/newclass]
[newclass=.galaxyLockscreen 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=.galaxyPhone:hover .galaxyLockscreen 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=.galaxyRibbon] 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=.galaxyRibbon div] display:flex; align-items:center; justify-content:center; [/newclass]
[newclass=.galaxyRibbon 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=.galaxyContact] height:59px; margin-top:0px; padding:24px 10px 0px 10px; background:linear-gradient(60deg, var(--galaxyAccent1), var(--galaxyAccent2) ); background-color:var(--galaxyAccent2); font:800 18px/18px Muli; color:#fff!important; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.galaxyContact div] position:absolute; font:300 10px muli; margin-top:15px; [/newclass]
[newclass=.galaxyContact div a] font:300 10px muli!important; color:rgba(255,255,255,.66)!important;text-transform:lowercase; [/newclass]
[newclass=.galaxyContact i] font-size:28px; font-style:normal; margin-right:0px; cursor:pointer; [/newclass]
[newclass=.galaxyMessages] 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=.galaxyMessages::after] content:'.'; font-size:0; line-height:10px; background-color:#eee; color:#eee; [/newclass]
[newclass=.galaxyMessages h1, .galaxyMessages h2] margin:0px 10px 10px 10px; max-width:189px; color:#fafafa; padding:10px; font:12px roboto; text-align:justify; width:auto; [/newclass]
[newclass=.galaxyMessages h1 img, .galaxyMessages h2 img] display:block; border-radius:3px; [/newclass]
[newclass=.galaxyMessages h1] background-color:var(--galaxyAccent1); margin-left: auto; -webkit-border-radius: 3px; -webkit-border-top-right-radius: 0; border-radius: 3px; border-top-right-radius: 0; [/newclass]
[newclass=.galaxyMessages h2] background-color:var(--galaxyAccent2); 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=.galaxyMessages h2:before] content:''; position:absolute; z-index:0; margin-left:-50px; margin-top:-7px; width:30px; height:30px; border-radius:100%; background-image:var(--galaxycontactIMG); background-size:cover; [/newclass]
[newclass=.galaxyMSGbox] 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=.galaxyMSGbox h1] margin:0px 5px; width:244px; font:300 12px muli; color:#aaa; padding:5px; border-radius:3px; background-color:#f7f7f7; cursor:text; [/newclass]
[newclass=.galaxyMSGbox h1:before] content:'enter a message'[/newclass]
[newclass=.galaxyMSGbox span] display:inline; width:25px; height:25px; font-size:20px; line-height:25px; color:var(--galaxyAccent2); transition:.1s; [/newclass]
[newclass=.galaxyMSGbox span:before] background-image: linear-gradient(40deg, var(--galaxyAccent1), var(--galaxyAccent2) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; [/newclass]
[newclass=.galaxyMSGbox span:hover] font-size:22px; transition:.1s; cursor:pointer; [/newclass]
[newclass=.galaxyMessages::-webkit-scrollbar] width:7px;border:0px; [/newclass]
[newclass=.galaxyMessages::-webkit-scrollbar-track] background-color:#fcfcfc;border:0px;[/newclass]
[newclass=.galaxyMessages::-webkit-scrollbar-thumb] background-image:linear-gradient(to bottom, var(--galaxyAccent1), var(--galaxyAccent2) ); background-color:var(--galaxyAccent1);border:0px; [/newclass]
[newclass=.galaxyCredit] font:800 7px roboto; margin-left:250px; [/newclass]
[newclass=.galaxyCredit 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]