From aa014837bf15dba2cbf5b18db4d88b3fadbc29b2 Mon Sep 17 00:00:00 2001 From: Bengt Brodersen Date: Fri, 23 Jan 2015 13:20:10 +0100 Subject: [PATCH] Update bookmarklet.js --- bookmarklet.js | 369 +++++++++++++++++++++++++------------------------ 1 file changed, 187 insertions(+), 182 deletions(-) diff --git a/bookmarklet.js b/bookmarklet.js index 0510fb2..3182b75 100644 --- a/bookmarklet.js +++ b/bookmarklet.js @@ -583,248 +583,253 @@ function printPanelCardCSS(){ .html(multilineString(function() { /*! * { - color: black; - font-family:"Droid Serif"; + color: black; + font-family:"Droid Serif"; } body { - margin: 0; + margin: 0; } .hidden { - visibility: hidden; + visibility: hidden; } - .card-header:after, - .card-footer:after { - content:" "; - display: block; - clear: both; - height:0 +.card-header:after, +.card-footer:after { + content:" "; + display: block; + clear: both; + height:0 } -.card-border, -.badge, +.card-border, +.badge, .shadow { - border-style: solid; - border-color: #2f2f2f; - border-top-width: 0.14cm; - border-left-width: 0.14cm; - border-bottom-width: 0.24cm; - border-right-width: 0.24cm; - -webkit-border-radius: 0.25cm; - border-radius: 0.25cm; - // -webkit-filter: drop-shadow(0px 5px 10px black) + border-style: solid; + border-color: #2f2f2f; + border-top-width: 0.14cm; + border-left-width: 0.14cm; + border-bottom-width: 0.24cm; + border-right-width: 0.24cm; + -webkit-border-radius: 0.25cm; + border-radius: 0.25cm; + // -webkit-filter: drop-shadow(0px 5px 10px black) } .circular { - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; } .badge { - width: 3.2cm; - height: 3.2cm; - background: #d0d0d0; + width: 3.2cm; + height: 3.2cm; + background: #d0d0d0; } + .card { - position: relative; - min-width: 21.0cm; + position: relative; + min-width: 21.0cm; + } .author { - z-index: 999; - position: absolute; - top:3.1cm; - right:0.7cm; - -webkit-transform-origin: 100% 100%; - transform-origin: 100% 100%; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - font-size: 0.4cm; - color: DARKGREY; + z-index: 999; + position: absolute; + top:3.1cm; + right:0.7cm; + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + font-size: 0.4cm; + color: DARKGREY; } .card-border { - position: absolute; - top:2.0cm; - left:0.4cm; - right:0.4cm; - height: calc(100% - 4.0cm); - background: #ffffff; + position: absolute; + top:2.0cm; + left:0.4cm; + right:0.4cm; + height: calc(100% - 4.0cm); + background: #ffffff; + } .card-header { position: relative; } .card-content { - position: relative; - margin-top: 0.3cm; - margin-left: 1.0cm; - margin-right: 1.1cm; - margin-bottom: 0.2cm; - min-height: 5.0cm; + position: relative; + margin-top: 0.3cm; + margin-left: 1.0cm; + margin-right: 1.1cm; + margin-bottom: 0.2cm; + min-height: 3.0cm; } .content-header { - position: relative; - font-size: 1.1cm; - line-height: 1.1cm; - margin-bottom: 0.6cm; + position: relative; + font-size: 1.1cm; + line-height: 1.1cm; + margin-bottom: 0.6cm; } .card-footer { - position: relative; - page-break-inside: avoid; + position: relative; + page-break-inside: avoid; } .summary { - font-weight: bold; + font-weight: bold; } .description { - font-size: 0.6cm; - line-height: 0.6cm; + font-size: 0.6cm; + line-height: 0.6cm; } .key { - position: absolute; - float: left; - width: auto; - min-width: 4.4cm; - height: 1.35cm; - left: 2.8cm; - margin-top: 1.05cm; - padding-top: 0.2cm; - padding-left: 0.9cm; - padding-right: 0.4cm; - text-align: center; - font-weight: bold; - font-size: 1.0cm; - line-height: 1.30cm; + position: absolute; + float: left; + width: auto; + min-width: 4.4cm; + height: 1.35cm; + left: 3.0cm; + margin-top: 1.2cm; + padding-left: 0.7cm; + padding-right: 0.4cm; + text-align: center; + font-weight: bold; + font-size: 1.0cm; + line-height: 1.4cm; } .type-icon { - position: relative; - float: left; - background-color: GREENYELLOW; - background-image: url({RESOURCE_ORIGIN}icons/Objects.png); - background-repeat: no-repeat; - -webkit-background-size: 70%; - background-size: 70%; - background-position: center; - z-index: 1; + position: relative; + float: left; + background-color: GREENYELLOW; + background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Objects.png); + background-repeat: no-repeat; + -webkit-background-size: 70%; + background-size: 70%; + background-position: center; + z-index: 1; } + .card[type="story"] .type-icon { - background-color: GOLD; - background-image: url({RESOURCE_ORIGIN}icons/Bulb.png); + background-color: GOLD; + background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Bulb.png); } .card[type="bug"] .type-icon { - background-color: CRIMSON; - background-image: url({RESOURCE_ORIGIN}icons/Bug.png); + background-color: CRIMSON; + background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Bug.png); } .card[type="epic"] .type-icon { - background-color: ROYALBLUE; - background-image: url({RESOURCE_ORIGIN}icons/Flash.png); + background-color: ROYALBLUE; + background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Flash.png); } + .estimate { - position: relative; - float: left; - left: -0.65cm; - top:-1.5cm; - height: 1.1cm; - width: 1.1cm; - text-align: center; - font-weight: bold; - font-size: 1cm; - line-height: 1.15cm; - margin-top:1.5cm; - z-index: 999; + position: relative; + float: left; + left: -0.65cm; + top:-1.5cm; + height: 1.1cm; + width: 1.1cm; + text-align: center; + font-weight: bold; + font-size: 1cm; + line-height: 1.15cm; + margin-top:1.5cm; + z-index: 999; } + .due { - position: relative; - float: right; + position: relative; + float: right; } .due-icon { - position: relative; - float:right; - width: 2.5cm; - height: 2.5cm; - margin-top: 0.35cm; - background-color: MEDIUMPURPLE; - background-image: url({RESOURCE_ORIGIN}icons/AlarmClock.png); - background-repeat: no-repeat; - -webkit-background-size: 65%; - background-size: 65%; - background-position: center; - z-index: 1; + position: relative; + float:right; + width: 2.5cm; + height: 2.5cm; + margin-top: 0.4cm; + background-color: MEDIUMPURPLE; + background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/AlarmClock.png); + background-repeat: no-repeat; + -webkit-background-size: 65%; + background-size: 65%; + background-position: center; + z-index: 1; } .due-date { - position: relative; - float: right; - right: -0.6cm; - width: auto; - min-width: 2.8cm; - height: auto; - margin-top: 1.3cm; - padding-top: 0.3cm; - padding-bottom: 0.2cm; - padding-left: 0.3cm; - padding-right: 0.6cm; - text-align: center; - font-weight: bold; - font-size: 0.7cm; - line-height: 0.7cm; + position: relative; + float: right; + right: -0.6cm; + width: auto; + min-width: 2.8cm; + height: auto; + margin-top: 1.3cm; + padding-top: 0.2cm; + padding-bottom: 0.2cm; + padding-left: 0.3cm; + padding-right: 0.6cm; + text-align: center; + font-weight: bold; + font-size: 0.7cm; + line-height: 0.7cm; } .attachment { - position: relative; - float: left; - margin-left: 0.6cm; - width: 2.1cm; - height: 2.1cm; - background-color: LIGHTSKYBLUE; - background-image: url({RESOURCE_ORIGIN}icons/Attachment.png); - background-repeat: no-repeat; - -webkit-background-size: 70%; - background-size: 70%; - background-position: center; + position: relative; + float: left; + margin-left: 0.6cm; + width: 2.1cm; + height: 2.1cm; + background-color: LIGHTSKYBLUE; + background-image: url(https://images.weserv.nl/?url=www.iconsdb.com/icons/download/color/2f2f2f/attach-256.png); + background-repeat: no-repeat; + -webkit-background-size: 70%; + background-size: 70%; + background-position: center; + } .assignee { - position: relative; - float: right; - width: 2.1cm; - height: 2.1cm; - text-align: center; - font-weight: bold; - font-size: 2.0cm; - line-height: 2.5cm; - padding-left: 0.1cm; - background-image: url({RESOURCE_ORIGIN}icons/Person.png); - background-repeat: no-repeat; - -webkit-background-size: cover; - background-size: cover; - -webkit-background-size: 100%; - background-size: 100%; - -webkit-filter: contrast(150%) grayscale(100%); - filter: contrast(150%) grayscale(100%); - background-position: center; + position: relative; + float: right; + width: 2.1cm; + height: 2.1cm; + text-align: center; + font-weight: bold; + font-size: 2.1cm; + line-height: 2.1cm; + background-image: url(https://images.weserv.nl/?url=www.iconsdb.com/icons/download/color/aaaaaa/contacts-256.png); + background-repeat: no-repeat; + -webkit-background-size: cover; + background-size: cover; + -webkit-background-size: 100%; + background-size: 100%; + -webkit-filter: contrast(150%) grayscale(100%); + filter: contrast(150%) grayscale(100%); + background-position: center; } .qr-code { - position: relative; - float: left; - width: 2.1cm; - height: 2.1cm; - background-image: url(https://chart.googleapis.com/chart?cht=qr&chs=256x256&chld=L|1&chl=blog.qoomon.com); - background-repeat: no-repeat; - -webkit-background-size: cover; - background-size: cover; - background-position: center; + position: relative; + float: left; + width: 2.1cm; + height: 2.1cm; + background-image: url(https://chart.googleapis.com/chart?cht=qr&chs=256x256&chld=L|1&chl=blog.qoomon.com); + background-repeat: no-repeat; + -webkit-background-size: cover; + background-size: cover; + background-position: center; } .epic { - width: auto; - height: auto; - position: relative; - float:right; - margin-right:0.6cm; - padding-top: 0.2cm; - padding-bottom: 0.2cm; - padding-left: 0.3cm; - padding-right: 0.3cm; - text-align: left; - font-size: 0.7cm; - line-height: 0.7cm; - max-width: calc( 100% - 10.2cm); + width: auto; + height: auto; + position: relative; + float:right; + margin-right:0.6cm; + padding-top: 0.2cm; + padding-bottom: 0.2cm; + padding-left: 0.3cm; + padding-right: 0.3cm; + text-align: left; + font-size: 0.7cm; + line-height: 0.7cm; + max-width: calc( 100% - 10.2cm); } .epic-key { } .epic-name { - font-weight: bold; + font-weight: bold; } */ }).replace(/{RESOURCE_ORIGIN}/g, resourceOrigin));