Post by ❈Venerys on Oct 22, 2020 6:05:20 GMT
[newclass=.selkieCodesBorder] width:325px; border:10px solid #569BC0; outline:1px solid #000000;margin-top:1px; [/newclass]
[newclass=.selkieCodes] background-color:#fefefe; border:1px solid #000000; padding:20px; display:flex; flex-wrap:wrap; justify-content:center; [/newclass]
[newclass=.selkieCodesIcon] border:1px solid #000000; width:100px; height:100px; padding:10px; [/newclass]
[newclass=.selkieCodesTitle] display:flex; width:141px; align-items:center; justify-content:flex-start; text-align:left; font:20px/90% Montserrat; text-transform:uppercase; margin-left:20px; color:#ababab; [/newclass]
[newclass=.selkieCodesDivider] height:1px; width:100%; margin-top:20px; margin-bottom:20px; background-color:#eee; [/newclass]
[newclass=.selkieCodesBody] font:11px/140% roboto; padding:0px 25px; text-align:justify; color:#a1a1a1; [/newclass]
[newclass=.selkieCodesBody b]color: #A4DE6D;font:12px Montserrat;font-weight:700;text-align:center;[/newclass]
[newclass=.selkieCodesNotes] display:flex; flex-wrap:wrap; margin-top:20px; width:283px; justify-content:center; [/newclass]
[newclass=.selkieCodesHashtags] width:131px; padding:0px 10px 0px 0px; text-align:left; [/newclass]
[newclass=.selkieCodesHash] display:inline-block; background-color:#D67EA4; color:#fff; font:bold 9px roboto; line-height:15px; height:15px; text-transform:uppercase; padding:1px 5px; margin:0px 2px 2px 0px; [/newclass]
[newclass=.selkieCodesHash a]font:bold 9px roboto!important;color:#fff!important;[/newclass]
[newclass=.selkieNotesDivider] width:1px; background-color:#eee; [/newclass]
[newclass=.selkieCodesRules] width:131px; font:bold 9px/130% roboto; letter-spacing:.5px; padding:0px 0px 0px 10px; text-transform:uppercase; text-align:left; color:#aaa; [/newclass][break]
[nospaces]
[newclass=.lionbody b]color:#E5953E;[/newclass]
[newclass=.lioncontain]width:349px;overflow:hidden;background-color:#fafafa; border: 2px solid #E5953E;border-bottom:10px solid #E5953E;[/newclass]
[newclass=.lionheader]width:349px;height:100px;background-color:#E5953E;-webkit-clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);transition:.5s ease;[/newclass]
[newclass=.lionhdtag]font-family:calibri;text-transform:uppercase;font-size:11px;text-align:justify;padding:5px;color:#fff;transform:rotate(-4deg);width:150px;text-align:right;height:10px;overflow:hidden;position:relative;left:209px;top:15px;transition:.5s ease;[/newclass]
[newclass=.lionhdtag a]font:11px calibri!important;color:#fff;[/newclass]
[newclass=.lionhdnotes]color:#fff;font-family:calibri;font-size:11px;float:left;padding:0px 5px;text-align:right;width:150px;line-height:13px;height:26px;overflow:AUTO;transform:rotate(-4deg);position:relative;top:18px;left:350px;text-transform:uppercase;transition:.5s ease;transition-delay:.5s;[/newclass]
[newclass=.lioncontain:hover .lionhdnotes]top:28px;left:185px;transition:.5s ease;transition-delay:.5s;[/newclass]
[newclass=.lioncontain:hover .lionhdtag]position:relative;left:89px;top:25px;transition:.5s ease;[/newclass]
[newclass=.lionbody]font-family:CALIBRI;font-size:11px;text-align:justify;line-height:150%;color:#7b7b7b;padding:10px 20px 20px 20px;[/newclass]
[newclass=.lionicon]width:120px;height:120px;background-color:#fafafa;border-radius:100%;transform: rotate(-5deg);float:left;position:relative;margin-top:-63px;margin-left:10px;[/newclass]
[newclass=.lioniconbg]border-radius:100%;width:100px;height:100px;position:relative;top:10px;[/newclass]
[newclass=.lionhdnotes::-webkit-scrollbar]width:0px;[/newclass]
[newclass=.lionCredit]font:bold 7px roboto!important;margin-left:275px;[/newclass]
[newclass=.lionCredit a]font:bold 7px roboto!important;[/newclass]
[newclass=.selkieCodes] background-color:#fefefe; border:1px solid #000000; padding:20px; display:flex; flex-wrap:wrap; justify-content:center; [/newclass]
[newclass=.selkieCodesIcon] border:1px solid #000000; width:100px; height:100px; padding:10px; [/newclass]
[newclass=.selkieCodesTitle] display:flex; width:141px; align-items:center; justify-content:flex-start; text-align:left; font:20px/90% Montserrat; text-transform:uppercase; margin-left:20px; color:#ababab; [/newclass]
[newclass=.selkieCodesDivider] height:1px; width:100%; margin-top:20px; margin-bottom:20px; background-color:#eee; [/newclass]
[newclass=.selkieCodesBody] font:11px/140% roboto; padding:0px 25px; text-align:justify; color:#a1a1a1; [/newclass]
[newclass=.selkieCodesBody b]color: #A4DE6D;font:12px Montserrat;font-weight:700;text-align:center;[/newclass]
[newclass=.selkieCodesNotes] display:flex; flex-wrap:wrap; margin-top:20px; width:283px; justify-content:center; [/newclass]
[newclass=.selkieCodesHashtags] width:131px; padding:0px 10px 0px 0px; text-align:left; [/newclass]
[newclass=.selkieCodesHash] display:inline-block; background-color:#D67EA4; color:#fff; font:bold 9px roboto; line-height:15px; height:15px; text-transform:uppercase; padding:1px 5px; margin:0px 2px 2px 0px; [/newclass]
[newclass=.selkieCodesHash a]font:bold 9px roboto!important;color:#fff!important;[/newclass]
[newclass=.selkieNotesDivider] width:1px; background-color:#eee; [/newclass]
[newclass=.selkieCodesRules] width:131px; font:bold 9px/130% roboto; letter-spacing:.5px; padding:0px 0px 0px 10px; text-transform:uppercase; text-align:left; color:#aaa; [/newclass][break]
[nospaces]
[attr="class","lioncontain"]
[attr="class","lionheader"]
[attr="class","lionhdtag"]
@tagged
@tagged
[attr="class","lionhdnotes"]
notes go here! they look best at two lines but you can go wild if you want since they start to scroll~
notes go here! they look best at two lines but you can go wild if you want since they start to scroll~
[attr="class","lionicon"]
[attr="class","lioniconbg"]
[attr="class","lionbody"]
lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi at dolor a augue pulvinar posuere eu vitae est. nullam varius hendrerit facilisis. ut placerat eros a imperdiet congue. ut quis ligula sagittis, dapibus ipsum et, fermentum nibh. curabitur rhoncus facilisis lacus quis gravida. maecenas nisi ligula, rutrum at risus et, mattis blandit quam. pellentesque nec vulputate sem. nunc tincidunt nibh justo, vitae popwfitor mi placerat et. donec euismod faucibus laoreet. curabitur viverra ornare euismod.[break][break]
"ut tempus purus nulla", et consequat mi sodales vitae. sed ornare diam tellus, sed maximus est ultrices et. curabitur facilisis sodales purus, vitae interdum metus lobortis a. phasellus ac varius risus, sit amet imperdiet augue. vivamus in tristique magna. in cursus vehicula lacus, sed pellentesque felis luctus non. nulla facilisi. sed odio eros, suscipit quis risus in, convallis pharetra ligula. sed convallis aliquam dignissim. proin vehicula maximus venenatis. nam egestas hendrerit urna, id semper tellus dapibus.
lorem ipsum dolor sit amet, consectetur adipiscing elit. morbi at dolor a augue pulvinar posuere eu vitae est. nullam varius hendrerit facilisis. ut placerat eros a imperdiet congue. ut quis ligula sagittis, dapibus ipsum et, fermentum nibh. curabitur rhoncus facilisis lacus quis gravida. maecenas nisi ligula, rutrum at risus et, mattis blandit quam. pellentesque nec vulputate sem. nunc tincidunt nibh justo, vitae popwfitor mi placerat et. donec euismod faucibus laoreet. curabitur viverra ornare euismod.[break][break]
"ut tempus purus nulla", et consequat mi sodales vitae. sed ornare diam tellus, sed maximus est ultrices et. curabitur facilisis sodales purus, vitae interdum metus lobortis a. phasellus ac varius risus, sit amet imperdiet augue. vivamus in tristique magna. in cursus vehicula lacus, sed pellentesque felis luctus non. nulla facilisi. sed odio eros, suscipit quis risus in, convallis pharetra ligula. sed convallis aliquam dignissim. proin vehicula maximus venenatis. nam egestas hendrerit urna, id semper tellus dapibus.
[attr="class","lionCredit"]SELKIE
[newclass=.lionbody b]color:#E5953E;[/newclass]
[newclass=.lioncontain]width:349px;overflow:hidden;background-color:#fafafa; border: 2px solid #E5953E;border-bottom:10px solid #E5953E;[/newclass]
[newclass=.lionheader]width:349px;height:100px;background-color:#E5953E;-webkit-clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);transition:.5s ease;[/newclass]
[newclass=.lionhdtag]font-family:calibri;text-transform:uppercase;font-size:11px;text-align:justify;padding:5px;color:#fff;transform:rotate(-4deg);width:150px;text-align:right;height:10px;overflow:hidden;position:relative;left:209px;top:15px;transition:.5s ease;[/newclass]
[newclass=.lionhdtag a]font:11px calibri!important;color:#fff;[/newclass]
[newclass=.lionhdnotes]color:#fff;font-family:calibri;font-size:11px;float:left;padding:0px 5px;text-align:right;width:150px;line-height:13px;height:26px;overflow:AUTO;transform:rotate(-4deg);position:relative;top:18px;left:350px;text-transform:uppercase;transition:.5s ease;transition-delay:.5s;[/newclass]
[newclass=.lioncontain:hover .lionhdnotes]top:28px;left:185px;transition:.5s ease;transition-delay:.5s;[/newclass]
[newclass=.lioncontain:hover .lionhdtag]position:relative;left:89px;top:25px;transition:.5s ease;[/newclass]
[newclass=.lionbody]font-family:CALIBRI;font-size:11px;text-align:justify;line-height:150%;color:#7b7b7b;padding:10px 20px 20px 20px;[/newclass]
[newclass=.lionicon]width:120px;height:120px;background-color:#fafafa;border-radius:100%;transform: rotate(-5deg);float:left;position:relative;margin-top:-63px;margin-left:10px;[/newclass]
[newclass=.lioniconbg]border-radius:100%;width:100px;height:100px;position:relative;top:10px;[/newclass]
[newclass=.lionhdnotes::-webkit-scrollbar]width:0px;[/newclass]
[newclass=.lionCredit]font:bold 7px roboto!important;margin-left:275px;[/newclass]
[newclass=.lionCredit a]font:bold 7px roboto!important;[/newclass]
