Advertisement
ellarepublic

♡ about me template #3 ♡

Oct 21st, 2017
527
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.73 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3.  
  4.  
  5. /*---------------BOX STYLING---------------*/
  6.  
  7. #everything{
  8. top:50%;
  9. margin-top:-240px;
  10. left:50%;
  11. margin-left:-395px;
  12. position:fixed;
  13. }
  14.  
  15. #whole{
  16. width:700px;
  17. height:400px;
  18. opacity:0.95 !important;
  19. margin-left:20px;
  20. margin-top:20px;
  21. border:30px solid #8f5b51;
  22. }
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33. /*---------------TOP SECTION RIGTHT QUOTE STYLING---------------*/
  34.  
  35. .topsec{
  36. width:357.5px;
  37. height:100px;
  38. margin:5px;
  39. padding:5px;
  40. padding-bottom:12.5px;
  41. margin-left:7.5px;
  42. margin-top:-5px;
  43. border-bottom:1px solid #fff;
  44. }
  45.  
  46. .wrap {
  47. border-radius: 10%;
  48. border:2px solid #fff;
  49. height:90px;
  50. width:90px;
  51. float: right;
  52. shape-outside: inset(1% round 50%);
  53. margin-left: 10px;
  54. position:relative;
  55. width:100px;
  56. height:100px;
  57. box-shadow: 0px 0px 0px 5px #949194;
  58. border-radius: 50%;
  59.  
  60. }
  61.  
  62. .topsec b{
  63. font-size:40px;
  64. margin-top:-2.5px;
  65. margin-left:-7.5px;
  66. color:#b6b6b6;
  67. position:absolute;
  68. }
  69.  
  70. .topsec article{
  71. width:100%;
  72. height:auto;
  73. margin:10px 10px 10px 15px;
  74. text-align:justify;
  75. }
  76.  
  77. .topsec article p{
  78. height:100%;
  79. width:70%;
  80. text-align:center;
  81. font-size:9.5px;
  82. font-family:"karla";
  83. font-style:italic;
  84. line-height:12.5px;
  85. bottom:0px;
  86. }
  87.  
  88. .topsec article quotesource{
  89. font-family:"karla";
  90. font-size:10px;
  91. text-transform:uppercase;
  92. font-weight:100;
  93. float:right;
  94. position:relative;
  95. margin-top:-5px;
  96. background:#949194;
  97. color:white;
  98. padding:2px 8px 2px 8px;
  99. border-radius:2px;
  100. }
  101.  
  102.  
  103.  
  104.  
  105. </style>
  106. <div class="topsec">
  107.  
  108. <img class="wrap" src="https://68.media.tumblr.com/fc510dd27c90d1092a0eaa9417a909ab/tumblr_inline_omw3rkrsQ01slfjc1_540.png">
  109.  
  110. <b>❝</b>
  111.  
  112. <article>
  113.  
  114. <p>Genuine love is rarely an emotional space where needs are instantly gratified. To know love we have to invest time and commitment...'dreaming that love will save us, solve all our problems or provide a steady state of bliss or security only keeps us stuck in wishful fantasy, undermining the real power of the love -- which is to transform us.' Many people want love to function like a drug, giving them an immediate and sustained high. They want to do nothing, just passively receive the good feeling.
  115.                                             </p>
  116.  
  117. <quotesource>— <i>all about love</i> | bell hooks ♡</quotesource>
  118.  
  119. </article>
  120.  
  121. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement