Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link href='https://fonts.googleapis.com/css?family=Oxygen|Codystar' rel='stylesheet' type='text/css'>
- <!--
- MACCHIATO PAGE THEME BY COCORINI (https://cocorini.tumblr.com).
- PLEASE DON'T REMOVE THE CREDITS. THANK YOU!
- Edit your content under '<body>' (Use the CTRL + F [Windows] or Command + F [Mac] to find it).
- PATTERNS: https://www.subtlepatterns.com
- IMAGES: https://www.san-x.co.jp
- -->
- <style type="text/css">
- body {
- background-image: url('https://media.tumblr.com/tumblr_m51vdtGMUM1rnjuep.png');
- background-attachment: fixed;
- font-family: tinytots;
- font-size: 8px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #e4bec3;
- height: auto;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: #e4bec3;
- height: auto;
- }
- ::-webkit-scrollbar {
- height: 5px;
- width: 5px;
- background-color: #f9f9f9;
- }
- /* LINKS */
- a {
- color: #e4b49f;
- text-decoration: none;
- }
- /* BOLD TEXT */
- b, strong {
- color: #d3a184;
- }
- /* ITALIC TEXT */
- i, em {
- color: #c4cecb;
- }
- #title {
- font-size: 38px;
- font-family: codystar;
- letter-spacing: 6px;
- color: #fff;
- }
- #placeholder {
- margin-top: 140px;
- }
- #content {
- margin-top: -2px;
- width: 500px;
- height: 305px;
- position: relative;
- background-color: #fff;
- padding: 5px;
- border-radius: 28px;
- border: 3px dotted #e8e3e2;
- box-shadow: 0px 0px 6px 1px #cbb2a8;
- background-image: url('https://media.tumblr.com/tumblr_m51vq1aHYY1rnjuep.png');
- }
- #content a {
- text-decoration: none;
- color: #e6bcd4;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #content a:hover {
- text-decoration: none;
- color: #ded69f;
- }
- #middleimage {
- width: 140px;
- height: 280px;
- margin-top: 8px;
- border: 5px solid #ccc;
- }
- #middleimage img {
- max-width: 140px;
- max-height: 280px;
- }
- #aboutbg {
- width: 143px;
- height: 280px;
- overflow: auto;
- margin-top: -290px;
- margin-left: 6px;
- padding: 10px 10px 0px 10px;
- position: fixed;
- background-image: url('https://media.tumblr.com/tumblr_m51vtePDcv1rnjuep.png');
- background-color: #f9f9f9;
- }
- #portrait img {
- border-radius: 100px;
- margin-top: 3px;
- margin-bottom: 3px;
- box-shadow: 0px 0px 3px 1px #ccc;
- }
- #about {
- width: 128px;
- padding: 7px;
- background-color: #fff5f9;
- border-radius: 8px;
- position: relative;
- font-family: oxygen;
- font-size: 9px;
- text-align: left;
- color: #b6abb1;
- margin-bottom: 10px;
- }
- #placesbg {
- width: 143px;
- height: 280px;
- overflow: auto;
- margin-top: -290px;
- margin-left: 331px;
- padding: 10px 10px 0px 10px;
- position: fixed;
- background-image: url('https://media.tumblr.com/tumblr_m51vtePDcv1rnjuep.png');
- background-color: #f9f9f9;
- }
- #places {
- width: 128px;
- padding: 7px;
- background-color: #fff5f9;
- border-radius: 8px;
- position: relative;
- font-family: oxygen;
- font-size: 9px;
- text-align: left;
- color: #b6abb1;
- margin-bottom: 10px;
- }
- #places img {
- border-radius: 20px;
- float: left;
- margin-right: 5px;
- max-width: 40px;
- box-shadow: 2px 2px 2px #ddd7cf;
- }
- #header {
- text-align: center;
- font-family: consolas;
- text-transform: uppercase;
- font-size: 9px;
- letter-spacing: 2px;
- color: #c6bba2;
- padding: 3px;
- border-bottom: 1px dashed #decbcb;
- margin-bottom: 3px;
- }
- #credit {
- position: fixed;
- bottom: 8px;
- right: 10px;
- font-size: 10px;
- color: #e4b49f;
- }
- </style>
- <body>
- <div id="credit"><a href="https://cocorini.tumblr.com/" target="_blank">☂</a></div>
- <div align="center"><div id="placeholder">
- <!-- EDIT YOUR CONTENT BELOW THIS LINE. -->
- <div id="title">MACCHIATO☕</div>
- <div id="content">
- <div id="middleimage">
- <img src="https://media.tumblr.com/tumblr_m51v6oZtM31rnjuep.png">
- </div>
- <!-- THIS IS THE LEFT SIDE OF YOUR CONTENT. -->
- <div id="aboutbg">
- <div id="about">
- <div align="center"><div id="portrait"><img src="{PortraitURL-96}"></div></div>
- <div id="header">ABOUT ME</div>
- This is where you put stuff about your profile.
- </div>
- <div id="about">
- <div id="header">CURRENT FANDOMS</div>
- This is where you put stuff about your fandoms.
- </div>
- <div id="about">
- <div id="header">OTHER STUFF</div>
- This is where you put stuff about anything you want.
- </div>
- </div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
- <!-- THIS IS THE RIGHT SIDE OF YOUR CONTENT. -->
- <div id="placesbg">
- <div id="places">
- <div id="header">BlOG #1</div>
- <a href="YOUR LINK URL HERE"><img src="https://media.tumblr.com/tumblr_m51ykm3yFY1rnjuep.png"></a>
- Your description of the blog/place you're linking.
- </div>
- <div id="places">
- <div id="header">BlOG #2</div>
- <a href="YOUR LINK URL HERE"><img src="https://media.tumblr.com/tumblr_m51ykm3yFY1rnjuep.png"></a>
- Your description of the blog/place you're linking.
- </div>
- <div id="places">
- <div id="header">BlOG #3</div>
- <a href="YOUR LINK URL HERE"><img src="https://media.tumblr.com/tumblr_m51ykm3yFY1rnjuep.png"></a>
- Your description of the blog/place you're linking.
- </div>
- <div id="places">
- <div id="header">BlOG #4</div>
- <a href="YOUR LINK URL HERE"><img src="https://media.tumblr.com/tumblr_m51ykm3yFY1rnjuep.png"></a>
- Your description of the blog/place you're linking.
- </div>
- <div id="places">
- <div id="header">BlOG #5</div>
- <a href="YOUR LINK URL HERE"><img src="https://media.tumblr.com/tumblr_m51ykm3yFY1rnjuep.png"></a>
- Your description of the blog/place you're linking.
- </div>
- <div id="places">
- <div id="header">BlOG #6</div>
- <a href="YOUR LINK URL HERE"><img src="https://media.tumblr.com/tumblr_m51ykm3yFY1rnjuep.png"></a>
- Your description of the blog/place you're linking.
- </div>
- </div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
- </div></div>
- <!-- YOUR CONTENT ENDS HERE. -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement