posted Jul 21, 2018 19:35:16 GMT -6 in beauty in the hills [muse tracker]
[nospaces][googlefont=Material Icons|Mr Dafoe|Yanone Kaffeesatz]
[newclass=.museContainer] display:flex; justify-content:space-between; flex-flow: row wrap; width:434px; margin:1px; [/newclass]
[newclass=.museBorder] width:202px; height:202px; border:5px solid #eee; outline:1px solid #ddd; margin-top:10px; [/newclass]
[newclass=.museBox] width:200px; height:200px; background-color:#fcfcfc; border:1px solid #ddd; display:flex; flex-flow: row wrap; align-items:center; justify-content:center; overflow:hidden; position:relative; [/newclass]
[newclass=.threadsAreOpen::before] content:"check"; font-family: Material Icons; font-size:175px; position:absolute; margin-top:23px; margin-left:52px; color:#297A00; opacity:.2; [/newclass]
[newclass=.threadsAreClosed::before] content:"close"; font-family: Material Icons; font-size:175px; position:absolute; margin-top:19px; margin-left:68px; color:#B80000; opacity:.2; [/newclass]
[newclass=.museArrowBox] height:165px; width:0px; background-color:#222; margin-top:25px; align-self:flex-start; position:absolute; z-index:1; margin-left:-145px; transform:rotate(180deg); [/newclass]
[newclass=.museBar] height:180px; width:10px; align-self:flex-start; margin-top:10px; position:absolute; z-index:0; margin-left:-85px; background: linear-gradient(180deg, rgba(107,190,10,1) 0%, rgba(255,196,67,1) 50%, rgba(255,0,0,1) 100%); [/newclass]
[newclass=.museArrow] width:10px; height:15px; position:relative; left:-60px; background-color:#222; -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%); clip-path: polygon(0 50%, 100% 0, 100% 100%); [/newclass]
[newclass=.museIcon] position:absolute; background-color:#fcfcfc; border-radius:100%; [/newclass]
[newclass=.museName] width:200px; font:27px Mr Dafoe; text-shadow: #fcfcfc 1px 1px, #fcfcfc -1px 1px, #fcfcfc 1px -1px, #fcfcfc -1px -1px; position:relative; z-index:2; top:123px; color:#C78D54; [/newclass]
[newclass=.museSurname] font:35px/100% Yanone Kaffeesatz; text-shadow: #fcfcfc 1px 1px, #fcfcfc -1px 1px, #fcfcfc 1px -1px, #fcfcfc -1px -1px; text-transform:uppercase; position:relative;color: rgba(204,204,204,0.33);align-self:flex-end; top:-4px; [/newclass]
[attr="class","museContainer"]
[attr="class","museBorder"]
[attr="class","museBox"]
[attr="class","material-icons"]
[attr="class","threadsAreOpen"]
[attr="class","threadsAreOpen"]
[attr="class","museArrowBox"]
[attr="class","museArrow"]
[attr="class","museBar"]
[attr="class","museIcon"]
[attr="class","museName"]
name
name
[attr="class","museSurname"]
surname
surname
[attr="class","museBorder"]
[attr="class","museBox"]
[attr="class","material-icons"]
[attr="class","threadsAreClosed"]
[attr="class","threadsAreClosed"]
[attr="class","museArrowBox"]
[attr="class","museArrow"]
[attr="class","museBar"]
[attr="class","museIcon"]
[attr="class","museName"]
name
name
[attr="class","museSurname"]
surname
surname
[attr="class","museBorder"]
[attr="class","museBox"]
[attr="class","material-icons"]
[attr="class","threadsAreClosed"]
[attr="class","threadsAreClosed"]
[attr="class","museArrowBox"]
[attr="class","museArrow"]
[attr="class","museBar"]
[attr="class","museIcon"]
[attr="class","museName"]
name
name
[attr="class","museSurname"]
surname
surname
[attr="class","museBorder"]
[attr="class","museBox"]
[attr="class","material-icons"]
[attr="class","threadsAreOpen"]
[attr="class","threadsAreOpen"]
[attr="class","museArrowBox"]
[attr="class","museArrow"]
[attr="class","museBar"]
[attr="class","museIcon"]
[attr="class","museName"]
name
name
[attr="class","museSurname"]
surname
surname
[newclass=.museContainer] display:flex; justify-content:space-between; flex-flow: row wrap; width:434px; margin:1px; [/newclass]
[newclass=.museBorder] width:202px; height:202px; border:5px solid #eee; outline:1px solid #ddd; margin-top:10px; [/newclass]
[newclass=.museBox] width:200px; height:200px; background-color:#fcfcfc; border:1px solid #ddd; display:flex; flex-flow: row wrap; align-items:center; justify-content:center; overflow:hidden; position:relative; [/newclass]
[newclass=.threadsAreOpen::before] content:"check"; font-family: Material Icons; font-size:175px; position:absolute; margin-top:23px; margin-left:52px; color:#297A00; opacity:.2; [/newclass]
[newclass=.threadsAreClosed::before] content:"close"; font-family: Material Icons; font-size:175px; position:absolute; margin-top:19px; margin-left:68px; color:#B80000; opacity:.2; [/newclass]
[newclass=.museArrowBox] height:165px; width:0px; background-color:#222; margin-top:25px; align-self:flex-start; position:absolute; z-index:1; margin-left:-145px; transform:rotate(180deg); [/newclass]
[newclass=.museBar] height:180px; width:10px; align-self:flex-start; margin-top:10px; position:absolute; z-index:0; margin-left:-85px; background: linear-gradient(180deg, rgba(107,190,10,1) 0%, rgba(255,196,67,1) 50%, rgba(255,0,0,1) 100%); [/newclass]
[newclass=.museArrow] width:10px; height:15px; position:relative; left:-60px; background-color:#222; -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%); clip-path: polygon(0 50%, 100% 0, 100% 100%); [/newclass]
[newclass=.museIcon] position:absolute; background-color:#fcfcfc; border-radius:100%; [/newclass]
[newclass=.museName] width:200px; font:27px Mr Dafoe; text-shadow: #fcfcfc 1px 1px, #fcfcfc -1px 1px, #fcfcfc 1px -1px, #fcfcfc -1px -1px; position:relative; z-index:2; top:123px; color:#C78D54; [/newclass]
[newclass=.museSurname] font:35px/100% Yanone Kaffeesatz; text-shadow: #fcfcfc 1px 1px, #fcfcfc -1px 1px, #fcfcfc 1px -1px, #fcfcfc -1px -1px; text-transform:uppercase; position:relative;color: rgba(204,204,204,0.33);align-self:flex-end; top:-4px; [/newclass]