{
    "id": "stocks2",
    "value": "Stocks 2",
    "main": "<div class=\"container-main\">\r\n    <div class=\"container \">\r\n        <div id=\"cycle-container\">\r\n            [itemsTemplate]\r\n        <\/div>\r\n    <\/div>\r\n<\/div>",
    "item": "<div class=\"row\">\r\n    <div class=\"weather-col col-12 name\">[NameTrimmed|18]<\/div>\r\n    <div class=\"weather-col col-12 subname\">[SymbolTrimmed]<\/div>\r\n    <div class=\"weather-col col-12 value-currency\">[LastTradePriceOnly] [CurrencyUpper]<\/div>\r\n    <div class=\"weather-col col-12 total\">\r\n        <div class=\"subtotal [ChangeStyle]\">[ChangePercentage]%<\/div>\r\n        <div class=\"subtotal [ChangeIcon]\"><\/div>\r\n    <\/div>\r\n<\/div>",
    "css": "body {\n width: 500px !important;\n height: 380px !important;\n }\n\n.text-right {\n    text-align: right;\n}\n\n.center-block {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n}\n\n.container {\n    padding-right: 15px;\n    padding-left: 15px;\n    margin-right: auto;\n    margin-left: auto;\n}\n\n.text-center {\n text-align: center;\n}\n h1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\n\n.container:after, .container:before, .row:after, .row:before {\n    display: table;\n    content: \" \";\n}\n.container:after, .row:after {\n    clear: both;\n}\n\n* {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n:after,:before {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n body {\n    font-family: \"Helvetica\", \"Arial\", sans-serif;\n    line-height: 1;\n}\n\n.container-main {\n    height: 380px !important;\n    width: 500px !important;\n}\n\n.container {\n    width: 500px !important;\n    height: 380px !important;\n    float: left;\n    margin: 0;\n    padding: 0;\n}\n\n.row {\n    margin: 0;\n}\n\n.value {\n    font-size: 20px;\n    padding-top: 10px;\n    color: #000;\n}\n\n.value-currency {\n    font-size: 45px;\n    text-align: right;\n    margin-bottom: 40px;\n}\n\n.value-up {\n    color: green;\n    font-weight: bold\n}\n\n.value-down {\n    color: red;\n    font-weight: bold\n}\n\n.value-equal {\n    color: gray;\n    font-weight: bold\n}\n\n.variant {\n    font-size: 20px;\n    padding-top: 17px;\n}\n\n.flags {\n    padding-top: 4px;\n}\n\n.live-title {\n    font-size: 30px;\n    font-weight: bold;\n}\n\n.time-title {\n    font-size: 14px;\n    padding-top: 10;\n}\n\n.name-stock {\n    color: gray;\n}\n\n.name {\n    font-size: 40px;\n    margin-top: 40px;\n}\n\n.subname {\n    color: gray;\n    font-size: 35px;\n    margin-bottom: 30px;\n}\n\n.total {\n    margin-top: 30px;\n    font-size: 80px;\n    font-weight: bold;\n}\n\n.subtotal {\n    display: inline-block;\n}\n\n.down-arrow {\n    margin: 0px 0px 10px 0px;\n    width: 0;\n    height: 0;\n    border-left: 30px solid transparent;\n    border-right: 30px solid transparent;\n    border-top: 30px solid red;\n}\n\n.up-arrow {\n    margin: 0px 0px 10px 0px;\n    width: 0;\n    height: 0;\n    border-left: 30px solid transparent;\n    border-right: 30px solid transparent;\n    border-bottom: 30px solid green;\n}\n\n.right-arrow {\n    margin: 0px 0px 0px 10px;\n    width: 0;\n    height: 0;\n    border-left: 30px solid gray;\n    border-top: 30px solid transparent;\n    border-bottom: 30px solid transparent;\n}\n\n.col-12 {\n    width: 100%;\n}\n\n.weather-col {\n    float: left;\n    position: relative;\n    min-height: 1px;\n    padding-right: 15px;\n    padding-left: 15px;\n}\n\n.logo {\n    height: 40px;\n}",
    "maxItemsPerPage": 1,
    "widgetOriginalWidth": "500",
    "widgetOriginalHeight": "380",
    "image": "modules/stocks/template-thumbs/stocks2.png"
}