Post by Dymek on Oct 18, 2019 22:54:01 GMT -5
[googlefont=Libre Baskerville:400i|Open Sans]
[nospaces]
[newclass=".aodov"] margin: 0px auto; padding: 5px; border: 1px solid #ddd; background-color: #fcfcfc; width: 500px [/newclass]
[newclass=".aodmtop"] background-color: #2c2c2c; padding: 20px; text-align: center; color: #BF9D3E; font-family: Geneva; text-transform: uppercase; font-size: 9px; letter-spacing: 2px; [/newclass]
[newclass=".aodimgtop1"] height: 250px; width: 500px; overflow: hidden; [/newclass]
[newclass=".aodimgtop"] height: 250px; width: 400px; background:rgba(0,0,0,0.6); border-right: 1px solid white; position: relative; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; margin-left: -300px; transition: 0.5s; [/newclass]
[newclass=".aodicon"] float: right; margin-left: auto; height: 65px; width: 65px; background-color: #fdfdfd; border: 5px solid #fdfdfd; transform: rotate(-45deg); margin-right: -38px; overflow: hidden; display: inline-block; [/newclass]
[newclass=".aodicon img"] height: 100px; transform: rotate(45deg); margin-left:-17px; margin-top: -15px; [/newclass]
[newclass=".aodimgtext"] font-size: 9px; color: white; display: inline-block; width: 250px; font-family: Open Sans; text-transform: uppercase; margin-bottom: -38px; margin-left: 100px; opacity: 0; transition: 0.3s; border-bottom: 1px solid #fdfdfd; [/newclass]
[newclass=".aodimgtext a"] color: #BF9D3E; font-family: Open Sans; [/newclass]
[newclass=".aodov:hover .aodimgtop"]margin-left:0px; [/newclass]
[newclass=".aodov:hover .aodimgtext"]opacity: 1; transition: 0.3s 0.2s; [/newclass]
[newclass=".aodmain1"] padding: 40px; background-color: white; [/newclass]
[newclass=".aodquote"] padding: 10px 40px 0px 40px; text-align: justify; font-size: 12px; line-height: 1; font-family: Libre Baskerville; margin-bottom: 40px; [/newclass]
[newclass=".aodquote div"] color: #BF9D3E; font-size: 50px; float: left; margin-right: 10px; margin-top: -10px; font-family: Open Sans; [/newclass]
[newclass=".aodmain"] font-family: Open Sans; font-size: 10px; text-align: justify; [/newclass]
[newclass=".addy"] font-size: 9px; line-height: 10px; letter-spacing: -1px; text-align:right; width:510px; margin:0px auto; [/newclass]
[nospaces]
[newclass=".aodov"] margin: 0px auto; padding: 5px; border: 1px solid #ddd; background-color: #fcfcfc; width: 500px [/newclass]
[newclass=".aodmtop"] background-color: #2c2c2c; padding: 20px; text-align: center; color: #BF9D3E; font-family: Geneva; text-transform: uppercase; font-size: 9px; letter-spacing: 2px; [/newclass]
[newclass=".aodimgtop1"] height: 250px; width: 500px; overflow: hidden; [/newclass]
[newclass=".aodimgtop"] height: 250px; width: 400px; background:rgba(0,0,0,0.6); border-right: 1px solid white; position: relative; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; margin-left: -300px; transition: 0.5s; [/newclass]
[newclass=".aodicon"] float: right; margin-left: auto; height: 65px; width: 65px; background-color: #fdfdfd; border: 5px solid #fdfdfd; transform: rotate(-45deg); margin-right: -38px; overflow: hidden; display: inline-block; [/newclass]
[newclass=".aodicon img"] height: 100px; transform: rotate(45deg); margin-left:-17px; margin-top: -15px; [/newclass]
[newclass=".aodimgtext"] font-size: 9px; color: white; display: inline-block; width: 250px; font-family: Open Sans; text-transform: uppercase; margin-bottom: -38px; margin-left: 100px; opacity: 0; transition: 0.3s; border-bottom: 1px solid #fdfdfd; [/newclass]
[newclass=".aodimgtext a"] color: #BF9D3E; font-family: Open Sans; [/newclass]
[newclass=".aodov:hover .aodimgtop"]margin-left:0px; [/newclass]
[newclass=".aodov:hover .aodimgtext"]opacity: 1; transition: 0.3s 0.2s; [/newclass]
[newclass=".aodmain1"] padding: 40px; background-color: white; [/newclass]
[newclass=".aodquote"] padding: 10px 40px 0px 40px; text-align: justify; font-size: 12px; line-height: 1; font-family: Libre Baskerville; margin-bottom: 40px; [/newclass]
[newclass=".aodquote div"] color: #BF9D3E; font-size: 50px; float: left; margin-right: 10px; margin-top: -10px; font-family: Open Sans; [/newclass]
[newclass=".aodmain"] font-family: Open Sans; font-size: 10px; text-align: justify; [/newclass]
[newclass=".addy"] font-size: 9px; line-height: 10px; letter-spacing: -1px; text-align:right; width:510px; margin:0px auto; [/newclass]
[attr="class","aodov"]
[attr="class","aodmtop"]ashes of dreams
[attr="class","aodimgtop1"]
[attr="class","aodimgtop"]
[attr="class","aodimgtext"]tag : Heck
[attr="class","aodicon"]
[attr="class","aodmain1"]
[attr="class","aodquote"]
❝
A fiery hate hidden in a veil of smokey past.[attr="class","aodmain"]
This is the main body text
This is the main body text
[attr="class","addy"]addy