From 90351711271dd87afff1ecb653519aed1cdd950f Mon Sep 17 00:00:00 2001 From: Fabian Schmid Date: Sat, 28 Feb 2015 14:56:41 +0100 Subject: [PATCH 1/3] Prepare Plugin for ILIAS 5.0 --- classes/Config/class.xlvoConfig.php | 82 ++++++++++++++++ classes/Display/class.xlvoBarGUI.php | 78 +++++++++++++++ classes/Display/class.xlvoDisplayGUI.php | 94 +++++++++++++++++++ classes/class.ilMultipleTextInputGUI.php | 21 ++++- classes/class.ilObjLiveVotingGUI.php | 48 ++++++---- plugin.php | 12 +-- templates/Display/bar.js | 38 ++++++++ templates/Display/tpl.bar.html | 10 ++ templates/Display/tpl.display.html | 41 ++++++++ templates/bs.css | 3 + .../images/{Icon_lvo.ai => Icon_xlvo.ai} | 0 templates/images/icon_xlvo.svg | 27 ++++++ templates/tpl.multiple_input_50.html | 68 ++++++++++++++ 13 files changed, 497 insertions(+), 25 deletions(-) create mode 100644 classes/Config/class.xlvoConfig.php create mode 100644 classes/Display/class.xlvoBarGUI.php create mode 100644 classes/Display/class.xlvoDisplayGUI.php create mode 100644 templates/Display/bar.js create mode 100644 templates/Display/tpl.bar.html create mode 100644 templates/Display/tpl.display.html create mode 100644 templates/bs.css rename templates/images/{Icon_lvo.ai => Icon_xlvo.ai} (100%) create mode 100644 templates/images/icon_xlvo.svg create mode 100644 templates/tpl.multiple_input_50.html diff --git a/classes/Config/class.xlvoConfig.php b/classes/Config/class.xlvoConfig.php new file mode 100644 index 00000000..492d9b4a --- /dev/null +++ b/classes/Config/class.xlvoConfig.php @@ -0,0 +1,82 @@ + + * @version 1.0.0 + */ +class xlvoConfig { + + const ILIAS_44 = 44; + const ILIAS_50 = 50; + const ILIAS_51 = 51; + const MIN_ILIAS_VERSION = self::ILIAS_44; + + + /** + * @return int + */ + public static function getILIASVersion() { + if (ilComponent::isVersionGreaterString(ILIAS_VERSION_NUMERIC, '5.0.999')) { + return self::ILIAS_51; + } + if (ilComponent::isVersionGreaterString(ILIAS_VERSION_NUMERIC, '4.9.999')) { + return self::ILIAS_50; + } + if (ilComponent::isVersionGreaterString(ILIAS_VERSION_NUMERIC, '4.3.999')) { + return self::ILIAS_44; + } + + return 0; + } + + + /** + * @return bool + */ + public static function isILIASSupported() { + return self::getILIASVersion() >= self::MIN_ILIAS_VERSION; + } + + + /** + * @return bool + */ + public static function is44() { + return self::getILIASVersion() >= self::ILIAS_44; + } + + + /** + * @return bool + */ + public static function is50() { + return self::getILIASVersion() >= self::ILIAS_50; + } + + + /** + * @return bool + */ + public static function isGlobalCacheActive() { + static $has_global_cache; + if (!isset($has_global_cache)) { + $has_global_cache = ilCtrlMainMenuConfig::get('activate_cache') AND self::hasGlobalCache(); + } + + return $has_global_cache; + } + + + /** + * @return bool + */ + public static function hasGlobalCache() { + return is_file('./Services/GlobalCache/classes/class.ilGlobalCache.php'); + } +} + +?> diff --git a/classes/Display/class.xlvoBarGUI.php b/classes/Display/class.xlvoBarGUI.php new file mode 100644 index 00000000..2080e9c4 --- /dev/null +++ b/classes/Display/class.xlvoBarGUI.php @@ -0,0 +1,78 @@ + + * @version 1.0.0 + * @ilCtrl_IsCalledBy xlvoBarGUI: ilObjLiveVotingGUI + */ +class xlvoBarGUI { + + /** + * @var ilTemplate + */ + protected $tpl; + /** + * @var ilLiveVotingOption + */ + protected $ilLiveVotingOption; + /** + * @var ilObjLiveVoting + */ + protected $ilObjLiveVoting; + + + /** + * @param ilObjLiveVoting $ilObjLiveVoting + * @param ilLiveVotingOption $ilLiveVotingOption + */ + public function __construct(ilObjLiveVoting $ilObjLiveVoting, ilLiveVotingOption $ilLiveVotingOption) { + global $tpl; + /** + * @var $tpl ilTemplate + */ + $tpl->addJavaScript('./Customizing/global/plugins/Services/Repository/RepositoryObject/LiveVoting/templates/Display/bar.js'); + + $this->ilObjLiveVoting = $ilObjLiveVoting; + $this->ilLiveVotingOption = $ilLiveVotingOption; + $this->tpl = new ilTemplate('./Customizing/global/plugins/Services/Repository/RepositoryObject/LiveVoting/templates/Display/tpl.bar.html', false, false); + } + + + protected function render() { + $this->tpl->setVariable('PERCENT', $this->ilObjLiveVoting->getRelativePercentageForOption($this->ilLiveVotingOption->getId())); + $this->tpl->setVariable('ID', $this->ilLiveVotingOption->getId()); + $this->tpl->setVariable('CIPHER', $this->ilLiveVotingOption->countVotes()); + $this->tpl->setVariable('COUNT', $this->ilLiveVotingOption->countVotes()); + $this->tpl->setVariable('AJAX_LINK', $this->ilLiveVotingOption->getId()); + } + + + /** + * @return string + */ + public function getHTML() { + $this->render(); + + return $this->tpl->get(); + } + + + /** + * @param ilObjLiveVoting $ilObjLiveVoting + * + * @return string + */ + public function getAjaxData(ilObjLiveVoting $ilObjLiveVoting) { + $data = array( + 'percentage' => $ilObjLiveVoting->getPercentageForOption($this->ilLiveVotingOption->getId()), + 'percentage_relative' => $ilObjLiveVoting->getRelativePercentageForOption($this->ilLiveVotingOption->getId()), + 'votes' => $this->ilLiveVotingOption->countVotes(), + ); + + return json_encode($data); + } +} + +?> diff --git a/classes/Display/class.xlvoDisplayGUI.php b/classes/Display/class.xlvoDisplayGUI.php new file mode 100644 index 00000000..e67b7084 --- /dev/null +++ b/classes/Display/class.xlvoDisplayGUI.php @@ -0,0 +1,94 @@ + + * @version 1.0.0 + */ +class xlvoDisplayGUI { + + /** + * @var int + */ + protected $answer_count = 64; + /** + * @var ilTemplate + */ + protected $tpl; + /** + * @var ilObjLiveVoting + */ + protected $ilObjLiveVoting; + + + /** + * @param ilObjLiveVoting $ilObjLiveVoting + */ + public function __construct(ilObjLiveVoting $ilObjLiveVoting) { + global $tpl; + /** + * @var $tpl ilTemplate + */ + $tpl->addCss('./Customizing/global/plugins/Services/Repository/RepositoryObject/LiveVoting/templates/bs.css'); + $this->ilObjLiveVoting = $ilObjLiveVoting; + $this->tpl = new ilTemplate('./Customizing/global/plugins/Services/Repository/RepositoryObject/LiveVoting/templates/Display/tpl.display.html', false, true); + } + + + protected function render() { + $this->tpl->setVariable('TITLE', $this->ilObjLiveVoting->getTitle()); + $this->tpl->setVariable('QUESTION', $this->ilObjLiveVoting->getQuestion()); + $this->tpl->setVariable('PIN', $this->ilObjLiveVoting->getPin()); +// $this->tpl->setVariable('ID', $this->ilObjLiveVoting->getId()); + foreach ($this->ilObjLiveVoting->getOptions() as $option) { + if ($option instanceof ilLiveVotingOption) { + $this->addAnswer($option); + $this->addBar(new xlvoBarGUI($this->ilObjLiveVoting, $option)); + } + } + } + + + /** + * @param ilLiveVotingOption $ilLiveVotingOption + */ + protected function addAnswer(ilLiveVotingOption $ilLiveVotingOption) { + $this->answer_count ++; + $this->tpl->setCurrentBlock('answer'); + $this->tpl->setVariable('ANSWER_LETTER', (chr($this->answer_count))); + $this->tpl->setVariable('ANSWER_TEXT', $ilLiveVotingOption->getTitle()); + $this->tpl->parseCurrentBlock(); + } + + + /** + * @param xlvoBarGUI $xlvoBarGUI + */ + public function addBar(xlvoBarGUI $xlvoBarGUI) { + $this->tpl->setCurrentBlock('bar'); + $this->tpl->setVariable('BAR', $xlvoBarGUI->getHTML()); + $this->tpl->parseCurrentBlock(); + } + + + /** + * @param $url + */ + public function addQRCode($url) { + $this->tpl->setVariable('QR', ''); + } + + + /** + * @return string + */ + public function getHTML() { + $this->render(); + + return $this->tpl->get(); + } +} + +?> diff --git a/classes/class.ilMultipleTextInputGUI.php b/classes/class.ilMultipleTextInputGUI.php index 75d85627..04ce83c8 100644 --- a/classes/class.ilMultipleTextInputGUI.php +++ b/classes/class.ilMultipleTextInputGUI.php @@ -2,7 +2,7 @@ /* Copyright (c) 1998-2009 ILIAS open source, Extended GPL, see docs/LICENSE */ include_once("./Services/Form/classes/class.ilCustomInputGUI.php"); - +require_once('./Customizing/global/plugins/Services/Repository/RepositoryObject/LiveVoting/classes/Config/class.xlvoConfig.php'); /** * Class ilMultipleTextInputGUI * @@ -42,10 +42,25 @@ public function getHtml() { private function buildHTML() { $pl = ilLiveVotingPlugin::getInstance(); $tpl = $pl->getTemplate("tpl.multiple_input.html"); - +// if (xlvoConfig::is50()) { +// $tpl = $pl->getTemplate("tpl.multiple_input.html"); +// } else { +// $tpl = $pl->getTemplate("tpl.multiple_input_50.html"); +// } +// $tpl->setCurrentBlock("title"); // $tpl->setVariable("CSS_PATH", $pl->getStyleSheetLocation("content.css")); - $tpl->setVariable("X_IMAGE_PATH", $pl->getImagePath("x_image.png")); + + if (xlvoConfig::is50()) { +// ilUtil::sendInfo(ilGlyphGUI::get(ilGlyphGUI::ADD)); +// $ilGlyphGUI = new ilGlyphGUI(); + + + $tpl->setVariable("X_IMAGE_PATH", $pl->getImagePath("x_image.png")); + } else { + $tpl->setVariable("X_IMAGE_PATH", $pl->getImagePath("x_image.png")); + } + $tpl->setVariable("PLACEHOLDER", $this->placeholder); $tpl->setVariable("POSTVAR", $this->getPostVar()); $tpl->parseCurrentBlock(); diff --git a/classes/class.ilObjLiveVotingGUI.php b/classes/class.ilObjLiveVotingGUI.php index 126b7a54..9b975e55 100755 --- a/classes/class.ilObjLiveVotingGUI.php +++ b/classes/class.ilObjLiveVotingGUI.php @@ -21,15 +21,15 @@ +-----------------------------------------------------------------------------+ */ -include_once("./Services/Repository/classes/class.ilObjectPluginGUI.php"); +require_once("./Services/Repository/classes/class.ilObjectPluginGUI.php"); require_once('./Customizing/global/plugins/Services/Repository/RepositoryObject/LiveVoting/classes/class.ilLiveVotingPlugin.php'); require_once('./Customizing/global/plugins/Services/Repository/RepositoryObject/LiveVoting/classes/class.ilObjLiveVoting.php'); require_once('./Customizing/global/plugins/Services/Repository/RepositoryObject/LiveVoting/classes/class.ilMultipleTextInputGUI.php'); require_once('./Services/Form/classes/class.ilSubEnabledFormPropertyGUI.php'); -@include_once('./classes/class.ilLink.php'); -@include_once('./Services/Link/classes/class.ilLink.php'); +//@include_once('./classes/class.ilLink.php'); +//@include_once('./Services/Link/classes/class.ilLink.php'); require_once('class.ilLiveVotingContentGUI.php'); -include_once('./Services/Calendar/classes/class.ilDateTime.php'); +require_once('./Services/Calendar/classes/class.ilDateTime.php'); if (is_file('./Services/Object/classes/class.ilDummyAccessHandler.php')) { include_once('./Services/Object/classes/class.ilDummyAccessHandler.php'); @@ -58,6 +58,9 @@ */ class ilObjLiveVotingGUI extends ilObjectPluginGUI { + const CMD_DEFAULT_BS = 'showContentBootStrap'; + const CMD_SHOW_CONTENT = "showContent"; + const CMD_EDIT_PROPERTIES = "editProperties"; /** * @var ilObjLiveVoting */ @@ -99,7 +102,7 @@ public function &executeCommand() { /** * @param $a_target */ - public function _goto($a_target) { + public static function _goto($a_target) { global $ilCtrl, $ilAccess, $lng; $t = explode("_", $a_target[0]); $ref_id = (int)$t[0]; @@ -146,7 +149,7 @@ final function getType() { */ public function performCommand($cmd) { switch ($cmd) { - case "editProperties": // list all commands that need write permission here + case self::CMD_EDIT_PROPERTIES: // list all commands that need write permission here case "updateProperties": case "resetVotes": case "confirmReset": @@ -156,13 +159,14 @@ public function performCommand($cmd) { $this->checkPermission("write"); $this->$cmd(); break; - case "showContent": // list all commands that need read permission here + case self::CMD_SHOW_CONTENT: // list all commands that need read permission here case "vote": case "unvote": case "asyncShowContent": case "asyncVote": case "asyncUnvote": case "asyncIsActive": + case self::CMD_DEFAULT_BS: $this->checkPermission("read"); $this->$cmd(); break; @@ -174,7 +178,7 @@ public function performCommand($cmd) { * @return string */ public function getAfterCreationCmd() { - return "editProperties"; + return self::CMD_EDIT_PROPERTIES; } @@ -182,7 +186,7 @@ public function getAfterCreationCmd() { * @return string */ public function getStandardCmd() { - return "showContent"; + return self::CMD_SHOW_CONTENT; } @@ -200,13 +204,14 @@ public function setTabs() { global $ilTabs, $ilCtrl, $ilAccess; // tab for the "show content" command if ($ilAccess->checkAccess("read", "", $this->object->getRefId())) { - $ilTabs->addTab("content", $this->txt("content"), $ilCtrl->getLinkTarget($this, "showContent")); + $ilTabs->addTab("content", $this->txt("content"), $ilCtrl->getLinkTarget($this, self::CMD_SHOW_CONTENT)); + $ilTabs->addTab("content", $this->txt("content"), $ilCtrl->getLinkTarget($this, self::CMD_DEFAULT_BS)); } // standard info screen tab $this->addInfoTab(); // a "properties" tab if ($ilAccess->checkAccess("write", "", $this->object->getRefId())) { - $ilTabs->addTab("properties", $this->txt("properties"), $ilCtrl->getLinkTarget($this, "editProperties")); + $ilTabs->addTab("properties", $this->txt("properties"), $ilCtrl->getLinkTarget($this, self::CMD_EDIT_PROPERTIES)); } // standard epermission tab $this->addPermissionTab(); @@ -322,7 +327,7 @@ public function updateProperties() { $this->live_voting->setOptionsByArray($_REQUEST['choices']); $this->live_voting->update(); ilUtil::sendSuccess($lng->txt("msg_obj_modified"), true); - $ilCtrl->redirect($this, "editProperties"); + $ilCtrl->redirect($this, self::CMD_EDIT_PROPERTIES); } $this->form->setValuesByPost(); $tpl->setContent($this->form->getHtml()); @@ -381,7 +386,7 @@ public function freeze() { $this->live_voting->doUpdate(); $pl = ilLiveVotingPlugin::getInstance(); ilUtil::sendInfo($pl->txt("voting_freezed"), true); - $ilCtrl->redirect($this, "showContent"); + $ilCtrl->redirect($this, self::CMD_SHOW_CONTENT); } @@ -394,7 +399,7 @@ public function unfreeze() { $this->live_voting->doUpdate(); $pl = ilLiveVotingPlugin::getInstance(); ilUtil::sendInfo($pl->txt("voting_unfreezed"), true); - $ilCtrl->redirect($this, "showContent"); + $ilCtrl->redirect($this, self::CMD_SHOW_CONTENT); } @@ -423,7 +428,7 @@ public function cancelReset() { global $ilCtrl; $pl = ilLiveVotingPlugin::getInstance(); ilUtil::sendInfo($pl->txt("reset_canceled"), true); - $ilCtrl->redirect($this, "showContent"); + $ilCtrl->redirect($this, self::CMD_SHOW_CONTENT); } @@ -438,6 +443,17 @@ function showContent() { } + protected function showContentBootStrap() { + require_once('./Customizing/global/plugins/Services/Repository/RepositoryObject/LiveVoting/classes/Display/class.xlvoDisplayGUI.php'); + $xlvoDisplayGUI = new xlvoDisplayGUI($this->live_voting); + $xlvoDisplayGUI->addQRCode('lorem'); + + + + $this->tpl->setContent($xlvoDisplayGUI->getHTML()); + } + + /** * asyncShowContent */ @@ -525,7 +541,7 @@ function asyncUnvote() { function resetVotes() { global $ilCtrl; $this->live_voting->deleteAllVotes(); - $ilCtrl->redirect($this, "showContent"); + $ilCtrl->redirect($this, self::CMD_SHOW_CONTENT); //$this->showContent(); } diff --git a/plugin.php b/plugin.php index c039077b..660b6309 100644 --- a/plugin.php +++ b/plugin.php @@ -1,8 +1,8 @@ diff --git a/templates/Display/bar.js b/templates/Display/bar.js new file mode 100644 index 00000000..a64a746b --- /dev/null +++ b/templates/Display/bar.js @@ -0,0 +1,38 @@ +/** + * xlvoBar + * + * @author Fabian Schmid + */ + +(function ($, window, document, undefined) { + + var pluginName = "xlvoBar", + defaults = { + ajaxLink: "" + }; + + function Plugin(element, options) { + this.element = element; + this.options = $.extend({}, defaults, options); + this._defaults = defaults; + this._name = pluginName; + this.init(); + } + + Plugin.prototype = { + init: function () { + // Alles einrichten + alert('o'); + } + }; + + $.fn[pluginName] = function (options) { + return this.each(function () { + if (!$.data(this, "plugin_" + pluginName)) { + $.data(this, "plugin_" + pluginName, + new Plugin(this, options)); + } + }); + }; + +})(jQuery, window, document); \ No newline at end of file diff --git a/templates/Display/tpl.bar.html b/templates/Display/tpl.bar.html new file mode 100644 index 00000000..7cae8d50 --- /dev/null +++ b/templates/Display/tpl.bar.html @@ -0,0 +1,10 @@ +

{CIPHER} {COUNT}

+
+
+ {PERCENT}% +
+
\ No newline at end of file diff --git a/templates/Display/tpl.display.html b/templates/Display/tpl.display.html new file mode 100644 index 00000000..dca04399 --- /dev/null +++ b/templates/Display/tpl.display.html @@ -0,0 +1,41 @@ +
+
+ +

{QUESTION}

+
+ +
+

{ANSWER_LETTER} {ANSWER_TEXT}

+
+ +
+
+
+
+
+ +
+ {BAR} +
+ +
+
+
+
+ +
diff --git a/templates/bs.css b/templates/bs.css new file mode 100644 index 00000000..637a7ff5 --- /dev/null +++ b/templates/bs.css @@ -0,0 +1,3 @@ +#xlvo_bs_pin { + zoom: 3; +} \ No newline at end of file diff --git a/templates/images/Icon_lvo.ai b/templates/images/Icon_xlvo.ai similarity index 100% rename from templates/images/Icon_lvo.ai rename to templates/images/Icon_xlvo.ai diff --git a/templates/images/icon_xlvo.svg b/templates/images/icon_xlvo.svg new file mode 100644 index 00000000..5ed98d4d --- /dev/null +++ b/templates/images/icon_xlvo.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + A + B + C + D + + diff --git a/templates/tpl.multiple_input_50.html b/templates/tpl.multiple_input_50.html new file mode 100644 index 00000000..c04361b1 --- /dev/null +++ b/templates/tpl.multiple_input_50.html @@ -0,0 +1,68 @@ + + + + + +
+ + +
+ +
+ + +
+ From e177fe744b5fa4fbe443fad4b8c69fa56d2b67c6 Mon Sep 17 00:00:00 2001 From: Fabian Schmid Date: Tue, 3 Mar 2015 07:58:24 +0100 Subject: [PATCH 2/3] LiveVoting for ILIAS 5.0 --- classes/Display/class.xlvoBarGUI.php | 2 +- classes/class.ilObjLiveVotingGUI.php | 2 +- templates/content.css | 392 ++++++++++++++------------- 3 files changed, 207 insertions(+), 189 deletions(-) diff --git a/classes/Display/class.xlvoBarGUI.php b/classes/Display/class.xlvoBarGUI.php index 2080e9c4..3df3954d 100644 --- a/classes/Display/class.xlvoBarGUI.php +++ b/classes/Display/class.xlvoBarGUI.php @@ -41,7 +41,7 @@ public function __construct(ilObjLiveVoting $ilObjLiveVoting, ilLiveVotingOption protected function render() { - $this->tpl->setVariable('PERCENT', $this->ilObjLiveVoting->getRelativePercentageForOption($this->ilLiveVotingOption->getId())); + $this->tpl->setVariable('PERCENT', $this->ilObjLiveVoting->getPercentageForOption($this->ilLiveVotingOption->getId())); $this->tpl->setVariable('ID', $this->ilLiveVotingOption->getId()); $this->tpl->setVariable('CIPHER', $this->ilLiveVotingOption->countVotes()); $this->tpl->setVariable('COUNT', $this->ilLiveVotingOption->countVotes()); diff --git a/classes/class.ilObjLiveVotingGUI.php b/classes/class.ilObjLiveVotingGUI.php index 9b975e55..283d3b39 100755 --- a/classes/class.ilObjLiveVotingGUI.php +++ b/classes/class.ilObjLiveVotingGUI.php @@ -205,7 +205,7 @@ public function setTabs() { // tab for the "show content" command if ($ilAccess->checkAccess("read", "", $this->object->getRefId())) { $ilTabs->addTab("content", $this->txt("content"), $ilCtrl->getLinkTarget($this, self::CMD_SHOW_CONTENT)); - $ilTabs->addTab("content", $this->txt("content"), $ilCtrl->getLinkTarget($this, self::CMD_DEFAULT_BS)); +// $ilTabs->addTab("content", $this->txt("content"), $ilCtrl->getLinkTarget($this, self::CMD_DEFAULT_BS)); } // standard info screen tab $this->addInfoTab(); diff --git a/templates/content.css b/templates/content.css index 5e027bf7..ccc90afd 100644 --- a/templates/content.css +++ b/templates/content.css @@ -7,17 +7,16 @@ div.lvo_actions { clear: both; /* force toolbar bellow the question */ } - div#lvo_content { - height: 100%; + height: 100%; } div.fullscreen { - height: 100%; - padding: 50px; - padding-right: 200px; - background-color: white; - margin: 0px; + height: 100%; + padding: 50px; + padding-right: 200px; + background-color: white; + margin: 0px; } /*div.fullscreen div.lvo_pin_container { @@ -27,140 +26,159 @@ div.fullscreen { div.xlvo_dimmer { background-color: white; - position: absolute; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; - padding: 50px; - display: none; + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + padding: 50px; + display: none; } div.lvo_fullscreendummy { - position: absolute; + position: absolute; - z-index: 100000; - top: 0px; - left: 0px; - right: 0px; - height: 100%; - background-color: white; - /*padding-top: 20px;*/ - /*padding-left: 50px;*/ - /*margin-right: 200px;*/ + z-index: 100000; + top: 0px; + left: 0px; + right: 0px; + height: 100%; + background-color: white; + /*padding-top: 20px;*/ + /*padding-left: 50px;*/ + /*margin-right: 200px;*/ } div.lvo_fullscreendummy #lvo_content { - margin: 50px; + margin: 50px; } + div.lvo_fullscreendummy div.lvo_qr_hidden_canvas_close { - display: block; + display: block; } div.lvo_fullscreendummy div.lvo_actions { - display: none; + display: none; } div.lvo_qr_hidden_canvas_close { - height: 20px; - display: none; - background-color: #808080; - text-align: center; - color: #ffffff; + height: 20px; + display: none; + background-color: #808080; + text-align: center; + color: #FFFFFF; } div.lvo_qr_hidden_canvas_close:hover { - text-decoration: underline; - cursor: hand; + text-decoration: underline; + cursor: hand; } .placeholder { - color: #aaa; + color: #AAAAAA; } #xlvo_pin_field { - font-size: 60px; + font-size: 60px; text-align: center; - padding: 5px; + padding: 5px; } div.lvo_qr_hidden_canvas { - position: absolute; - display: none; - z-index: 100000; - top: 0px; - left: 0px; - height: 100%; - background-color: white; - text-align: center; + position: fixed; + display: none; + z-index: 100000; + top: 0px; + left: 0px; + height: 100%; + width: 100%; + background-color: white; + text-align: center; } div.lvo_qr_hidden { - position: relative; - margin-top: 30px; + position: relative; + margin-top: 30px; } .lvo_percentage { /*border: 1px solid #235F91;*/ - - border-top-left-radius: 5px; + + border-top-left-radius: 5px; border-top-right-radius: 5px; - - width: 100%; - position: absolute; - bottom: 0px; + + width: 100%; + position: absolute; + bottom: 0px; +} + +.lvo_percentage.color0 { + background: #23538A; + /*background: linear-gradient(135deg, #A7CFDF 0%, #23538A 100%); *//* W3C */ } -.lvo_percentage.color0 { background: #23538A; background: linear-gradient(135deg, #A7CFDF 0%, #23538A 100%); /* W3C */ } -.lvo_percentage.color1 { background: #238a6b; background: linear-gradient(135deg, #a7dfc0 0%, #238a6b 100%); /* W3C */ } -.lvo_percentage.color2 { background: #8a4923; background: linear-gradient(135deg, #dfaea7 0%, #8a4923 100%); /* W3C */ } -.lvo_percentage.color3 { background: #66238a; background: linear-gradient(135deg, #bda7df 0%, #66238a 100%); /* W3C */ } +.lvo_percentage.color1 { + background: #238A6B; + /*background: linear-gradient(135deg, #A7DFC0 0%, #238A6B 100%); *//* W3C */ +} + +.lvo_percentage.color2 { + background: #8A4923; + /*background: linear-gradient(135deg, #DFAEA7 0%, #8A4923 100%); *//* W3C */ +} + +.lvo_percentage.color3 { + background: #66238A; + /*background: linear-gradient(135deg, #BDA7DF 0%, #66238A 100%); *//* W3C */ +} .lvo_choice, .lvo_choice_footer { - margin-left: 20px; + margin-left: 20px; margin-right: 20px; } .lvo_choice { - - -webkit-border-top-left-radius: 5px; + + -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; - -moz-border-radius-topleft: 5px; - -moz-border-radius-topright: 5px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - height: 300px; - position: relative; - bottom: 0px; - margin-bottom: 0px; - background-color: #f8f8f8; - border: 1px solid #dedede; - border-bottom: 0px; - -webkit-box-shadow: inset 0px 0px 10px #878787; /* webkit browser*/ -moz-box-shadow: inset 0px 0px 10px #878787; /* firefox */ box-shadow: inset 0px 0px 10px #878787; + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + height: 300px; + position: relative; + bottom: 0px; + margin-bottom: 0px; + background-color: #F8F8F8; + border: 1px solid #DEDEDE; + border-bottom: 0px; + -webkit-box-shadow: inset 0px 0px 10px #878787; /* webkit browser*/ + -moz-box-shadow: inset 0px 0px 10px #878787; /* firefox */ + box-shadow: inset 0px 0px 10px #878787; } .lvo_choice_cipher { - position: relative; - top: 0; - font-size: 8em; /* fallback font size */ - font-size: 4vw; - text-align: center; - color: gray; - z-index: 100; + position: relative; + top: 0; + font-size: 8em; /* fallback font size */ + font-size: 4vw; + text-align: center; + color: gray; + z-index: 100; text-shadow: -1px 0 lightgray, 0 1px lightgray, 1px 0 lightgray, 0 -1px lightgray; } .lvo_choice_footer { - position: relative; - margin-bottom: 20px; - background-color: #ededed; - border: 1px solid #dedede; - text-align: center; - padding: 10px; + position: relative; + margin-bottom: 20px; + background-color: #EDEDED; + border: 1px solid #DEDEDE; + text-align: center; + padding: 10px; } .lvo_choice_footer p { - margin-top: 0; + margin-top: 0; margin-bottom: 0; } @@ -169,8 +187,8 @@ div.lvo_qr_hidden { } .lvo_choice_container { - float: left; - position: relative; + float: left; + position: relative; min-width: 120px; } @@ -179,36 +197,36 @@ div.lvo_qr_hidden { } div.fullscreen .lvo_choice { - height: 500px; + height: 500px; } table.lvo_cipher_titles { - margin-top: 12px; + margin-top: 12px; margin-bottom: 10px; - display: table; + display: table; } table.lvo_cipher_titles td { - font-size: 18pt; - padding-left: 10px; + font-size: 18pt; + padding-left: 10px; padding-bottom: 10px; - width: 300px; + width: 300px; } .lvo_body { padding-top: 30px; - margin-top: 12px; - border: 1px solid #cfcfcf; - background: rgb(255,255,255); /* Old browsers */ + margin-top: 12px; + border: 1px solid #CFCFCF; + background: rgb(255, 255, 255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); - background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */ - background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */ + /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ + /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); *//* FF3.6+ */ + /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); *//* Chrome,Safari4+ */ + /*background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); *//* Chrome10+,Safari5.1+ */ + /*background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); *//* Opera 11.10+ */ + /*background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); *//* IE10+ */ + /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); *//* W3C */ + /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); *//* IE6-8 */ } @@ -217,86 +235,86 @@ table.lvo_cipher_titles td { } .lvo_header_title { - font-size: 22pt; + font-size: 22pt; margin-bottom: 50px; } .lvo_pin_container { - width: 220px; - float: right; + width: 220px; + float: right; margin-bottom: 12px; - margin-left: 20px; + margin-left: 20px; } .lvo_pin { - /*height: 64px;*/ - height:120px; - vertical-align: middle; - width: 180px; - text-align: center; - color: #3e3e3e; - font-size: 40pt; - float: right; - padding: 5px 10px 5px 10px; - margin-bottom: -1px;; - border: 1px solid #cfcfcf; - background: rgb(255,255,255); /* Old browsers */ - /* IE9 SVG, needs conditional override of 'filter' to 'none' */ - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); - background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */ - background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */ + /*height: 64px;*/ + height: 120px; + vertical-align: middle; + width: 180px; + text-align: center; + color: #3E3E3E; + font-size: 40pt; + float: right; + padding: 5px 10px 5px 10px; + margin-bottom: -1px;; + border: 1px solid #CFCFCF; + background: rgb(255, 255, 255); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ + /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); *//* FF3.6+ */ + /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); *//* Chrome,Safari4+ */ + /*background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); *//* Chrome10+,Safari5.1+ */ + /*background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); *//* Opera 11.10+ */ + /*background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); *//* IE10+ */ + /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); *//* W3C */ + /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); *//* IE6-8 */ } div.lvo_sms { - font-size: 15pt; - height: auto; + font-size: 15pt; + height: auto; } div.lvo_qr { - height:80px; + /*height:80px;*/ cursor: zoom-in; } img#lvo_qr_img { - width: 80px; - height: 80px; - margin-left: auto; - margin-right: auto; - cursor: hand; + width: 80px; + height: 80px; + margin-left: auto; + margin-right: auto; + cursor: hand; } .lvo_footer { margin-top: 30px; - clear: both; + clear: both; } .lvo_vote_link { - -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; - -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; - box-shadow: inset 0px 1px 0px 0px #ffffff; - background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); - background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); - background-color: #ededed; - -moz-border-radius: 6px; + -moz-box-shadow: inset 0px 1px 0px 0px #FFFFFF; + -webkit-box-shadow: inset 0px 1px 0px 0px #FFFFFF; + box-shadow: inset 0px 1px 0px 0px #FFFFFF; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EDEDED), color-stop(1, #DFDFDF)); + background: -moz-linear-gradient(center top, #EDEDED 5%, #DFDFDF 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); + background-color: #EDEDED; + -moz-border-radius: 6px; -webkit-border-radius: 6px; - border-radius: 6px; - border: 1px solid #dcdcdc; - display: inline-block; - font-family: arial; - font-size: 15px; - font-weight: bold; - padding: 6px 0; - width: 100%; - text-decoration: none; - text-shadow: 1px 1px 0px #ffffff; + border-radius: 6px; + border: 1px solid #DCDCDC; + display: inline-block; + font-family: arial; + font-size: 15px; + font-weight: bold; + padding: 6px 0; + width: 100%; + text-decoration: none; + text-shadow: 1px 1px 0px #FFFFFF; } div.lvo_choice_footer .lvo_vote_link { @@ -304,29 +322,29 @@ div.lvo_choice_footer .lvo_vote_link { } .lvo_vote_link:hover { - background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); - background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); - background-color: #dfdfdf; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DFDFDF), color-stop(1, #EDEDED)); + background: -moz-linear-gradient(center top, #DFDFDF 5%, #EDEDED 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); + background-color: #DFDFDF; } .lvo_vote_link:active { position: relative; - top: 1px; + top: 1px; } .lvo_voted { - background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a1a1a1), color-stop(1, #747474) ); - background: -moz-linear-gradient( center top, #a1a1a1 5%, #747474 100% ); - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a1a1a1', endColorstr='#747474'); - background-color: #a1a1a1; - text-shadow: 1px 1px 0px #000000; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A1A1A1), color-stop(1, #747474)); + background: -moz-linear-gradient(center top, #A1A1A1 5%, #747474 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1a1a1', endColorstr='#747474'); + background-color: #A1A1A1; + text-shadow: 1px 1px 0px #000000; } .lvo_voted:hover { - background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #747474), color-stop(1, #a1a1a1) ); - background: -moz-linear-gradient( center top, #747474 5%, #a1a1a1 100% ); - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#a1a1a1'); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #747474), color-stop(1, #A1A1A1)); + background: -moz-linear-gradient(center top, #747474 5%, #A1A1A1 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#a1a1a1'); background-color: #626262; } @@ -335,26 +353,26 @@ div.lvo_choice_footer .lvo_voted { } .glow { - /*outline:none;*/ - /*border-style: solid; - border-color: rgb(255, 171, 23);*/ - /*transition: all 0.25s ease-in-out;*/ - /*-webkit-transition: all 0.25s ease-in-out;*/ - /*-moz-transition: all 0.25s ease-in-out;*/ - box-shadow: 0 0 20px rgba(255, 171, 23, 1); - -webkit-box-shadow: 0 0 20px rgba(255, 171, 23, 1); - -moz-box-shadow: 0 0 20px rgba(255, 171, 23, 1); + /*outline:none;*/ + border-style: solid; + border-color: rgb(255, 171, 23); + /*transition: all 0.25s ease-in-out;*/ + /*-webkit-transition: all 0.25s ease-in-out;*/ + /*-moz-transition: all 0.25s ease-in-out;*/ + /*box-shadow: 0 0 20px rgba(255, 171, 23, 1);*/ + /*-webkit-box-shadow: 0 0 20px rgba(255, 171, 23, 1);*/ + /*-moz-box-shadow: 0 0 20px rgba(255, 171, 23, 1);*/ } div.lvo_choice_header p { - display: block; - margin-right: auto; - margin-left: auto; - width: 50px; - text-align: center; - font-size: 17px; - margin-bottom: 2px; - z-index: 5000; + display: block; + margin-right: auto; + margin-left: auto; + width: 50px; + text-align: center; + font-size: 17px; + margin-bottom: 2px; + z-index: 5000; } div.ilvo_actions div.ilToolbar { From cedd42615b7ab5c68720a5ce6fa2bce9833e3ff0 Mon Sep 17 00:00:00 2001 From: Fabian Schmid Date: Tue, 3 Mar 2015 08:36:27 +0100 Subject: [PATCH 3/3] Fix for Fullscreenmode --- templates/content.css | 5 +++ templates/tpl.content.html | 92 ++++++++++++++++++++------------------ 2 files changed, 53 insertions(+), 44 deletions(-) diff --git a/templates/content.css b/templates/content.css index ccc90afd..dad8726e 100644 --- a/templates/content.css +++ b/templates/content.css @@ -17,6 +17,11 @@ div.fullscreen { padding-right: 200px; background-color: white; margin: 0px; + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 100000; } /*div.fullscreen div.lvo_pin_container { diff --git a/templates/tpl.content.html b/templates/tpl.content.html index 41083de3..afd15620 100644 --- a/templates/tpl.content.html +++ b/templates/tpl.content.html @@ -1,8 +1,8 @@ - +
{FS_CLOSE}
-
+
@@ -43,14 +43,14 @@ -
+
{ACTIONS}
-
+
- +

{VOTE_PERCENTAGE_SHOW}%

@@ -195,20 +201,18 @@
-
-

- {CHOICE_CIPHER}: - {VOTE_COUNT} -

- - {VOTE_TEXT} - -
- +
+

+ {CHOICE_CIPHER}: + {VOTE_COUNT} +

+ + {VOTE_TEXT} + +
+
- - -
+