diff --git a/app/assets/stylesheets/desktop/activation.scss b/app/assets/stylesheets/common/base/activation.scss similarity index 100% rename from app/assets/stylesheets/desktop/activation.scss rename to app/assets/stylesheets/common/base/activation.scss diff --git a/app/assets/stylesheets/desktop/bbcode.scss b/app/assets/stylesheets/common/base/bbcode.scss similarity index 100% rename from app/assets/stylesheets/desktop/bbcode.scss rename to app/assets/stylesheets/common/base/bbcode.scss diff --git a/app/assets/stylesheets/desktop/code_highlighting.scss b/app/assets/stylesheets/common/base/code_highlighting.scss similarity index 100% rename from app/assets/stylesheets/desktop/code_highlighting.scss rename to app/assets/stylesheets/common/base/code_highlighting.scss diff --git a/app/assets/stylesheets/desktop/colorpicker.scss b/app/assets/stylesheets/common/base/colorpicker.scss similarity index 100% rename from app/assets/stylesheets/desktop/colorpicker.scss rename to app/assets/stylesheets/common/base/colorpicker.scss diff --git a/app/assets/stylesheets/desktop/combobox.scss b/app/assets/stylesheets/common/base/combobox.scss similarity index 100% rename from app/assets/stylesheets/desktop/combobox.scss rename to app/assets/stylesheets/common/base/combobox.scss diff --git a/app/assets/stylesheets/common/base/faqs.scss b/app/assets/stylesheets/common/base/faqs.scss new file mode 100644 index 00000000000..ee4f58c06e1 --- /dev/null +++ b/app/assets/stylesheets/common/base/faqs.scss @@ -0,0 +1,39 @@ +.body-page { + + // Consistent vertical spacing + blockquote, + h1, + h2, + h3, + hr, + p, + pre, + ul, + ol, + li, + table { + margin: 0 0 20px; + font-size: 16px; + line-height: 22px; + } + + li { + margin-bottom: 8px; + } + + ul, + ol { + margin-left: 40px; + } + + + .container { + @extend .clearfix; + width: 960px; + margin: 0 auto; + padding: 20px 10px; + margin-top: -60px; + } + + +} diff --git a/app/assets/stylesheets/desktop/history.scss b/app/assets/stylesheets/common/base/history.scss similarity index 100% rename from app/assets/stylesheets/desktop/history.scss rename to app/assets/stylesheets/common/base/history.scss diff --git a/app/assets/stylesheets/desktop/lightbox.scss b/app/assets/stylesheets/common/base/lightbox.scss similarity index 100% rename from app/assets/stylesheets/desktop/lightbox.scss rename to app/assets/stylesheets/common/base/lightbox.scss diff --git a/app/assets/stylesheets/desktop/mobile.scss b/app/assets/stylesheets/common/base/mobile.scss similarity index 100% rename from app/assets/stylesheets/desktop/mobile.scss rename to app/assets/stylesheets/common/base/mobile.scss diff --git a/app/assets/stylesheets/desktop/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss similarity index 99% rename from app/assets/stylesheets/desktop/onebox.scss rename to app/assets/stylesheets/common/base/onebox.scss index 8acee0e186e..1e7f8f18d56 100644 --- a/app/assets/stylesheets/desktop/onebox.scss +++ b/app/assets/stylesheets/common/base/onebox.scss @@ -140,4 +140,3 @@ aside.onebox { height: 90px; width: 90px; } - diff --git a/app/assets/stylesheets/desktop/pagedown.scss b/app/assets/stylesheets/common/base/pagedown.scss similarity index 100% rename from app/assets/stylesheets/desktop/pagedown.scss rename to app/assets/stylesheets/common/base/pagedown.scss diff --git a/app/assets/stylesheets/desktop/request_access.scss b/app/assets/stylesheets/common/base/request_access.scss similarity index 100% rename from app/assets/stylesheets/desktop/request_access.scss rename to app/assets/stylesheets/common/base/request_access.scss diff --git a/app/assets/stylesheets/desktop/share_link.scss b/app/assets/stylesheets/common/base/share_link.scss similarity index 100% rename from app/assets/stylesheets/desktop/share_link.scss rename to app/assets/stylesheets/common/base/share_link.scss diff --git a/app/assets/stylesheets/desktop/topic-admin-menu.scss b/app/assets/stylesheets/common/base/topic-admin-menu.scss similarity index 100% rename from app/assets/stylesheets/desktop/topic-admin-menu.scss rename to app/assets/stylesheets/common/base/topic-admin-menu.scss diff --git a/app/assets/stylesheets/desktop/username_tagsinput.scss b/app/assets/stylesheets/common/base/username_tagsinput.scss similarity index 100% rename from app/assets/stylesheets/desktop/username_tagsinput.scss rename to app/assets/stylesheets/common/base/username_tagsinput.scss diff --git a/app/assets/stylesheets/desktop/faqs.scss b/app/assets/stylesheets/desktop/faqs.scss deleted file mode 100644 index 52d4bc95c13..00000000000 --- a/app/assets/stylesheets/desktop/faqs.scss +++ /dev/null @@ -1,57 +0,0 @@ -// -------------------------------------------------- -// FAQs -// -------------------------------------------------- - -// Base -// -------------------------------------------------- - -.body-page { - - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 16px; - line-height: 22px; - - // Consistent vertical spacing - blockquote, - h1, - h2, - h3, - hr, - p, - pre, - ul, - ol, - li, - table { - margin: 0 0 20px; - font-size: 16px; - line-height: 22px; - } - - li { - margin-bottom: 8px; - } - - ul, - ol { - margin-left: 40px; - } - -} - -.body-page { - - .container { - @extend .clearfix; - width: 960px; - margin: 0 auto; - padding: 20px 10px; - margin-top: -60px; - } - -} - -.nav-pills { - margin-left:0px !important; - font: 13px/18px "Helvetica Neue",Helvetica,Arial,sans-serif; -} diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss index da13c62c658..0b7e02ff7db 100644 --- a/app/assets/stylesheets/desktop/topic-post.scss +++ b/app/assets/stylesheets/desktop/topic-post.scss @@ -536,6 +536,10 @@ iframe { line-height: 1.3; } + .new-user a { + color: $secondary_text_color; + } + a.user-group { color: lighten($primary_text_color, 50%); width: 100%; @@ -654,10 +658,6 @@ iframe { font-size: 36px; } -.new-user a { - color: $secondary_text_color; -} - .staff a { margin: -2px 0 0 0; background-color: $highlight_background_color; diff --git a/app/assets/stylesheets/mobile/activation.scss b/app/assets/stylesheets/mobile/activation.scss deleted file mode 100644 index fe2291b7a87..00000000000 --- a/app/assets/stylesheets/mobile/activation.scss +++ /dev/null @@ -1,10 +0,0 @@ -// Styles used before the user is logged into discourse. For example, activating their -// account or changing their email. - -#simple-container { - @include border-radius-all(10px); - background-color: $primary_background_color; - padding: 20px; - width: 550px; - margin: 0 auto; -} diff --git a/app/assets/stylesheets/mobile/bbcode.scss b/app/assets/stylesheets/mobile/bbcode.scss deleted file mode 100644 index b2ff87815b1..00000000000 --- a/app/assets/stylesheets/mobile/bbcode.scss +++ /dev/null @@ -1,22 +0,0 @@ -// Support for BBCode styles like colors and font sizes - -span { - &.bbcode-b { - font-weight: bold; - } - &.bbcode-i { - font-style: italic; - } - &.bbcode-u { - text-decoration: underline; - } - &.bbcode-s { - text-decoration: line-through; - } - // Font sizes - @for $i from 4 through 40 { - &.bbcode-size-#{$i} { - font-size: #{$i}px; - } - } -} diff --git a/app/assets/stylesheets/mobile/code_highlighting.scss b/app/assets/stylesheets/mobile/code_highlighting.scss deleted file mode 100644 index de15caf2105..00000000000 --- a/app/assets/stylesheets/mobile/code_highlighting.scss +++ /dev/null @@ -1,92 +0,0 @@ -// github.com style (c) Vasily Polovnyov - -pre { - code { - display: block; - padding: 5px 10px; - color: #333333; - background: #f1f1ff; - font-size: 14px; - font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; - max-height: 500px; - } - .comment, .template_comment, .diff .header, .javadoc { - color: #999988; - font-style: italic; - } - .keyword, .css .keyword, .winutils, .javascript .title, .nginx .title, .subst, .request, .status { - color: #333333; - font-weight: bold; - } - .number, .hexcolor, .ruby .constant { - color: #009999; - } - .string, .tag .value, .phpdoc, .tex .formula { - color: #dd1144; - } - .title, .id { - color: #990000; - font-weight: bold; - } - .javascript .title, .lisp .title, .clojure .title, .subst { - font-weight: normal; - } - .class .title, .haskell .type, .vhdl .literal, .tex .command { - color: #445588; - font-weight: bold; - } - .tag { - color: navy; - font-weight: normal; - .title { - color: navy; - font-weight: normal; - } - } - .rules .property, .django .keyword { - color: navy; - font-weight: normal; - } - .attribute, .variable, .lisp .body { - color: teal; - } - .regexp { - color: #009926; - } - .class { - color: #445588; - font-weight: bold; - } - .symbol, .ruby .string, .lisp .keyword, .tex .special, .input_number { - color: #990073; - } - .built_in, .lisp .title, .clojure .built_in { - color: #0086b3; - } - .preprocessor, .pi, .doctype, .shebang, .cdata { - color: #999999; - font-weight: bold; - } - .deletion { - background: #ffdddd; - } - .addition { - background: #ddffdd; - } - .diff .change { - background: #0086b3; - } - .chunk { - color: #aaaaaa; - } - .tex .formula { - opacity: 0.5; - } -} - -p > code, li > code { - margin: 0 2px; - padding: 2px 5px; - background-color: #f1f1ff; - border-radius: 3px; -} diff --git a/app/assets/stylesheets/mobile/colorpicker.scss b/app/assets/stylesheets/mobile/colorpicker.scss deleted file mode 100644 index 17b10a0fdce..00000000000 --- a/app/assets/stylesheets/mobile/colorpicker.scss +++ /dev/null @@ -1,31 +0,0 @@ -// styles for the category badge color picker - -.category-color-editor { - input { - width: 70px; - } - - .color-title { - display: inline-block; - width: 130px; - } - - .colors-container { - display: inline-block; - vertical-align: middle; - padding-top: 4px; - padding-left: 15px; - max-width: 300px; - - .colorpicker { - border: 1px solid $primary_border_color; - margin-right: 2px; - width: 16px; - height: 16px; - font-size: 4px; - &.used-color { - background: image-url("chosen-sprite.png") -19px 13px; - } - } - } -} diff --git a/app/assets/stylesheets/mobile/combobox.scss b/app/assets/stylesheets/mobile/combobox.scss deleted file mode 100644 index 34a84e29eb1..00000000000 --- a/app/assets/stylesheets/mobile/combobox.scss +++ /dev/null @@ -1,17 +0,0 @@ -.category-combobox { - .badge-category { - display: inline-block; - } - .topic-count { - font-size: 11px; - color: #666; - display: inline-block; - } - .highlighted .topic-count { - color: white; - } - .category-desc { - margin: 6px 0 0 3px; - font-size: 12px; - } -} \ No newline at end of file diff --git a/app/assets/stylesheets/mobile/faqs.scss b/app/assets/stylesheets/mobile/faqs.scss index f5e3207250c..9a9145fab95 100644 --- a/app/assets/stylesheets/mobile/faqs.scss +++ b/app/assets/stylesheets/mobile/faqs.scss @@ -6,50 +6,10 @@ // -------------------------------------------------- .body-page { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; margin: 20px 15px; - - // Consistent vertical spacing - blockquote, - h1, - h2, - h3, - hr, - p, - pre, - ul, - ol, - li, - table { - margin: 0 0 20px; - font-size: 16px; - line-height: 22px; - } - - li { - margin-bottom: 8px; - } - - ul, - ol { - margin-left: 40px; - } - -} - -.body-page { - - .container { - @extend .clearfix; - width: 960px; - margin: 0 auto; - padding: 20px 10px; - margin-top: -60px; - } - } .nav-pills { diff --git a/app/assets/stylesheets/mobile/history.scss b/app/assets/stylesheets/mobile/history.scss deleted file mode 100644 index 15c04bbc88a..00000000000 --- a/app/assets/stylesheets/mobile/history.scss +++ /dev/null @@ -1,118 +0,0 @@ -// styles that apply to the popup that appears when you show the edit history of a post - -.modal.history-modal { - .modal-inner-container { - min-width: 960px; - min-height: 500px; - } - #revision-controls { - float: left; - .btn[disabled]:hover { - color: $primary_text_color; - } - } - #display-modes { - text-align: right; - .btn-primary { - float: none; - } - } - #revision-details { - background-color: lighten($secondary_background_color, 76%); - padding: 5px; - margin-top: 10px; - } - #revisions { - word-wrap: break-word; - } - img { - max-width: 670px; - height: auto; - } - .inline-diff { - width: 670px; - } - .markdown { - font-family: monospace; - font-size: 12px; - width: 100%; - border-collapse: collapse; - border-spacing: 0; - td { - width: 50%; - vertical-align: top; - max-width: 440px; - word-wrap: break-word; - white-space: pre-wrap; - } - } - .span8, .markdown { - img { - max-width: 400px; - } - } - ins, .diff-ins { - code, img { - border: 2px solid $success_border_color; - } - img { - opacity: .75; - filter: alpha(opacity=75); - } - a { - color: $success_text_color; - text-decoration: none; - } - } - img.diff-ins, code.diff-ins { - border: 2px solid $success_text_color; - } - img.diff-ins { - opacity: .75; - filter: alpha(opacity=75); - } - .diff-ins { - background: $success_background_color; - } - ins { - color: $success_text_color; - background: $success_background_color; - } - del, .diff-del { - code, img { - border: 2px solid $warning_border_color; - } - img { - opacity: .5; - filter: alpha(opacity=50); - } - a { - color: $warning_text_color; - text-decoration: none; - } - } - img.diff-del, code.diff-del { - border: 2px solid $warning_border_color; - } - img.diff-del { - opacity: .5; - filter: alpha(opacity=50); - } - .diff-del { - background: $warning_background_color; - } - del { - color: $warning_text_color; - background: $warning_background_color; - } - span.date { - font-weight: bold; - } - span.edit-reason { - background-color: $highlight_background_color; - padding: 3px 5px 5px 5px; - } - .modal-header { - height: 42px; - } -} diff --git a/app/assets/stylesheets/mobile/lightbox.scss b/app/assets/stylesheets/mobile/lightbox.scss deleted file mode 100644 index e5ba8140f51..00000000000 --- a/app/assets/stylesheets/mobile/lightbox.scss +++ /dev/null @@ -1,59 +0,0 @@ -.lightbox { - position: relative; - display: inline-block; - - &:hover .meta { - background: rgba(0, 0, 0, .5); - opacity: 1; - @include transition(opacity .5s); - } -} - -.lightbox-wrapper { - display: inline-block; -} - -.meta { - position: absolute; - bottom: 0; - width: 100%; - color: $tertiary_text_color; - background: $secondary_background_color; - opacity: 0; - @include transition(opacity .2s); - - span { - float: left; - } - - .filename { - margin: 5px; - &:before { - font-family: "FontAwesome"; - content: "\F03E"; - margin-right: 5px; - } - } - - .informations { - margin: 6px; - padding-right: 20px; - color: $secondary_text_color; - font-size: 14px; - } - - .expand { - position: absolute; - bottom: 4px; - right: 7px; - &:before { - font-family: "FontAwesome"; - content: "\F065"; - } - } -} - -// this should be removed once all the posts have been rebaked with the new lightboxes overlays -.lightbox > span { - display: none; -} diff --git a/app/assets/stylesheets/mobile/mobile.scss b/app/assets/stylesheets/mobile/mobile.scss deleted file mode 100644 index eab0f0e33ad..00000000000 --- a/app/assets/stylesheets/mobile/mobile.scss +++ /dev/null @@ -1,23 +0,0 @@ -@media only screen -and (min-device-width : 320px) -and (max-device-width : 540px) { - #reply-control { - .toggle-preview { display:none; } - #reply-title { width: 250px; } - .wmd-controls { - #wmd-input { - width: 100%; - border-top: 0; - } - .preview-wrapper { - display: none; - } - .textarea-wrapper { - width: 100%; - } - .wmd-button-bar { - display: none; - } - } - } -} diff --git a/app/assets/stylesheets/mobile/onebox.scss b/app/assets/stylesheets/mobile/onebox.scss deleted file mode 100644 index 347b5f223bb..00000000000 --- a/app/assets/stylesheets/mobile/onebox.scss +++ /dev/null @@ -1,79 +0,0 @@ -a.loading-onebox { - background: { - image: image-url("spinner_96.gif"); - position: 0; - size: 20px; - height: 25px; - repeat: no-repeat; - }; - padding-left: 25px; -} - -.onebox-result { - font-size: 14px; - > .source { - margin-bottom: 10px; - margin-right: 10px; - padding: 10px 0; - display: block; - color: $primary_text_color; - position: relative; - border-bottom: 1px solid $primary_border_color; - .info { - a { - color: $primary_text_color; - text-decoration: none; - } - background-color: $primary_background_color; - position: absolute; - font-size: 14px; - img.favicon { - margin-right: 3px; - } - } - } - .onebox-result-body { - padding-top: 5px; - font-family: Georgia, Times, "Times New Roman", serif; - img { - max-width: 100px; - max-height: 80%; - float: left; - margin-right: 10px; - } - h3, h4 { - margin: 0 !important; - } - img.thumbnail { - max-width: 25%; - height: auto; - } - code { - max-height: 400px; - } - .metrics { - clear: both; - padding-bottom: 25px; - .metric { - display: inline-block; - padding-left: 33px; - float: left; - } - } - } -} - -// RottenTomatoes Onebox -.onebox-result { - .onebox-result-body { - img.verdict { - float: none; - margin-right: 7px; - } - img.popcorn { - float: none; - margin-left: 20px; - margin-right: 5px; - } - } -} diff --git a/app/assets/stylesheets/mobile/pagedown.scss b/app/assets/stylesheets/mobile/pagedown.scss deleted file mode 100644 index bfc3651630c..00000000000 --- a/app/assets/stylesheets/mobile/pagedown.scss +++ /dev/null @@ -1,147 +0,0 @@ -// styles that apply to the PageDown editor -// http://code.google.com/p/pagedown/ - -.wmd-panel { - margin-left: 25%; - margin-right: 25%; - width: 50%; - min-width: 500px; -} - -.wmd-button-bar { - width: 100%; -} - -.wmd-button-row { - margin-left: 5px; - margin-right: 5px; - margin-bottom: 5px; - margin-top: 10px; - padding: 0; - height: 20px; -} - -.wmd-spacer { - width: 1px; - height: 20px; - margin-right: 8px; - margin-left: 5px; - background-color: silver; - display: inline-block; - float: left; -} - -.wmd-button { - width: 20px; - height: 20px; - padding-left: 2px; - padding-right: 3px; - margin-right: 5px; - background-repeat: no-repeat; - background-position: 0 0; - border: 0; - width: 20px; - height: 20px; - position: relative; - border: 0; - float: left; - - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - display: inline; - width: auto; - height: auto; - line-height: normal; - vertical-align: baseline; - background-image: none !important; - background-position: 0 0; - background-repeat: repeat; - background-color: white; - padding: 4px; -} - -.wmd-button:hover { - background-color: #99c0fa; -} - - -#wmd-bold-button:before { - content: "\f032"; -} - - -#wmd-italic-button:before { - content: "\f033"; -} - -#wmd-link-button:before { - content: "\f0c1"; -} - -#wmd-quote-button:before { - content: "\f10e"; -} - -#wmd-code-button:before { - content: "\f121"; -} - -#wmd-image-button:before { - content: "\f093"; -} - -#wmd-olist-button:before { - content: "\f0cb"; -} - -#wmd-ulist-button:before { - content: "\f0ca"; -} - -#wmd-heading-button:before { - content: "\f031"; -} - -#wmd-hr-button:before { - content: "\f068"; -} - -#wmd-undo-button:before { - content: "\f0e2"; -} - -#wmd-redo-button:before { - content: "\f01e"; -} - -#wmd-quote-post:before { - content: "\f0e5"; -} - -.wmd-prompt-background { - background-color: black; -} - -.wmd-prompt-dialog { - border: 1px solid #999999; - background-color: whitesmoke; -} - -.wmd-prompt-dialog > div { - font-size: 0.8em; - font-family: arial, helvetica, sans-serif; -} - -.wmd-prompt-dialog > form > input[type="text"] { - border: 1px solid #999999; - color: black; -} - -.wmd-prompt-dialog > form > input[type="button"] { - border: 1px solid #888888; - font-family: trebuchet MS, helvetica, sans-serif; - font-size: 0.8em; - font-weight: bold; -} diff --git a/app/assets/stylesheets/mobile/request_access.scss b/app/assets/stylesheets/mobile/request_access.scss deleted file mode 100644 index b67de033444..00000000000 --- a/app/assets/stylesheets/mobile/request_access.scss +++ /dev/null @@ -1,13 +0,0 @@ -#request-access { - width: 325px; - margin: 0 auto; - input[type=text] { - width: 320px; - height: 30px; - font-size: 22px; - } - input[type=submit] { - font-size: 22px; - padding: 10px; - } -} diff --git a/app/assets/stylesheets/mobile/share_link.scss b/app/assets/stylesheets/mobile/share_link.scss deleted file mode 100644 index 1e45303f929..00000000000 --- a/app/assets/stylesheets/mobile/share_link.scss +++ /dev/null @@ -1,36 +0,0 @@ -// styles that apply to the "share" popup when sharing a link to a post or topic - -#share-link { - position: absolute; - left: 20px; - z-index: 990; - @include border-radius-all(3px); - @include box-shadow(1px 1px 5px rgba($primary_shadow_color, .6)); - background-color: lighten($primary_background_color, 60%); - padding: 3px 7px 6px 7px; - width: 300px; - display: none; - &.visible { - display: block; - } - input[type=text] { - width: 96%; - } - h3 { - font-size: 13px; - } - .social-link { - margin-left: 2px; - margin-right: 8px; - float: left; - font-size: 22px; - } - .link { - margin-right: 2px; - float: right; - font-size: 20px; - a { - color: $primary_text_color; - } - } -} diff --git a/app/assets/stylesheets/mobile/topic-admin-menu.scss b/app/assets/stylesheets/mobile/topic-admin-menu.scss deleted file mode 100644 index e876aafe594..00000000000 --- a/app/assets/stylesheets/mobile/topic-admin-menu.scss +++ /dev/null @@ -1,29 +0,0 @@ -// Styles for the topic admin menu - -#show-topic-admin { - position: fixed; - top: 70px; - right: 10px; - z-index: 1000; -} - -.topic-admin-menu { - background-color: $primary_background_color; - width: 205px; - padding: 10px; - border: 1px solid $primary_border_color; - position: fixed; - top: 70px; - right: 10px; - z-index: 1000; - - ul { - list-style: none; - margin: 10px 0 0 0; - } - - button { - width: 200px; - margin-bottom: 5px; - } -} diff --git a/app/assets/stylesheets/mobile/username_tagsinput.scss b/app/assets/stylesheets/mobile/username_tagsinput.scss deleted file mode 100644 index 6b91110174f..00000000000 --- a/app/assets/stylesheets/mobile/username_tagsinput.scss +++ /dev/null @@ -1,31 +0,0 @@ -div.tagsinput { - border:1px solid #CCC; - background: #FFF; - padding:5px 5px 0; - width:584px; - height:100px; - overflow-y: auto; - border-radius: 4px; -} - -div.tagsinput span.tag { - border: 1px solid #a5d24a; - border-radius: 2px; - display: block; - float: left; - padding: 1px 5px; - text-decoration:none; - background: #cde69c; - color: #638421; - margin-right: 5px; - margin-bottom:5px; - font-family: helvetica; - font-size:13px; -} - -div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px; } -div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; -padding:2px 5px; background: transparent; color: #000; outline:0px; margin-right:5px; margin-bottom:5px; } -div.tagsinput div { display:block; float: left; } -.tags_clear { clear: both; width: 100%; height: 0; } -.not_valid {background: #FBD8DB !important; color: #90111A !important;}