0byt3m1n1
Path:
/
home
/
mgatv524
/
mixmidia.mgaplay.com.br
/
modules
/
currencies
/
[
Home
]
File: currencies2.template.json
{ "id": "currencies2", "value": "Currencies 2", "main": "<div class=\"container-main\">\n <div id=\"cycle-container\">\n [itemsTemplate]\n </div>\n</div>", "item": "<div class=\"row-finance\">\n <div class=\"flags\">\n <img class=\"img-circle center-block \" src=\"[CurrencyFlag]\">\n </div>\n <div class=\"name value \">[NameShort]</div>\n <div class=\"price value\">[LastTradePriceOnlyValue]</div>\n <div class=\"perc value [ChangeStyle]\">[ChangePercentage]%</div>\n <div class=\"arrow\"><div class=\"[ChangeIcon]\"></div></div>\n</div>", "css": "body {\n width: 820px !important;\n height: 420px !important;\n font-family: \"Helvetica\", \"Arial\", sans-serif;\n line-height: 1;\n}\n\n.img-circle {\n width: 52px;\n}\n\n.container-main {\n height: 420px !important;\n width: 820px !important;\n float: left;\n margin-top: 25px;\n}\n.row-finance {\n height: 60px;\n background: #e0e0e0;\n margin-bottom: 17px;\n border-left: #264a88 10px solid;\n}\n\n.row-finance > div {\n float: left;\n}\n\n.value {\nfont-size: 20px;\n padding-top: 20px;;\n color: #000;\n white-space: nowrap;\n}\n.down-arrow {\n margin: 25px 0px 0px 20px;\n width: 0;\n height: 0;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 10px solid red;\n}\n.up-arrow {\n margin: 25px 0px 0px 20px;\n width: 0;\n height: 0;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-bottom: 10px solid green;\n}\n.right-arrow {\n margin: 20px 0px 0px 25px;\n width: 0;\n height: 0;\n border-left: 10px solid gray;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n}\n.img-circle {\n border-radius: 50%;\n vertical-align: middle;\n border: 0;\n}\n.center-block {\n width: 50px;\n height: 50px;\n display: block;\n margin-right: auto;\n margin-left: auto;\n}\n\n.variant {\n font-size: 20px;\n padding-top: 17px;\n}\n.flags {\n padding-top: 4px;\n width: 15%;\n}\n.name {\n width: 20%;\n}\n.price {\n width: 20%;\n margin-left: 15%;\n text-align: right;\n}\n.perc {\n width: 20%;\n text-align: right;\n}\n.arrow {\n width: 8%;\n margin-left: 2%;\n}\n.value-up {\n color: green;\n font-weight: bold\n}\n.value-down {\n color: red;\n font-weight: bold\n}\n.value-equal {\n color: gray;\n font-weight: bold\n}\n.name-stock {\n color: gray;\n}", "maxItemsPerPage": 5, "widgetOriginalWidth": "820", "widgetOriginalHeight": "420", "image": "modules/currencies/template-thumbs/currencies2.png" }