123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- // textfield-normal.css
-
- @mixin base-textfield($primaryStyleName : v-textfield) {
-
- .#{$primaryStyleName} {
- text-align: left; /* Force default alignment */
- }
- .v-textarea {
- resize: none;
- white-space: pre-wrap;
- }
- .#{$primaryStyleName}-focus,
- .v-textarea-focus {
- }
- input.#{$primaryStyleName}-prompt,
- textarea.v-textarea-prompt {
- color: #999;
- font-style: italic;
- }
- input.#{$primaryStyleName}-readonly,
- textarea.v-textarea-readonly {
- background: transparent;
- border: none;
- resize: none;
- }
- input.v-disabled,
- textarea.v-disabled {
- resize: none;
- }
- input.#{$primaryStyleName}-readonly:focus,
- textarea.v-textarea-readonly:focus {
- outline: none;
- }
- /* Disabled by default
- .v-textarea-error,
- .#{$primaryStyleName}-error,
- .v-richtextarea-error iframe.gwt-RichTextArea {
- background: #FFE0E0;
- }
- */
- /* Disabled by default
- .v-textarea-required,
- .#{$primaryStyleName}-required,
- .v-richtextarea-required iframe.gwt-RichTextArea {
- background: #FFE0E0;
- }
- */
- /* Safari focus glow fix */
- .v-sa & input:focus,
- .v-sa & textarea:focus {
- outline-width: medium;
- }
-
- }
-
- // richtext.css
-
- @mixin base-richtextarea {
-
- .v-richtextarea {
- border: 1px solid #aaa;
- overflow: hidden;
- }
- .v-richtextarea .gwt-RichTextArea {
- background: #fff;
- border: none;
- }
- .v-richtextarea .gwt-HTML {
- height: 100%;
- font-size: $font-size;
- }
- .v-richtextarea .gwt-RichTextToolbar {
- white-space: nowrap;
- background: #959595 url(img/richtext-toolbar-bg.png) repeat-x 0 -42px;
- border-bottom: 1px solid #7d7d7d;
- padding: 2px;
- overflow: hidden;
- }
- .v-richtextarea .gwt-RichTextToolbar-top {
- padding-bottom: 1px;
- overflow: hidden;
- white-space: normal;
- }
- .v-richtextarea .gwt-RichTextToolbar-bottom {
- clear: left;
- overflow: hidden;
- white-space: nowrap;
- }
- .v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
- .v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
- float: left;
- display: inline;
- width: 22px;
- height: 21px;
- overflow: hidden;
- background: transparent url(img/richtext-toolbar-bg.png) repeat-x;
- cursor: pointer;
- margin-right: 2px;
- text-align: center;
- }
- .v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down,
- .v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down,
- .v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
- .v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
- background-position: 0 -21px;
- }
- .v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img,
- .v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img {
-
- }
- .v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
- width: 24.5%;
- margin-right: 2px;
- }
-
- .v-richtextarea.v-readonly {
- border: none;
- }
-
- }
|