/** * Overall styles */ .filefield-icon { float: left; } .filefield-icon img { display: inline; } /** * Clear the filefield-icon float, or any other floats * that custom widgets might have inserted but not cleared. * Stolen from "How To Clear Floats Without Structural Markup", * http://www.positioniseverything.net/easyclearing.html */ .filefield-item:after, .filefield-file-edit:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .filefield-item, .filefield-file-edit {height: 1%;} /* End hide from IE-mac */ /* End overall styles */ /** * Formatter styles */ .filefield-item .filefield-icon { margin-right: 0.4em; } /* End formatter styles */ /** * General widget form styles (applicable to all widgets) */ .filefield-file-edit { position: relative; } .filefield-file-edit-flags { float: right; text-align: right; margin-bottom: -4px; /* The "List" checkbox has too much bottom margin */ } .filefield-file-edit-widget { width: 90%; } /* Only applies to single-value fields, for which we provide our own table. */ .filefield-file-container-table { width: 90%; margin-top: 3px; margin-bottom: 2px; } .filefield-file-upload { margin-bottom: 5px; } /* End general widget form styles */ /** * Generic file edit widget styles. Not applicable to other widgets that * might hook into filefield (say, a widget with an image preview). */ .filefield-generic-edit .filefield-icon img { margin-right: 0.7em; /* vertical centering with CSS is soo crufty. */ position: absolute; top: 0; bottom: 0; margin: auto; } .filefield-generic-edit-description { /*padding-top: 0.3em;*/ margin-left: 35px; } /* The text field is made unnecessarily long by node.css - shorten it */ .filefield-generic-edit .form-text { width: 80%; } .filefield-generic-edit .description { white-space: normal; margin-bottom: 0; overflow: auto; /* indent on line wraps, don't float around the icon */ } /* End widget form styles */