I have some more fedora.css changes that I'd like to merge. The attached patch implements css for a toolbar class. The look is supposed to be like the toolbar for "Search" and "Login" here:: https://publictest16.fedoraproject.org/community/login The fedora community implementation uses <div> tags, though, and this patch implements it as an unordered list which should be better for accessibility. This implementation also uses both a .toolbar class and a #main-toolbar id instead of a single #toolbar id. This should allow multiple toolbars on a page where the stylesheet information to convert from a bulleted list to toolbar structure is in the class and the particular styling needs are handled by the id. There's nothing for toolbars in the present fedora.css so this seems like it's pretty safe. If this seems okay, I'll apply it. -Toshio
diff --git a/fedoraproject.org/static/css/fedora.css b/fedoraproject.org/static/css/fedora.css
index b5aa91b..27afb4a 100644
--- a/fedoraproject.org/static/css/fedora.css
+++ b/fedoraproject.org/static/css/fedora.css
@@ -636,3 +636,35 @@ a.cvs {
.flash .info {
background: #DEE681 url(../images/info.png) 10px 50% no-repeat;
}
+
+.toolbar {
+ list-style: none;
+ list-style-image: none;
+ list-style-position: outside;
+ list-style-type: none;
+ text-align: right;
+ color: #888888;
+ font-size: 0.9em;
+ text-transform: uppercase;
+ vertical-align: middle;
+}
+
+.toolbar * {
+ display: inline;
+}
+
+#head #main-toolbar {
+ float: right;
+ margin-top: 9px;
+ width: 50%;
+}
+
+.toolbar input.button {
+ background-color: #888888;
+ color: white;
+ font-size: 0.9em;
+ margin-left: 5px;
+ padding: 2px;
+ text-transform: uppercase;
+ vertical-align: middle;
+}
Attachment:
signature.asc
Description: OpenPGP digital signature
-- Fedora-websites-list mailing list Fedora-websites-list@xxxxxxxxxx https://www.redhat.com/mailman/listinfo/fedora-websites-list
