{
    "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"
}