Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- THEME: DEREK HALE
- by Phil (spirkism/spirkthemes)
- Rules:
- - please do not steal/redistribute, I spent quite a bit of time coding this
- - also don't remove the credit please, that would make me very sad :(
- - don't use as a base code, there are plenty of those out there
- - you are allowed to edit as much as you like though, have fun playing around with code, that's how you learn! :)
- - tell me if there are any bugs or if you have any questions, need help with the theme or want a detail differently - I'll see what I can do for you ;)
- And now: enjoy! :)
- -->
- <!DOCTYPE html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <link href='http://fonts.googleapis.com/css?family=Overlock:400,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light|Megrim|Fredericka+the+Great|Josefin+Sans:400,600|Limelight|Open+Sans+Condensed:300|Julius+Sans+One|Lobster|Audiowide|Special+Elite|Amatic+SC|Pacifico|Iceland' rel='stylesheet' type='text/css'>
- <meta name="color:background" content="#ffffff" />
- <meta name="color:text" content="#2E2E2E" />
- <meta name="color:links" content="#220146" />
- <meta name="color:linkshover" content="#5104A4" />
- <meta name="color:desc" content="#fff" />
- <meta name="color:desctext" content="#000" />
- <meta name="color:posts" content="#DBDBDB" />
- <meta name="color:border" content="#E6E6E6" />
- <meta name="color:postinside" content="#E1E1E1" />
- <meta name="color:linkpost" content="#ffffff" />
- <meta name="color:sidebar1" content="#ADB8FF" />
- <meta name="color:sidebar2" content="#ADBAAA" />
- <meta name="color:sidebar3" content="#ADB8FC" />
- <meta name="color:title" content="#ffffff" />
- <meta name="color:titlehover" content="#000000" />
- <meta name="color:sblink" content="#000000" />
- <meta name="color:sblinkbg" content="#ffffff" />
- <meta name="color:sblinkhover" content="#ffffff" />
- <meta name="color:sblinkbghover" content="#000000" />
- <meta name="color:bubble" content="#000" />
- <meta name="color:bubble2" content="#929292" />
- <meta name="image:background" content="" />
- <meta name="image:sbimg" content="http://i.imgur.com/k3XhJXS.png" />
- <meta name="image:sbicon1" content="http://i.imgur.com/k3XhJXS.png" />
- <meta name="image:sbicon2" content="http://i.imgur.com/k3XhJXS.png" />
- <meta name="image:sbicon3" content="http://i.imgur.com/k3XhJXS.png" />
- <meta name="text:sblink1url" content="/" />
- <meta name="text:sblink1text" content="home" />
- <meta name="text:sblink2url" content="/ask" />
- <meta name="text:sblink2text" content="ask" />
- <meta name="text:sblink3url" content="/archive" />
- <meta name="text:sblink3text" content="archive" />
- <meta name="text:sblink4url" content="/" />
- <meta name="text:sblink4text" content="link" />
- <meta name="text:sblink5url" content="/" />
- <meta name="text:sblink5text" content="link" />
- <meta name="text:sblink6url" content="/" />
- <meta name="text:sblink6text" content="link" />
- <meta name="text:sblink7url" content="/" />
- <meta name="text:sblink7text" content="link" />
- <meta name="text:sblink8url" content="/" />
- <meta name="text:sblink8text" content="link" />
- <meta name="text:sblink9url" content="/" />
- <meta name="text:sblink9text" content="link" />
- <meta name="text:sblink10url" content="/" />
- <meta name="text:sblink10text" content="link" />
- <meta name="select:Font" content="fredericka" title="Fredericka the Great">
- <meta name="select:Font" content="limelight" title="Limelight">
- <meta name="select:Font" content="shadowsintolight" title="Shadows Into Light">
- <meta name="select:Font" content="lobster" title="Lobster">
- <meta name="select:Font" content="pacifico" title="Pacifico">
- <meta name="select:Font" content="audiowide" title="Audiowide">
- <meta name="select:Font" content="specialelite" title="Special Elite">
- <meta name="select:Font" content="amaticsc" title="Amatic SC">
- <meta name="if:TagsHover" content="1" />
- <style type="text/css">
- ::-webkit-scrollbar-thumb{
- background-color: {color:sidebar1};
- border-left: 2px solid {color:background};
- border-right: 2px solid {color:background};
- height:auto;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:11px;
- background-color:{color:sidebar1};
- border-left: 5px solid {color:background};
- border-right: 5px solid {color:background};
- }
- iframe#tumblr_controls {
- position:fixed;-webkit-filter:invert(100%);opacity:0.5;
- -webkit-transition: 0.7s ease;transition: 0.7s ease;
- -o-transition: 0.7s ease;-moz-transition: 0.7s ease;}
- div#qTip {
- margin-left: 5px;
- margin-top: -5px;
- text-transform: lowercase;
- font-size: 11px;
- font-family: 'Shadows Into Light', sans-serif;
- line-height: 12px;
- display: none;
- text-align: center;
- position: absolute;
- z-index: 99999999999999999999999999999999999999999999999;
- background-color: {color:sblinkbg};
- padding: 2px 3px;
- color: {color:sblink};
- max-width: 200px;
- height: auto;
- border: 1px solid {color:border};
- -webkit-transition: all 0.1s ease-out;
- -moz-transition: all 0.1s ease-out;
- -o-transition: all 0.1s ease-out;
- }
- body {
- background-color: {color:background};
- background-image: url('{image:background}');
- margin: 0 auto;
- font-family: 'Calibri', sans-serif;
- word-wrap:break-word;
- }
- a:link, a:active, a:visited {
- text-decoration: none;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- color:{color:links};
- }
- a:hover {
- color:{color:linkshover};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- :focus, :active {
- outline: 0;
- }
- /* SIDEBAR */
- /* SIDEBAR1 */
- #sidebar1 {
- position: fixed;
- left: 0;
- top: 0;
- height: 100%;
- width: 30px;
- background-color: {color:sidebar1};
- }
- #title {
- position: fixed;
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- transform: rotate(-90deg);
- font-size: 20px;
- display: inline-block;
- transform-origin: right top 0;
- width: 500px;
- margin-left: -500px;
- text-align: center;
- bottom: 500px;
- }
- #title a {
- color: {color:title};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #title a:hover {
- color: {color:titlehover};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- /* SIDEBAR2 */
- #sidebar2 {
- position: fixed;
- left: 30px;
- bottom: 0;
- height: 570px;
- width: 100px;
- background-color: {color:sidebar2};
- }
- #sblinks {
- position: absolute;
- left: 7px;
- width: 80px;
- top:7px;
- }
- .sblink {
- width: 80px;
- background-color: {color:sblinkbg};
- color: {color:sblink};
- padding: 5px 2px;
- font-size: 11px;
- text-align: center;
- margin-bottom: 3px;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .sblink:hover {
- background-color: {color:sblinkbghover};
- color: {color:sblinkhover};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #sbicons {
- position: absolute;
- top: 273px;
- left: 7px;
- }
- .sbicon {
- padding: 7px;
- width: 71px;
- height: 71px;
- background-color: {color:sblink};
- margin-bottom: 5px;
- }
- #prevpage {
- position: absolute;
- bottom: 10px;
- left: 10px;
- width: 30px;
- background-color: {color:sblinkbg};
- color: {color:sblink};
- font-size: 10px;
- padding: 3px;
- text-align: center;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #prevpage:hover {
- background-color: {color:sblinkbghover};
- color: {color:sblinkhover};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #nextpage {
- position: absolute;
- bottom: 10px;
- right: 10px;
- width: 30px;
- background-color: {color:sblinkbg};
- color: {color:sblink};
- font-size: 10px;
- padding: 3px;
- text-align: center;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #nextpage:hover {
- background-color: {color:sblinkbghover};
- color: {color:sblinkhover};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- /* SIDEBAR3 */
- #sidebar3 {
- position: fixed;
- left: 130px;
- bottom: 0;
- height: 570px;
- width: 130px;
- }
- #sbimg {
- position: absolute;
- width: 130px;
- height: auto;
- bottom: 335px;
- }
- #sidebar3-block {
- position: absolute;
- background-color: {color:sidebar3};
- height: 340px;
- width: 130px;
- bottom: 0;
- }
- #desc {
- position: absolute;
- top: 10px;
- width: 90px;
- padding: 10px;
- background-color: {color:desc};
- left: 10px;
- font-size: 11px;
- font-family: 'Calibri', sans-serif;
- text-align: center;
- color: {color:desctext};
- }
- /* FONTS */
- .limelight {
- font-family: 'Limelight', sans-serif;
- }
- .fredericka {
- font-family: 'Fredericka the Great', sans-serif;
- }
- .shadowsintolight {
- font-family: 'Shadows Into Light', sans-serif;
- }
- .lobster {
- font-family: 'Lobster', sans-serif;
- }
- .pacifico {
- font-family: 'Pacifico', sans-serif;
- }
- .audiowide {
- font-family: 'Audiowide', sans-serif;
- }
- .specialelite {
- font-family: 'Special Elite', sans-serif;
- }
- .amaticsc {
- font-family: 'Amatic SC', sans-serif;
- }
- /*CONTENT THINGS */
- #content {
- width: 560px;
- background-color: none;
- padding: 20px 0;
- color: {color:text};
- overflow: hidden;
- margin-left: 505px;
- top: 20px;
- position: relative;
- }
- #content a {
- color: {color:link color};
- text-decoration: none;
- }
- #content a:hover {
- color: {color:link hover color};
- }
- #content blockquote {
- border-left: solid 2px #505050;
- margin: 0;
- padding-left: 10px;
- }
- img {
- border: 0;
- max-width: 100%;
- }
- #content #posts {
- background-color: {color:posts};
- width: 500px;
- height: auto;
- margin: 0 0 80px 0;
- padding: 10px 10px 5px 10px;
- font-size: 14px;
- position: relative;
- float: left;
- z-index: 100;
- }
- #content #posts .title {
- font-size: 16px;
- }
- #content #posts .text {
- font-size: 12px;
- }
- /* PERMALINK STUFF */
- .permlink {
- position: absolute;
- width: 10px;
- height: 10px;
- margin-bottom: 2px;
- background-color: {color:bubble};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .permlink:hover {
- background-color: {color:bubble2};
- width: 20px;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #perm {
- position: relative;
- }
- #via {
- position: relative;
- }
- #origin {
- position: relative;
- }
- #reblog {
- position: relative;
- }
- {block:IfTagsHover}
- #posts:hover #tags {
- opacity: 1;
- }
- {/block:IfTagsHover}
- #tags {
- font-size:9px;
- width: 500px;
- text-align: center;
- margin-top: 10px;
- position: absolute;
- {block:IfTagsHover}
- opacity: 0;
- {/block:IfTagsHover}
- -webkit-transition: 0.7s ease;transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- }
- #tags .comma:last-child {
- display: none;
- }
- #reblogged {
- position: relative;
- font-size: 9px;
- overflow: hidden;
- border-radius: 20px;
- }
- /* PERMALINK PAGE THINGS */
- #content #notecontainer {
- margin-left: 30px;
- margin-top: -10px;
- width: 460px;
- font-size: 11px;
- border-radius: 20px;
- }
- #content #notecontainer ol.notes {
- list-style-type: none;
- margin: 1px 1px 1px 1px;
- padding: 1px;
- line-height: 16px;
- }
- #content #notecontainer img.avatar {
- width: 16px;
- height: 16px;
- margin: 1px 5px 1px 1px;
- padding: 1px;
- }
- #content #posts #tagsbox {
- position: absolute;
- background-color: transparent;
- float: right;
- left: 520px;
- }
- /* POST STUFF */
- .linkpost {
- padding: 5px;
- }
- .linktitle {
- margin-bottom: 3px;
- font-size: 15px;
- background-color: {color:postinside};
- padding: 10px;
- text-align: center;
- border: 1px solid {color:sidebar3};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .linktitle:hover {
- background-color: {color:sidebar2};
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- .askicon img {
- z-index: 9;
- height: 40px;
- width: 40px;
- position: relative;
- border: 5px solid {color:postinside};
- }
- .askicon img{
- z-index: 9;
- width: 40px;
- }
- .arrow-left {
- width: 0;
- height: 0;
- border-top: 15px solid transparent;
- border-bottom: 15px solid transparent;
- border-right:25px solid {color:postinside};
- position: relative;
- margin-left: 50px;
- margin-top: -47px;
- }
- .question {
- width: 403px;
- height: auto;
- padding: 2px 10px 7px 10px;
- color: {color:text};
- background-color: {color:postinside};
- font-size: 11.5px;
- text-align: left;
- margin-left: 74px;
- margin-top: -35px;
- margin-bottom: 15px;
- }
- .asker {
- font-size: 16px;
- color: {color:link};
- text-align: left;
- margin-top: 5px;
- margin-bottom: 3px;
- }
- .answer {
- font-size: 11px;
- padding: 1px 10px 5px 10px;
- width: 477px;
- margin-top:-12px;
- overflow: hidden;
- border-radius:0px;
- text-align: left;
- }
- .posttitle {
- font-size: 15px;
- background-color: {color:postinside};
- text-align: center;
- padding: 5px;
- margin-bottom: -10px;
- }
- .textpost {
- font-size: 12px;
- }
- .caption {
- font-size: 12px;
- padding: 5px;
- }
- .quote {
- font-size: 15px;
- font-family: 'Shadows Into Light', sans-serif;
- text-align: center;
- }
- .quotesource {
- text-align: center;
- font-size: 11px;
- margin-top: 5px;
- }
- .audiopost-player {
- float: left;
- width: 27px;
- overflow: hidden;
- z-index: 3;
- margin-top: 27px;
- margin-left: 27px;
- }
- .audiopost-img {
- display: inline-block;
- float: left;
- height: 80px;
- margin-left: -54px;
- z-index: 2;
- width: 80px;
- background-color: {color:permbox};
- z-index: 1;
- }
- .audiopost ul {
- list-style-type: none;
- display: inline-block;
- margin-left: -20px;
- font-size: 12px;
- }
- .audiopost-audio {
- padding: 10px;
- background-color: {color:postinside};
- height: 80px;
- }
- .chat {
- font-size: 12px;
- margin-bottom: 10px;
- }
- .chattitle {
- font-size: 15px;
- font-family: 'Shadows Into Light', sans-serif;
- background-color: {color:postinside};
- text-align: center;
- margin-bottom: 5px;
- padding: 2px;
- }
- .chatbubble {
- width: 5px;
- height: 5px;
- background-color: {color:bubble};
- margin-left: 13px;
- margin-right: 5px;
- float: left;
- position: relative;
- margin-top: 6px;
- }
- /* PLEASE DO NOT REMOVE THE CREDIT OR MOVE IT */
- #credit {
- bottom: 8px;
- right: 8px;
- border: 1px solid #BABABA;
- font-size: 10px;
- color: #5A5A5A;
- height: 12px;
- width: 12px;
- line-height: 12px;
- position: fixed;
- text-align: center;
- background-color: white;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- #credit:hover {
- background-color: #2E2E2E;
- color: #fff;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- }
- </style>
- </head>
- <body>
- <div id="sidebar1">
- <div id="title" class="{select:Font}"><a href="/">{Title}</a></div>
- </div>
- <div id="sidebar2">
- <div id="sblinks">
- <a href="{text:sblink1url}"><div class="sblink">{text:sblink1text}</div></a>
- <a href="{text:sblink2url}"><div class="sblink">{text:sblink2text}</div></a>
- <a href="{text:sblink3url}"><div class="sblink">{text:sblink3text}</div></a>
- <a href="{text:sblink4url}"><div class="sblink">{text:sblink4text}</div></a>
- <a href="{text:sblink5url}"><div class="sblink">{text:sblink5text}</div></a>
- <a href="{text:sblink6url}"><div class="sblink">{text:sblink6text}</div></a>
- <a href="{text:sblink7url}"><div class="sblink">{text:sblink7text}</div></a>
- <a href="{text:sblink8url}"><div class="sblink">{text:sblink8text}</div></a>
- <a href="{text:sblink9url}"><div class="sblink">{text:sblink9text}</div></a>
- <a href="{text:sblink10url}"><div class="sblink">{text:sblink10text}</div></a>
- </div>
- <div id="sbicons">
- <div class="sbicon"><img src="{image:sbicon1}"></div>
- <div class="sbicon"><img src="{image:sbicon2}"></div>
- <div class="sbicon"><img src="{image:sbicon3}"></div>
- </div>
- {block:PreviousPage}
- <a href="{PreviousPage}"><div id="prevpage">prev</div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"><div id="nextpage">next</div></a>
- {/block:NextPage}
- </div>
- <div id="sidebar3">
- <div id="sbimg"><img src="{image:sbimg}"></div>
- <div id="sidebar3-block">
- <div id="desc">{Description}</div>
- </div>
- </div>
- <!-- boring post stuff - you don't really need to edit there I'd say -->
- <div id="content">
- {block:Posts}
- <div id="posts">
- <div id="tagsbox">
- <a href="{Permalink}" title="{block:Date}{lang:Posted TimeAgo}{/block:Date}
- {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}"><div id="perm" class="permlink"></div>
- </a>
- {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentName}"><div id="via" class="permlink"></div></a>
- <a href="{ReblogRootURL}" title="originally: {ReblogRootName}"><div id="origin" class="permlink"></div></a>
- {/block:RebloggedFrom}
- <a href="{ReblogURL}" title="reblog" target="_blank"><div id="reblog" class="permlink"></div></a>
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="audiopost">
- <div class="audiopost-audio">
- {block:AudioPlayer}<div class="audiopost-player">{AudioPlayer}</div>{/block:AudioPlayer}
- {block:AlbumArt}
- <div class="audiopost-img"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <ul>
- {block:TrackName}<li><strong>{TrackName}</strong></li>{/block:TrackName}
- {block:Artist}<li>Artist: {Artist}</li>{/block:Artist}
- {block:Album}<li>Album: {Album}</li>{/block:Album}
- </ul>
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- {/block:Audio}
- {block:Quote}
- <div class="quote">“{Quote}”</div>
- {block:Source}<div class="quotesource">··· {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}<div class="{select:Font} posttitle">{Title}</div><br/>{/block:Title}<div class="textpost">{Body}</div>
- {/block:Text}
- {block:Answer}
- <div class="askicon"><img src="{AskerPortraitURL-64}" /></div><div class="arrow-left"></div>
- <div class="question"><div class="asker {select:Font}">{Asker}:</div>{Question}</div>
- <div class="answer">{block:Answerer}<div class="answerer">{Answerer}:</div>{/block:Answerer}<div class="answerer-answer">{Answer}</div></div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Answer}
- {block:Reblog}<div class="caption">{Replies}</div>{/block:Reblog}
- {block:Chat}
- <div class="chat">
- {block:Title}<div class="chattitle">{Title}</div>{/block:Title}
- {block:Lines}
- {block:Label}<div class="chatbubble"></div><strong>{Label}</strong>{/block:Label} {Line}<br />
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Link}
- <div class="linkpost">
- <a href="{URL}" ><div class="{select:Font} linktitle">{Name}</div></a>
- {block:Description}<div class="caption">{Description}</div>{/block:Description}</div>
- {/block:Link}
- {block:HasTags}<div id="tags">
- {block:Tags}
- <a href="{TagURL}">{Tag}</a><span class="comma"> · </span>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div> <!-- posts div -->
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- </div> <!-- content div-->
- <!-- credit, please do not remove! -->
- <a href="http://spirkthemes.tumblr.com"><div id="credit">P</div></a>
- <script type="text/javascript" src="jquery.easing.1.3.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment