Juan Carlos Picado Herrera avatar Juan Carlos Picado Herrera committed 2865d16

Fixed mobile sass output files refereces
Updated css customs definitions
Updated mobile css home tags properties

Comments (0)

Files changed (76)

enme-css/src/css/resource/sass/_layout.scss

     }
 
     .mobile-footer .mobile-footer-version {
-        font-size: 9px;
+        font-size: 11px;
         text-align: right;
         margin-top: 3px;
         padding: 10px;
     }
 
-    .mobile-footer .mobile-footer-version  a{
-        color : white;
+    .mobile-footer .mobile-footer-version  a {
+        color : white !important;
     }
 
-    .mobile-footer .mobile-footer-version  a > span{
+    .mobile-footer .mobile-footer-version  a > span {
         color : white;
     }
 

enme-css/src/css/resource/sass/mobile/_default.scss

+.mobile {
+
+}
+
+
+.mobile h1, .mobile h2, .mobile h3 {
+    margin: 0;
+}
+
+.mobile .enme-mobile-main-message {
+    padding: 30px;
+    font-size: 14px;
+    color: #888;
+}
+
+.mobile .enme-mobile-main-message a {
+    font-size: 12px;
+    text-decoration: underline;
+}
+
+.mobile .tags a.tag {
+    position: relative;
+    display: inline-block;
+    @extend .default-rd;
+    border: solid 1px transparent;
+    padding: 1px 4px 2px 4px;
+    -moz-transition: all .1s linear;
+    -webkit-transition: all .1s linear;
+    -o-transition: all .1s linear;
+    transition: all .1s linear;
+    color: #666;
+    background-color: #F0F0F0;
+    border-bottom: 1px solid #CCC;
+    color : #444444 !important;
+}
+
+.mobile a, .mobile a:link {
+    color : #444444;
+}
+
+div.mobile-enme-content{
+    width: 100%;
+}
+
+.mobile .emne-box {
+    margin: 0;
+}
+
+.mobile .emne-box header {
+    padding: 15px;
+    color: white;
+}
+
+/*** FRONTEND ****/
+
+
+/*** MENU ***/
+
+div.mobile-categoryMenu{
+    font-size: 130%;
+    min-height: 60px;
+    padding-bottom: 2px;
+    color: #FFF;
+}
+
+div.menu-options{
+    margin-top: 0.4em;
+    max-width: 100%;
+    background-color: #275296;
+    text-align: center;
+}
+
+div.mobile-MenuHotTags {
+    font-size: 75%;
+    text-align: center;
+    padding-top: 0.5em;
+    padding-top: 0.5em;
+    color: #000000;
+}
+
+div.mobile-MenuHotTags span.optionTags{
+    display: inline-block;
+    padding:2px 2px 2px 2px ;
+    text-align: center;
+    width: 60px;
+}
+
+div.mobile-footer div.mobile-HashTags span.mobile-optionTag {
+
+}
+
+div.mobile-footer div.mobile-HashTags span.mobile-optionTag a:link {
+    color: #022994;
+}
+
+
+div.mobile-tweetpolls{
+    background: none repeat scroll 0 0 #EEEEEE;
+    border: 1px solid #0F0E0E;
+    padding: 5px 5px 5px 5px;
+     margin: 4px;
+}
+
+/** menu **/
+
+div.mobile-menu-wrapper {
+    background-color: #858181;
+    font-size: 110%;
+    font-weight: bold;
+    max-width: 100%;
+    min-height: 40px;
+    padding: 3px;
+}
+
+div.mobile-menu-wrapper a {
+    color: #FFF;
+}
+
+div.mobile-menu-wrapper span{
+    float: left;
+    min-height: 20%;
+    padding: 5px;
+    max-width: 36px;
+}

enme-css/src/css/resource/sass/mobile/_main.scss

+/*
+ * HTML5 Boilerplate
+ *
+ * What follows is the result of much research on cross-browser styling.
+ * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
+ * Kroc Camen, and the H5BP dev community and team.
+ */
+
+/* ==========================================================================
+   Base styles: opinionated defaults
+   ========================================================================== */
+
+html,
+button,
+input,
+select,
+textarea {
+    color: #222;
+}
+
+body {
+    font-size: 1em;
+    line-height: 1.4;
+}
+
+a {
+    color: #00e;
+}
+
+a:visited {
+    color: #551a8b;
+}
+
+a:hover {
+    color: #06e;
+}
+
+/*
+ * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
+ */
+
+img {
+    vertical-align: middle;
+}
+
+/*
+ * Remove default fieldset styles.
+ */
+
+fieldset {
+    border: 0;
+    margin: 0;
+    padding: 0;
+}
+
+/*
+ * Allow only vertical resizing of textareas.
+ */
+
+textarea {
+    resize: vertical;
+}
+
+/* ==========================================================================
+   Author's custom styles
+   ========================================================================== */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* ==========================================================================
+   Helper classes
+   ========================================================================== */
+
+/* Prevent callout */
+
+.nocallout {
+    -webkit-touch-callout: none;
+}
+
+.pressed {
+    background-color: rgba(0, 0, 0, 0.7);
+}
+
+/* A hack for HTML5 contenteditable attribute on mobile */
+
+textarea[contenteditable] {
+    -webkit-appearance: none;
+}
+
+/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
+   they have been set as display: none */
+
+.gifhidden {
+    position: absolute;
+    left: -100%;
+}
+
+/*
+ * Image replacement
+ */
+
+.ir {
+    background-color: transparent;
+    background-repeat: no-repeat;
+    border: 0;
+    direction: ltr;
+    display: block;
+    overflow: hidden;
+    text-align: left;
+    text-indent: -999em;
+}
+
+.ir br {
+    display: none;
+}
+
+/*
+ * Hide from both screenreaders and browsers: h5bp.com/u
+ */
+
+.hidden {
+    display: none !important;
+    visibility: hidden;
+}
+
+/*
+ * Hide only visually, but have it available for screenreaders: h5bp.com/v
+ */
+
+.visuallyhidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+/*
+ * Extends the .visuallyhidden class to allow the element to be focusable
+ * when navigated to via the keyboard: h5bp.com/p
+ */
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+}
+
+/*
+ * Hide visually and from screenreaders, but maintain layout
+ */
+
+.invisible {
+    visibility: hidden;
+}
+
+/**
+ * Clearfix helper
+ * Used to contain floats: h5bp.com/q
+ */
+
+.clearfix:before,
+.clearfix:after {
+    content: "";
+    display: table;
+}
+
+.clearfix:after {
+    clear: both;
+}
+
+/*
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+
+.clearfix {
+    *zoom: 1;
+}
+
+/* ==========================================================================
+   EXAMPLE Media Queries for Responsive Design.
+   Theses examples override the primary ('mobile first') styles.
+   Modify as content requires.
+   ========================================================================== */
+
+@media only screen and (min-width: 800px) {
+    /* Style adjustments for viewports that meet the condition */
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (min-resolution: 144dpi) {
+    /* Style adjustments for viewports that meet the condition */
+}

enme-css/src/css/resource/sass/mobile/_normalize.scss

+/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/*
+ * 1. Sets default font family to sans-serif.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Removes default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/*
+ * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
+ * Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+}
+
+/*
+ * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+
+/*
+ * Corrects font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/*
+ * Sets consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/*
+ * Removes border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Corrects font family not being inherited in all browsers.
+ * 2. Corrects font size not being inherited in all browsers.
+ * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/*
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+input[disabled] {
+    cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to `content-box` in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}

enme-css/src/css/resource/sass/mobile/component/_hashtag-home.scss

+.mobile-hashtag-wrapper {}
+
+.mobile-hashtag-wrapper .web-rated-position {
+    padding: 5px;
+}
+
+.mobile-hashtag-wrapper .graph-missing {
+    padding: 20px;
+    color: #888;
+    font-size: 14px;
+    text-shadow: 0px 1px 0px #444;
+}
+
+.mobile-hashtag-wrapper .web-pup-wrapper .web-pup-item .web-pup-item-detail-wrapper {
+    overflow: hidden;
+}
+
+.mobile-hashtag-wrapper .web-pup-wrapper .web-pup-item {
+    font-size: 12px !important;
+    padding: 5px;
+}
+
+.mobile-hashtag-wrapper .web-pup-wrapper .web-pup-item .web-pup-item-detail-wrapper .web-pup-item-image {
+    float: left;
+    width: 20%;
+    padding-left: 5px;
+    text-align: center;
+}
+
+.mobile-hashtag-wrapper .web-pup-wrapper .web-pup-item .web-pup-item-detail-wrapper .web-pup-item-content {
+    float: left;
+    width: 70%;
+}
+
+
+.mobile-hashtag-wrapper .web-pup-wrapper .web-pub-hashtag {
+    margin: 0px 10px 0 0;
+}
+
+.mobile-hashtag-wrapper .web-pup-wrapper .web-pup-item .web-pup-item-detail-wrapper .web-pup-item-content .web-pup-item-title h2 {
+    margin: 0;
+    font-size: 12px;
+    margin-bottom: 10px;
+}
+
+.mobile-hashtag-wrapper .web-pup-wrapper .web-pup-item .web-pup-item-detail-wrapper .web-pup-item-bottom  a {
+    font-weight: bold;
+    color: #888;
+}

enme-css/src/css/resource/sass/mobile/component/_home-detail.scss

+/** ITEM DETAIL **/
+.mobile-detail {
+    background-color: #EEEEEE;
+    font-weight: bold;
+}
+
+.mobile-detail .emne-box .onLive {
+    display: none;
+}
+
+.mobile-question-detail {
+    color: #FFF;
+    padding: 15px;
+}
+
+div.mobile-answers-questions {
+    text-align: left;
+    color: #275296;
+}
+
+/** tweetpoll **/
+.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer .answer .answer-color
+    {
+    width: 40%;
+    padding: 10px 0;
+}
+
+.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer > header {
+    padding: 0;
+}
+
+.mobile-detail  .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer
+    {
+    width: 100% !important;
+}
+
+.mobile-detail .web-tweetpoll-answer-answer>header .answer-label {
+    padding: 10px 0 !important;
+    width: 40%;
+    text-align: center;
+}
+
+.mobile-detail .web-tweetpoll-answer-answer>header .answer-votes {
+    padding: 10px 0 !important;
+    width: 30%;
+    text-align: center;
+}
+
+.mobile-detail .web-tweetpoll-answer-answer>header .answer-percent {
+    text-align: center;
+    padding: 10px 0;
+    width: 30%;
+    margin: 0 !important;
+}
+
+.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer .answer .answer-color>span
+    {
+    margin-left: 0;
+    float: none;
+    position: absolute;
+    max-width: 120px;
+    word-break: break-all;
+}
+
+.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer .answer .answer-votes
+    {
+    max-width: 40px;
+    width: 40px;
+}
+
+.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer .answer .answer-votes
+    {
+    padding: 10px 0;
+    width: 30%;
+    max-width: 30%;
+    text-align: center;
+    word-break: break-all;
+}
+
+.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer .answer .answer-percent
+    {
+    padding: 10px 0;
+    float: left;
+    text-align: center;
+    max-width: 30%;
+    width: 30%;
+}
+
+.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer
+    {
+    min-height: 165px;
+    float: none;
+}
+
+.mobile .web-social-links {
+
+}
+
+.mobile .web-social-links .item {
+    position: relative;
+    overflow: hidden;
+}
+
+.mobile .web-social-links .item .social-date {
+    position: absolute;
+    right: 0;
+    width: 22%;
+    color: #888;
+    top: 17px;
+    font-size: 10px;
+}
+
+.mobile .web-social-links .item .link {
+    width: 70%;
+    font-size: 10px;
+    font-weight: normal;
+    font-size: 12px;
+    word-break: break-word;
+    margin-left: 10px;
+    line-height: 20px;
+}
+
+.mobile .web-social-links .item .img {
+    position: absolute;
+    left: 5px;
+    top: 17px;
+}
+
+/** hashtag tweetpoll **/
+
+.mobile .web-tweetpoll-hashtags .tag {
+    margin: 0 10px;
+}
+
+/** poll answers **/
+
+.mobile .web-generic-result {
+    position: relative;
+}
+
+.mobile .web-generic-result .color {
+    width: 10%;
+}
+
+.mobile .web-generic-result .label {
+    width: 40%;
+    padding: 0 8px;
+}
+
+.mobile .web-generic-result .votes {
+    width: 20%;
+    float: left;
+}
+
+.mobile .web-generic-result .percent {
+    float: left;
+    width: 20%;
+}
+
+
+.mobile .web-poll-options-button {
+  padding: 25px;
+  text-align: right;
+}

enme-css/src/css/resource/sass/mobile/component/_home.scss

+.home-mobile{
+
+}
+
+.mobile .web-stream-more, .home-mobile .web-rated-comments-more {
+    padding: 15px;
+    background-color:  #F5F5F5;
+    border-top: 1px solid  #DBD7D7;
+}
+
+.mobile .web-stream-more .titleNext,  .mobile .web-rated-comments-more .titleNext {
+    font-size: 17px;
+    text-align: center;
+}
+
+.home-mobile .mobile-home-subtitle {
+    padding: 10px;
+    background-color: #444;
+    color: white;
+    margin: 0;
+    font-size: 16px;
+}
+
+.home-mobile .mobile-search{
+
+}
+
+.home-mobile .mobile-search > input[type="text"] {
+
+}
+
+.home-mobile .mobile-item-wrapper {
+
+}
+
+.home-mobile .mobile-item-wrapper .category-menu {
+    padding: 5px;
+
+}
+
+.home-mobile .mobile-item-wrapper .category-menu .nav-home-menu {
+
+}
+
+.home-mobile .mobile-item-wrapper .category-menu .nav-home-menu a {
+    color: white;
+}
+
+.home-mobile .mobile-item-wrapper .category-menu .nav-home-menu a:link {
+    color: white;
+    margin: 0 6px;
+}
+
+.home-mobile .nav-home-menu .main-options {
+    font-size: 15px;
+    font-weight: bold;
+    text-align: center;
+}
+
+.home-mobile  .nav-home-menu .hot-tags .option {
+
+}
+
+.home-mobile  .nav-home-menu .hot-tags{
+    text-align: center;
+    margin-top: 5px;
+}
+
+.home-mobile  .nav-home-menu .hot-tags .optionTags {
+
+}
+
+.home-mobile .mobile-item-wrapper  .items{
+
+}
+
+.home-mobile .mobile-item-wrapper  .items  .item{
+    clear: both;
+    padding: 5px;
+}
+
+.home-mobile .mobile-item-wrapper  .items  .item .img {
+    float: left;
+    padding: 5px;
+    width: 40px;
+    margin: 5px;
+   background: rgb(76,76,76); /* Old browsers */
+background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
+background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
+   color: white;
+   box-shadow: 1px 1px 1px 1px #888;
+    border-radius: 5px;
+}
+
+.home-mobile .mobile-item-wrapper  .items  .item .img .vote {
+    text-align: center;
+}
+
+.home-mobile .mobile-item-wrapper  .items  .item .img .vote .count {
+    font-size: 18px;
+    font-weight: bold;
+}
+
+.home-mobile .mobile-item-wrapper .items  .item .img .vote .viewcount {
+    font-size: 10px;
+}
+
+.home-mobile .mobile-item-wrapper .items .item .img .vote .views {
+
+}
+
+.home-mobile .mobile-item-wrapper .items .item .img  .title {
+
+}
+
+.home-mobile .mobile-item-wrapper .items .item .img  .title > div{
+    font-size: 7px;
+    text-align: center;
+}
+
+.home-mobile .mobile-item-wrapper .items .item .img .button-home-item {
+
+}
+
+.home-mobile .mobile-item-wrapper .items .item .content {
+    margin-left: 60px;
+    overflow: auto;
+}
+.home-mobile .mobile-item-wrapper > .items > .item .content .title {
+
+}
+
+.home-mobile .mobile-item-wrapper .items .item .content .title h1{
+    font-size: 17px;
+    color: #444444;
+    font-weight: normal;
+}
+
+.home-mobile .mobile-item-wrapper > .items > .item .content .image {
+
+}
+
+.home-mobile .mobile-item-wrapper .items .item .content .title {
+    padding: 7px;
+}
+
+.home-mobile .mobile-item-wrapper .items .item .content .tags {
+    padding: 5px 0;
+}
+
+.home-mobile .mobile-item-wrapper > .items > .item .bottom {
+
+}
+
+.home-mobile .mobile-item-wrapper > .items > .item .bottom .options {
+
+}
+
+.home-mobile .mobile-item-wrapper .items .item .bottom .submited {
+    font-size: 10px;
+    margin-left: 60px;
+}
+
+
+/*** hashtag cloud ***/
+
+.home-mobile div.mobile-HashTags{
+    text-align: left;
+    padding-left: 6px;
+}
+
+.home-mobile div.mobile-HashTags .mobile-optionTag .tag{
+    margin: 4px;
+}
+
+
+/** rated profile **/
+
+
+.home-mobile .web-rated-comments-items {
+
+}
+
+.home-mobile .web-rated-profile-picture {
+
+}
+
+.home-mobile .web-rated-profile-item {
+    padding: 5px;
+    font-size: 14px;
+}
+
+.home-mobile .web-rated-profile-item-detail {
+
+}
+
+.mobile .web-rated-profile-item .web-rated-profile-item-detail a {
+    color : #222;
+}

enme-css/src/css/resource/sass/mobile/component/_profile-public.scss

+/** mobile profile **/
+
+.mobile .web-profile-wrapper {
+
+}
+
+
+.mobile .web-profile-wrapper .picture {
+    text-align: center;
+}
+
+.mobile .web-profile-wrapper ul.rss {
+    margin: 0;
+}
+
+.mobile .web-profile-wrapper ul.rss li {
+    list-style: none;
+    padding: 10px;
+    font-size: 14px;
+    background-color: #edeaeb;
+    border-bottom: 1px solid #888;
+}
+
+.mobile .web-profile-wrapper ul.rss li img{
+
+}
+
+.mobile .web-profile-wrapper ul.rss li a{
+
+}
+
+.mobile .web-profile-wrapper .mobile-hashtag-wrapper .category_color {
+    overflow: auto;
+}
+
+.mobile .web-profile-wrapper .mobile-hashtag-wrapper .category_color > span {
+    float: left;
+}
+
+.mobile .web-profile-wrapper .mobile-hashtag-wrapper .category_color > div.rss {
+    float: left;
+    margin-left: 10px;
+}
+.mobile .web-profile-wrapper .mobile-hashtag-wrapper .no-results {
+    padding: 40px;
+    color: #888;
+    background-color: #edeaeb;
+    text-shadow: 1px 1px 1px white;
+}

enme-css/src/css/resource/sass/mobile/component/_search.scss

+/*** SEARCH ***/
+
+div.mobile-search{
+    padding: 0px;
+ }
+
+div.mobile-search input{
+   /* margin: 2em , 0.5em ,1em ,1em;*/
+    margin-left: 2px;
+    margin-right:1px;
+    border: 1.5px solid #DFDFDF;
+    width:98%;
+    height:30px;
+    font-size:15px;
+}

enme-css/src/css/resource/sass/mobile/component/_setup.scss

+
+/** setup **/
+
+div.mobile-setup-content{
+    padding: 10px;
+}
+
+div.mobile-setup-header{
+  background-color: #F1721F;
+  border-bottom: 3px solid #888888;
+  color: #FFFFFF;
+  font-weight: bold;
+  padding: 5px;
+  width: auto;
+}
+
+div.mobile-setup-header div.mobile-title{
+    font-size: 18px;
+    padding: 10px;
+}
+
+div.mobile-header-description{
+    background-color: black;
+    color: white;
+    text-align: center;
+    font-size: 14px;
+    padding: 5px;
+}

enme-css/src/css/resource/sass/mobile/component/_tp-vote.scss

+/** tweetpoll vote options **/
+.mobile .web-tweetpoll-vote-options {
+    margin: 0 auto;
+    padding-top: 60px;
+    width: 90%;
+}
+
+.mobile .web-tweetpoll-vote-options h1 {
+    font-size: 15px;
+    margin: 10px;
+}
+
+.mobile .web-tweetpoll-vote-options h2 {
+    margin: 10px;
+    padding-top: 20px;
+}
+
+.mobile .web-tweetpoll-vote-options h3 {
+    font-size: 12px;
+}
+
+
+.mobile .web-tweetpoll-vote-options .web-permatlink {
+    margin: 0 auto;
+    width: initial;
+    padding: 20px;
+}
+
+.mobile .web-tweetpoll-vote-options .web-tweetpoll-info {
+    font-size: 12px;
+}

enme-css/src/css/resource/sass/mobile/component/_vote-poll.scss

+/** poll vote page **/
+
+.mobile-main-vote .web-poll-wrapper-vote {
+   width: 90%;
+}
+
+.mobile-main-vote  .web-poll-wrapper-vote .votex-box {
+    font-size: 14px;
+}
+
+.mobile-main-vote  .web-poll-wrapper-vote .final .link {
+    font-size: 12px;
+}
+
+.mobile-main-vote .web-poll-wrapper-vote .web-response-label-span {
+    font-size: 12px;
+}
+
+.vote-page header.vote-logo .logo {
+    margin: 0 auto;
+    width: 300px;
+    text-align: center;
+    margin-top: 20px;
+}

enme-css/src/css/resource/sass/mobile/component/hashtag-home.scss

-.mobile-hashtag-wrapper {}
-
-.mobile-hashtag-wrapper .web-rated-position {
-    padding: 5px;
-}
-
-.mobile-hashtag-wrapper .graph-missing {
-    padding: 20px;
-    color: #888;
-    font-size: 14px;
-    text-shadow: 0px 1px 0px #444;
-}
-
-.mobile-hashtag-wrapper .web-pup-wrapper .web-pup-item .web-pup-item-detail-wrapper {
-    overflow: hidden;
-}
-
-.mobile-hashtag-wrapper .web-pup-wrapper .web-pup-item {
-    font-size: 12px !important;
-    padding: 5px;
-}
-
-.mobile-hashtag-wrapper .web-pup-wrapper .web-pup-item .web-pup-item-detail-wrapper .web-pup-item-image {
-    float: left;
-    width: 20%;
-    padding-left: 5px;
-    text-align: center;
-}
-
-.mobile-hashtag-wrapper .web-pup-wrapper .web-pup-item .web-pup-item-detail-wrapper .web-pup-item-content {
-    float: left;
-    width: 70%;
-}
-
-
-.mobile-hashtag-wrapper .web-pup-wrapper .web-pub-hashtag {
-    margin: 0px 10px 0 0;
-}
-
-.mobile-hashtag-wrapper .web-pup-wrapper .web-pup-item .web-pup-item-detail-wrapper .web-pup-item-content .web-pup-item-title h2 {
-    margin: 0;
-    font-size: 12px;
-    margin-bottom: 10px;
-}
-
-.mobile-hashtag-wrapper .web-pup-wrapper .web-pup-item .web-pup-item-detail-wrapper .web-pup-item-bottom  a {
-    font-weight: bold;
-    color: #888;
-}

enme-css/src/css/resource/sass/mobile/component/home-detail.scss

-/** ITEM DETAIL **/
-.mobile-detail {
-    background-color: #EEEEEE;
-    font-weight: bold;
-}
-
-.mobile-detail .emne-box .onLive {
-    display: none;
-}
-
-.mobile-question-detail {
-    color: #FFF;
-    padding: 15px;
-}
-
-div.mobile-answers-questions {
-    text-align: left;
-    color: #275296;
-}
-
-/** tweetpoll **/
-.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer .answer .answer-color
-    {
-    width: 40%;
-    padding: 10px 0;
-}
-
-.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer > header {
-    padding: 0;
-}
-
-.mobile-detail  .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer
-    {
-    width: 100% !important;
-}
-
-.mobile-detail .web-tweetpoll-answer-answer>header .answer-label {
-    padding: 10px 0 !important;
-    width: 40%;
-    text-align: center;
-}
-
-.mobile-detail .web-tweetpoll-answer-answer>header .answer-votes {
-    padding: 10px 0 !important;
-    width: 30%;
-    text-align: center;
-}
-
-.mobile-detail .web-tweetpoll-answer-answer>header .answer-percent {
-    text-align: center;
-    padding: 10px 0;
-    width: 30%;
-    margin: 0 !important;
-}
-
-.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer .answer .answer-color>span
-    {
-    margin-left: 0;
-    float: none;
-    position: absolute;
-    max-width: 120px;
-    word-break: break-all;
-}
-
-.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer .answer .answer-votes
-    {
-    max-width: 40px;
-    width: 40px;
-}
-
-.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer .answer .answer-votes
-    {
-    padding: 10px 0;
-    width: 30%;
-    max-width: 30%;
-    text-align: center;
-    word-break: break-all;
-}
-
-.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer .answer .answer-percent
-    {
-    padding: 10px 0;
-    float: left;
-    text-align: center;
-    max-width: 30%;
-    width: 30%;
-}
-
-.mobile-detail .web-tweetpoll-answer-wrapper .web-tweetpoll-answer-answer
-    {
-    min-height: 165px;
-    float: none;
-}
-
-.mobile .web-social-links {
-
-}
-
-.mobile .web-social-links .item {
-    position: relative;
-    overflow: hidden;
-}
-
-.mobile .web-social-links .item .social-date {
-    position: absolute;
-    right: 0;
-    width: 22%;
-    color: #888;
-    top: 17px;
-    font-size: 10px;
-}
-
-.mobile .web-social-links .item .link {
-    width: 70%;
-    font-size: 10px;
-    font-weight: normal;
-    font-size: 12px;
-    word-break: break-word;
-    margin-left: 10px;
-    line-height: 20px;
-}
-
-.mobile .web-social-links .item .img {
-    position: absolute;
-    left: 5px;
-    top: 17px;
-}
-
-/** hashtag tweetpoll **/
-
-.mobile .web-tweetpoll-hashtags .tag {
-    margin: 0 10px;
-}
-
-/** poll answers **/
-
-.mobile .web-generic-result {
-    position: relative;
-}
-
-.mobile .web-generic-result .color {
-    width: 10%;
-}
-
-.mobile .web-generic-result .label {
-    width: 40%;
-    padding: 0 8px;
-}
-
-.mobile .web-generic-result .votes {
-    width: 20%;
-    float: left;
-}
-
-.mobile .web-generic-result .percent {
-    float: left;
-    width: 20%;
-}
-
-
-.mobile .web-poll-options-button {
-  padding: 25px;
-  text-align: right;
-}

enme-css/src/css/resource/sass/mobile/component/home.scss

-.home-mobile{
-
-}
-
-.mobile .web-stream-more, .home-mobile .web-rated-comments-more {
-    padding: 15px;
-    background-color:  #F5F5F5;
-    border-top: 1px solid  #DBD7D7;
-}
-
-.mobile .web-stream-more .titleNext,  .mobile .web-rated-comments-more .titleNext {
-    font-size: 17px;
-    text-align: center;
-}
-
-.home-mobile .mobile-home-subtitle {
-    padding: 10px;
-    background-color: #444;
-    color: white;
-    margin: 0;
-    font-size: 16px;
-}
-
-.home-mobile .mobile-search{
-
-}
-
-.home-mobile .mobile-search > input[type="text"] {
-
-}
-
-.home-mobile .mobile-item-wrapper {
-
-}
-
-.home-mobile .mobile-item-wrapper .category-menu {
-    padding: 5px;
-
-}
-
-.home-mobile .mobile-item-wrapper .category-menu .nav-home-menu {
-
-}
-
-.home-mobile .mobile-item-wrapper .category-menu .nav-home-menu a {
-    color: white;
-}
-
-.home-mobile .mobile-item-wrapper .category-menu .nav-home-menu a:link {
-    color: white;
-    margin: 0 6px;
-}
-
-.home-mobile .nav-home-menu .main-options {
-    font-size: 15px;
-    font-weight: bold;
-    text-align: center;
-}
-
-.home-mobile  .nav-home-menu .hot-tags .option {
-
-}
-
-.home-mobile  .nav-home-menu .hot-tags{
-    text-align: center;
-    margin-top: 5px;
-}
-
-.home-mobile  .nav-home-menu .hot-tags .optionTags {
-
-}
-
-.home-mobile .mobile-item-wrapper  .items{
-
-}
-
-.home-mobile .mobile-item-wrapper  .items  .item{
-    clear: both;
-    padding: 5px;
-}
-
-.home-mobile .mobile-item-wrapper  .items  .item .img {
-    float: left;
-    padding: 5px;
-    width: 40px;
-    margin: 5px;
-   background: rgb(76,76,76); /* Old browsers */
-background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
-background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
-   color: white;
-   box-shadow: 1px 1px 1px 1px #888;
-    border-radius: 5px;
-}
-
-.home-mobile .mobile-item-wrapper  .items  .item .img .vote {
-    text-align: center;
-}
-
-.home-mobile .mobile-item-wrapper  .items  .item .img .vote .count {
-    font-size: 18px;
-    font-weight: bold;
-}
-
-.home-mobile .mobile-item-wrapper .items  .item .img .vote .viewcount {
-    font-size: 10px;
-}
-
-.home-mobile .mobile-item-wrapper .items .item .img .vote .views {
-
-}
-
-.home-mobile .mobile-item-wrapper .items .item .img  .title {
-
-}
-
-.home-mobile .mobile-item-wrapper .items .item .img  .title > div{
-    font-size: 7px;
-    text-align: center;
-}
-
-.home-mobile .mobile-item-wrapper .items .item .img .button-home-item {
-
-}
-
-.home-mobile .mobile-item-wrapper .items .item .content {
-    margin-left: 60px;
-    overflow: auto;
-}
-.home-mobile .mobile-item-wrapper > .items > .item .content .title {
-
-}
-
-.home-mobile .mobile-item-wrapper .items .item .content .title h1{
-    font-size: 17px;
-    color: #444444;
-    font-weight: normal;
-}
-
-.home-mobile .mobile-item-wrapper > .items > .item .content .image {
-
-}
-
-.home-mobile .mobile-item-wrapper .items .item .content .title {
-    padding: 7px;
-}
-
-.home-mobile .mobile-item-wrapper .items .item .content .tags {
-    padding: 5px 0;
-}
-
-.home-mobile .mobile-item-wrapper > .items > .item .bottom {
-
-}
-
-.home-mobile .mobile-item-wrapper > .items > .item .bottom .options {
-
-}
-
-.home-mobile .mobile-item-wrapper .items .item .bottom .submited {
-    font-size: 10px;
-    margin-left: 60px;
-}
-
-
-/*** hashtag cloud ***/
-
-.home-mobile div.mobile-HashTags{
-    text-align: left;
-    padding-left: 6px;
-}
-
-.home-mobile div.mobile-HashTags .mobile-optionTag .tag{
-    margin: 4px;
-}
-
-
-/** rated profile **/
-
-
-.home-mobile .web-rated-comments-items {
-
-}
-
-.home-mobile .web-rated-profile-picture {
-
-}
-
-.home-mobile .web-rated-profile-item {
-    padding: 5px;
-    font-size: 14px;
-}
-
-.home-mobile .web-rated-profile-item-detail {
-
-}
-
-.mobile .web-rated-profile-item .web-rated-profile-item-detail a {
-    color : #222;
-}

enme-css/src/css/resource/sass/mobile/component/profile-public.scss

-/** mobile profile **/
-
-.mobile .web-profile-wrapper {
-
-}
-
-
-.mobile .web-profile-wrapper .picture {
-    text-align: center;
-}
-
-.mobile .web-profile-wrapper ul.rss {
-    margin: 0;
-}
-
-.mobile .web-profile-wrapper ul.rss li {
-    list-style: none;
-    padding: 10px;
-    font-size: 14px;
-    background-color: #edeaeb;
-    border-bottom: 1px solid #888;
-}
-
-.mobile .web-profile-wrapper ul.rss li img{
-
-}
-
-.mobile .web-profile-wrapper ul.rss li a{
-
-}
-
-.mobile .web-profile-wrapper .mobile-hashtag-wrapper .category_color {
-    overflow: auto;
-}
-
-.mobile .web-profile-wrapper .mobile-hashtag-wrapper .category_color > span {
-    float: left;
-}
-
-.mobile .web-profile-wrapper .mobile-hashtag-wrapper .category_color > div.rss {
-    float: left;
-    margin-left: 10px;
-}
-.mobile .web-profile-wrapper .mobile-hashtag-wrapper .no-results {
-    padding: 40px;
-    color: #888;
-    background-color: #edeaeb;
-    text-shadow: 1px 1px 1px white;
-}

enme-css/src/css/resource/sass/mobile/component/search.scss

-/*** SEARCH ***/
-
-div.mobile-search{
-    padding: 0px;
- }
-
-div.mobile-search input{
-   /* margin: 2em , 0.5em ,1em ,1em;*/
-    margin-left: 2px;
-    margin-right:1px;
-    border: 1.5px solid #DFDFDF;
-    width:98%;
-    height:30px;
-    font-size:15px;
-}

enme-css/src/css/resource/sass/mobile/component/setup.scss

-
-/** setup **/
-
-div.mobile-setup-content{
-    padding: 10px;
-}
-
-div.mobile-setup-header{
-  background-color: #F1721F;
-  border-bottom: 3px solid #888888;
-  color: #FFFFFF;
-  font-weight: bold;
-  padding: 5px;
-  width: auto;
-}
-
-div.mobile-setup-header div.mobile-title{
-    font-size: 18px;
-    padding: 10px;
-}
-
-div.mobile-header-description{
-    background-color: black;
-    color: white;
-    text-align: center;
-    font-size: 14px;
-    padding: 5px;
-}

enme-css/src/css/resource/sass/mobile/component/tp-vote.scss

-/** tweetpoll vote options **/
-.mobile .web-tweetpoll-vote-options {
-    margin: 0 auto;
-    padding-top: 60px;
-    width: 90%;
-}
-
-.mobile .web-tweetpoll-vote-options h1 {
-    font-size: 15px;
-    margin: 10px;
-}
-
-.mobile .web-tweetpoll-vote-options h2 {
-    margin: 10px;
-    padding-top: 20px;
-}
-
-.mobile .web-tweetpoll-vote-options h3 {
-    font-size: 12px;
-}
-
-
-.mobile .web-tweetpoll-vote-options .web-permatlink {
-    margin: 0 auto;
-    width: initial;
-    padding: 20px;
-}
-
-.mobile .web-tweetpoll-vote-options .web-tweetpoll-info {
-    font-size: 12px;
-}

enme-css/src/css/resource/sass/mobile/component/vote-poll.scss

-/** poll vote page **/
-
-.mobile-main-vote .web-poll-wrapper-vote {
-   width: 90%;
-}
-
-.mobile-main-vote  .web-poll-wrapper-vote .votex-box {
-    font-size: 14px;