d13forme/infinity-squared
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Just made the buttons WAY hotter.

Browse Source
This commit is contained in:
Tom Slominski
2015-03-07 00:01:11 +00:00
parent 9ba51b72d8
commit 3dfdf9c231
3 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
footer.php
View File

@@ -4,7 +4,7 @@
<?php $bookmarkletdialog = yourls__( 'Save this as a bookmark.', 'isq_translation') // Can't put it where it belongs as there'd be too much char escaping ?>
<p><?php yourls_e( 'Add this to your bookmarks or drag it to your bookmarks bar to quickly access shortening functions.', 'isq_translation') ?> </p>
<p class="bookmarklet-container"><a href="javascript:(function()%7Bvar%20d=document,w=window,enc=encodeURIComponent,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),s2=((s.toString()=='')?s:enc(s)),f='<?php echo YOURLS_SITE . '/index.php'; ?>',l=d.location,p='?url='+enc(l.href)+'&title='+enc(d.title)+'&keyword='+s2,u=f+p;try%7Bthrow('ozhismygod');%7Dcatch(z)%7Ba=function()%7Bif(!w.open(u))l.href=u;%7D;if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();%7Dvoid(0);%7D)();" onClick="alert('<?php echo $bookmarkletdialog; ?>'); return false;" class="bookmarklet"><span class="icon-move"><?php include('public/images/move.svg'); ?></span><?php yourls_e( 'Shorten', 'isq_translation') ?></a></p>
<p class="bookmarklet-container"><a href="javascript:(function()%7Bvar%20d=document,w=window,enc=encodeURIComponent,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),s2=((s.toString()=='')?s:enc(s)),f='<?php echo YOURLS_SITE . '/index.php'; ?>',l=d.location,p='?url='+enc(l.href)+'&title='+enc(d.title)+'&keyword='+s2,u=f+p;try%7Bthrow('ozhismygod');%7Dcatch(z)%7Ba=function()%7Bif(!w.open(u))l.href=u;%7D;if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();%7Dvoid(0);%7D)();" onClick="alert('<?php echo $bookmarkletdialog; ?>'); return false;" class="bookmarklet button"><span class="icon-move"><?php include('public/images/move.svg'); ?></span><?php yourls_e( 'Shorten', 'isq_translation') ?></a></p>
<p><?php yourls_e( 'This bookmarklet takes the page URL and title and opens a new tab, where you can fill out a CAPTCHA. If you have selected text before using the bookmarklet, that will be used as the keyword.', 'isq_translation') ?></p>
<p><?php yourls_e( 'Support for bookmarklets on mobile varies. For example, they work on Chrome for Android but you have to add and sync them from your desktop.', 'isq_translation') ?></p>
</div>

2
index.php
View File

@@ -38,7 +38,7 @@ $title = isset( $_REQUEST['title'] ) ? yourls_sanitize_title( $_REQUEST['title
</div>
<div class="form-item submit-container">
<input type="submit" value="<?php yourls_e( 'Shorten', 'isq_translation'); ?>">
<input type="submit" class="button" value="<?php yourls_e( 'Shorten', 'isq_translation'); ?>">
</div>
</form>
</div>

32
public/style.css
View File

@@ -136,6 +136,10 @@ label.secondary {
color: #AFAFAF;
}
input {
font-family: 'Ubuntu', sans-serif, Helvetica, Arial;
}
input:not([type=submit]):not([type=file]) {
width: 100%;
padding: 10px;
@@ -161,15 +165,17 @@ input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #EBEBEB;
border: none;
font-family: 'Ubuntu', sans-serif, Helvetica, Arial;
}
.button {
background: #F9F9F9;
border: 1px solid #D3D3D3;
transition: background 0.5s;
cursor: pointer;
}
input[type=submit]:hover {
background: #D3D3D3;
.button:hover {
background: #E2E2E2;
}
.submit-container {
@@ -223,26 +229,20 @@ svg#url-qr-code {
/* Bookmarklet */
.bookmarklet-container {
text-align: center;
margin: 20px 0;
}
.bookmarklet {
background: #EBEBEB;
padding: 7px;
margin: 8px 0;
font-size: 1.6rem;
font-size: 1.4rem;
color: black;
transition: background 0.5s;
}
.bookmarklet:hover {
background: #D3D3D3;
}
.icon-move svg {
vertical-align: center;
height: 1.4rem;
width: 1.4rem;
margin-right: 5px;
height: 1.2rem;
width: 1.2rem;
margin-right: 3px;
}
/* Footer */