Commit 05785aff authored by Robert Hitt's avatar Robert Hitt

Made the button prettier.

- Also moved the CSS from the html file to static/css
parent 04daedf2
Pipeline #391 passed with stage
in 3 minutes and 34 seconds
{% load go_extras %}
{% load qr_tags %}
<style>
a.share:link {color:#000000;}
a.share:visited {color:#000000;}
a.share:hover {color:#000000;}
a.share {text-decoration:none;}
a.button:link {color:#FFF;}
a.button:visited {color:#FFF;}
a.button:hover {color:#FFF;}
legend {
font-size: inherit;
}
pre {
font-family: inherit;
}
</style>
<link rel="stylesheet" type="text/css" href="../../static/css/style-link-box.css">
<div class="container">
<div class="col-md-8">
<h3>Go Address:</h3>
<a id="link" href="{{url.short}}">{{domain}}{{url.short}}</a>
<div id="link-container" class="input-group">
<a id="link" class="form-control" href="{{url.short}}">{{domain}}{{url.short}}</a>
<div id="button-container" class="input-group-addon">
<button id="btn" type="button" class="button btn btn-default btn-xs fa" role="button"
data-clipboard-target="#link">
<i class="fa fa-clipboard" aria-hidden="true"></i></button>
<i id="clipboard-icon" class="fa fa-clipboard fa-1g" aria-hidden="true"></i></button>
</div>
</div>
<br></br>
<h3>Address Details:</h3>
......
a.share:link {color:#000000;}
a.share:visited {color:#000000;}
a.share:hover {color:#000000;}
a.share {text-decoration:none;}
a.button:link {color:#FFF;}
a.button:visited {color:#FFF;}
a.button:hover {color:#FFF;}
legend {
font-size: inherit;
}
pre {
font-family: inherit;
}
#button-container {
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
}
#btn {
border: none;
background-color: #eeeeee;
padding-bottom: 3px;
}
#btn:focus {
outline: none;
}
#clipboard-icon {
font-size: 14px;
}
#link-container {
width: 400px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment