body { font-family: Arial, Verdana; font-size: 62.5%; background: #ccccc0; background: #222; } a:link, a:visited, a:hover, a:active { color: #069; } h2, h3 { font-size: 11px; font-weight: bold; clear: both; font-size: 13px; font-style: italic; color: #444; padding: 8px 10px 7px; border-top: 1px solid #ccc; border-bottom: 1px dotted #ddd; } h1 { font-size: 24px; margin: 0 0 15px 0; padding: 0; border: none; color: #000; font-style: normal; font-weight: normal; font-family: "Helvetica Neue", Arial, Verdana; clear: none; } .ti, .ta, .pw { background: #fff; border: 1px solid #ccc; border-color-top: #aaa; border-color-left: #aaa; padding: 2px; font-family: "Helvetica Neue", Arial, Verdana; } p { margin: 0 0 10px; } .default-value, .tip, .hint { color: #aaa; } .right { float: right; } /* Userpics ---------------------------------------------------------------------------------- */ .userpic { position: relative; } /* Layout ---------------------------------------------------------------------------------- */ #container { border-top: 5px solid #111; } #content { background: #fff; width: 980px; margin: 0 auto; font-size: 1.2em; } #content-inner { padding: 30px 20px 25px; width: 940px; margin: 0 auto; } #alpha, #beta { float: left; } #alpha { width: 620px; margin-right: 20px; } #beta { width: 300px; } #footer { color: #ccc; font-size: 1.1em; } /* Header ---------------------------------------------------------------------------------- */ #header { width: 100%; margin: 0 auto; border-bottom: 1px solid #333; } #header-inner { position: relative; width: 940px; margin: 0 auto; padding: 18px 20px; } #header #header-name { font-size: 28px; margin: 0; font-weight: normal; text-transform: lowercase; } #header #header-name a { text-decoration: none; display: block; background: url(../images/motion-logo.gif) no-repeat 0 50%; padding: 14px 0 16px 70px; line-height: 32px; } #header #header-description { color: #999; font-size: 16px; font-weight: normal; margin: 0 0 20px 0; display: none; } /* Authentication ---------------------------------------------------------------------------------- */ #header .widget-sign-in { position: absolute; right: 20px; top: 6px; font-size: 12px; } #header .widget-sign-in h3 { display: none; } .widget-sign-in { color: #999; } .widget-sign-in a { color: #bbb; } /* Navigation ---------------------------------------------------------------------------------- */ #nav { width: 100%; margin: 0 auto; border-top: 1px solid #111; } #nav-inner { position: relative; width: 980px; margin: 0 auto; } #nav-inner ul { padding: 0 20px; } #nav li { float: left; line-height: 15px; margin: 0; padding: 0; } #nav li a { display: block; margin: 0; padding: 10px; text-decoration: none; font-size: 13px; font-weight: normal; line-height: 15px; font-weight: bold; color: #777; } #nav li.current a { background: url(../images/nav-current.gif) no-repeat 50% bottom; } /* Search ---------------------------------------------------------------------------------- */ #nav .widget-search { position: absolute; top: 0; right: 20px; width: 300px; text-align: right; } #nav .widget-header { display: none; } #nav .widget-content { padding-top: 6px; } #nav .widget-search .search-query { font-size: 12px; color: #fff; margin-right: 2px; border: none; border-top: 1px solid #111; border-left: 1px solid #111; padding: 3px; width: 180px; vertical-align: middle; } #nav .widget-search .search-submit { vertical-align: middle; } /* Footer ---------------------------------------------------------------------------------- */ #footer-inner { width: 940px; margin: 0 auto; padding: 20px 0; } #footer a { /* color: #fff;*/ } #footer .widget { float: left; width: 300px; margin-right: 20px; font-size: 12px; color: #999; line-height: 1.4; } #footer .widget h3 { display: none; } #footer .widget-powered { margin-right: 0; } /* Main Index ---------------------------------------------------------------------------------- */ #authenticate { display: none; background: #F1F7FB; margin-bottom: 15px; position: relative; padding: 15px; font-size: 20px; text-align: center; } #authenticate a { text-decoration: none; } #authenticate a:hover { text-decoration: underline; } #authenticate .signin-link { font-size: 12px; color: #777; } #compose { display: none; background: #F1F7FB url(../images/compose-content-bg.gif) no-repeat 0 bottom; margin-bottom: 25px; position: relative; } #compose h3 { font-weight: bold; font-style: italic; font-size: 14px; line-height: 16px; background: #D9E8F0 url(../images/compose-header-bg.gif) no-repeat 0 0; padding: 10px 15px; border: none; margin: 0 0 10px; color: #111; border-bottom: 1px solid #C3DBE7; } #compose-content { padding: 10px 15px; } #compose-userpic { border: 1px solid #ccc; padding: 2px; width: 60px; background: #fff; float: left; margin-right: 10px; position: relative; } #compose-userpic span { position: absolute; display: block; width: 50px; left: 5px; top: 20px; text-align: center; } #homepage-compose { float: left; width: 512px; } #entry-fields div { margin-bottom: 10px; font-size: 13px; color: #aaa; } #entry-fields-optional { display: none; } #homepage-compose .submit-wrapper { margin-top: 10px; } #homepage-compose .submit-wrapper input { font-size: 13px; } #homepage-compose .more-options { float: right; display: block; font-size: 11px; line-height: 22px; text-decoration: none; } #homepage-compose .ti, #homepage-compose .ta { width: 506px; font-size: 13px; border: none; border-left: 1px solid #C3DBE7; border-top: 1px solid #C3DBE7; } #homepage-compose label { } #homepage-compose #field-title input { font-size: 20px; } #entry-types { position: absolute; top: 4px; right: 20px; float: right; } #entry-types li { float: left; width: 29px; height: 29px; } #entry-types li.active { background: url(../images/compose-on.gif) no-repeat 50% bottom; } #entry-types li a { display: block; overflow: hidden; text-indent: -9999px; width: 16px; height: 16px; background: url(../images/icons/page_white_text.png) no-repeat 0 0; margin: 6px auto 0; } #entry-types li#entry-photo a { background-image: url(../images/icons/picture.png); } #entry-types li#entry-link a { background-image: url(../images/icons/link.png); } #entry-types li#entry-embed a { background-image: url(../images/icons/film.png); } #entry-types li#entry-audio a { background-image: url(../images/icons/sound.png); } .content-nav { padding: 15px 0; text-align: center; font-size: 12px; } #response-handler { display: none; } #spinner, #spinner-status { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../images/spinner.gif) no-repeat center center; } #spinner { filter:alpha(opacity=5); -moz-opacity:.5; opacity:.5; background: #fff; } /* Entry Listing ---------------------------------------------------------------------------------- */ #alpha .userpic { margin-right: 4px; } #alpha .userpic .userpic-link { border: 1px solid #ccc; padding: 2px; display: block; float: left; } /* Actions Listing ---------------------------------------------------------------------------------- */ .service-icon { background-repeat: no-repeat; } .icon-entry { background-image: url(../images/icons/page_white_text.png); } .icon-link { background-image: url(../images/icons/link.png); } .icon-audio { background-image: url(../images/icons/sound.png); } .icon-video { background-image: url(../images/icons/film.png); } .icon-embed { background-image: url(../images/icons/film.png); } .icon-photo { background-image: url(../images/icons/picture.png); } .icon-comment { background-image: url(../images/icons/comment.png); } .icon-follow { background-image: url(../images/icons/group.png); } .icon-favorite { background-image: url(../images/icons/heart.png); } .icon-service-delicious { background-image: url(images/services/delicious.png); } .icon-service-flickr { background-image: url(images/services/flickr.png); } .icon-service-googlereader { background-image: url(images/services/googlereader.png); } .icon-service-gtalk { background-image: url(images/services/gtalk.png); } .icon-service-identica { background-image: url(images/services/identica.png); } .icon-service-lastfm { background-image: url(images/services/lastfm.png); } .icon-service-myblog { background-image: url(images/services/myblog.gif); } .icon-service-github { background-image: url(images/services/github.png); } .actions ul { margin-bottom: 15px; } .asset, .action { padding-bottom: 25px; border-bottom: 4px solid #f6f6f6; background-repeat: no-repeat; position: relative; } .action { background-repeat: no-repeat; padding: 8px 10px 7px 35px; margin: 0; font-size: 11px; color: #222; border-top: 1px solid #bbb; background-repeat: no-repeat; background-position: 10px 5px; } .action a { color: #069; } .date { display: none; } .hover .date, .noscript .date { display: inline; } .action .date { padding-left: 10px; } .asset-meta { font-size: 11px; color: #aaa; padding: 0 0 0 25px; border-top: 1px solid #bbb; border-bottom: 1px dotted #ddd; margin-bottom: 15px; background-repeat: no-repeat; background-position: 10px 6px; } .hover, .noscript .asset-meta, .hover .asset-meta, .mt-entry-archive .asset-meta, .user-profile .asset-meta { color: #555; } .icon-comment .asset-meta { padding: 8px 10px 7px 32px; } .icon-link .asset-meta { background-image: url(../images/icons/link.png); } .icon-embed .asset-meta { background-image: url(../images/icons/film.png); } .icon-video .asset-meta { background-image: url(../images/icons/film.png); } .icon-link a.link-arrow { text-decoration: none; } .icon-link a.link-arrow:hover { text-decoration: underline; } .asset .asset-meta .separator { display: none; } .asset .asset-meta .byline, .asset .asset-meta .favorite-action, .asset .asset-meta .trackback-count, .asset .asset-meta .comment-count { padding: 8px 10px 7px; } .asset .asset-meta .byline { display: block; float: left; } .noscript .favorite-action { display: none !important; } .asset .asset-meta .comment-count, .asset .asset-meta .trackback-count, .asset .asset-meta .favorite-action { display: block; float: right; padding-left: 32px; border-left: 1px dotted #ddd; visibility: hidden; background-repeat: no-repeat; background-position: 10px 50%; text-decoration: none; font-weight: bold; } .asset .asset-meta .comment-count { background-image: url(../images/icons/comments.png); } .asset .asset-meta .trackback-count { background-image: url(../images/icons/trackbacks.png); } .asset-meta .comment-count span, .asset-meta .trackback-count span { display: none; } .mt-entry-archive .asset-meta .comment-count, .mt-entry-archive .asset-meta .trackback-count, .mt-entry-archive .asset-meta .favorite-action, .user-profile .asset-meta .comment-count, .user-profile .asset-meta .trackback-count, .user-profile .asset-meta .favorite-action, .hover .asset-meta .comment-count, .hover .asset-meta .trackback-count, .hover .asset-meta .favorite-action { visibility: visible; } .asset .asset-meta .favorite-action { overflow: hidden; text-align: center; background: url(../images/icons/star-gray.png) no-repeat 50% 50%; width: 16px; padding: 8px 10px 7px 10px; } .asset .asset-meta .favorite-action:hover, .asset .asset-meta .scored { background-image: url(../images/icons/star.png); cursor: hand; /* HACK - ie */ cursor: pointer; } .asset-meta a { color: #aaa; } .hover a, .noscript .asset-meta a, .hover .asset-meta a, .mt-entry-archive .asset-meta a, .user-profile .asset-meta a { color: #069; } .asset .asset-meta a:hover { color: #069; } .asset .userpic { float: left; margin-left: 35px; } .asset .asset-content { margin: 5px 35px 0; font-size: 13px; line-height: 1.5; color: #222; } .asset .asset-content .photo, .asset .asset-content .video, .asset .asset-content .embed, .asset .asset-content object { margin-bottom: 10px; } .asset .asset-content p { margin-bottom: 10px; } #alpha .asset h1, #alpha .asset h2 { font-size: 16px; margin: 0 0 5px 0; font-style: normal; clear: none; border: none; padding: 0; font-family: "Helvetica Neue", Arial, Verdana; line-height: 1.2; text-transform: none; background: none; } .asset h2 a { text-decoration: none; } .asset .asset-content { margin-left: 96px; } #alpha .asset h1 a, #alpha .asset h2 a { color: #222; } #alpha .asset h1 a:hover, #alpha .asset h2 a:hover { color: #069; } /* textpost */ #alpha .asset h1, #alpha .asset h2 { font-size: 24px; margin-bottom: 10px; font-weight: normal; } /* linkpost */ #alpha .icon-link h2 { margin-bottom: 2px; } #alpha .icon-link h1 a, #alpha .icon-link h2 a { color: #069; font-weight: bold; padding-right: 15px; background: url(../images/icons/external_link.gif) no-repeat right 40%; } .user-profile .asset .asset-content, .user-profile #alpha .asset h1, .user-profile #alpha .asset h2 { margin-left: 35px; } .user-profile .asset .userpic { display: none; } .comment .asset-content { background: url(../images/comment-bg.gif) no-repeat 0 6px; margin-left: 89px; } .comment .asset-content .asset-body { background: #f4f4f4; border-bottom: 1px solid #ccc; margin-left: 7px; padding: 10px 15px; } .asset-content .link a { text-decoration: none; padding: 2px 6px 2px 24px; background: #F1F7FB url(../images/icons/external_link.gif) no-repeat 6px 50%; border: 1px solid #D9E8F0; } .asset-content .link a:hover { background: #ffd url(../images/icons/external_link.gif) no-repeat 6px 50%; border: 1px solid #fc3; } .most-recent-comment { background: url(../images/recent-comment-bg.gif) no-repeat 0 0; margin-top: 10px; padding: 13px 5px 7px; line-height: 24px; font-size: 12px; font-style: italic; border-bottom: 1px solid #ddd; } .most-recent-comment a { color: #777; text-decoration: none; } .most-recent-comment a:hover { color: #069; text-decoration: underline; } .most-recent-comment .userpic, #alpha .most-recent-comment .userpic .userpic-link { border: none; margin: 0 5px 0 0; padding: 0; } /* Pages ---------------------------------------------------------------------------------- */ .page-asset .asset-content { line-height: 1.5; margin-bottom: 20px; } /* Sidebar ---------------------------------------------------------------------------------- */ #beta .widget { margin-bottom: 20px; clear: left; } #beta .widget .widget-content { margin: 0 10px; } #beta h2, #beta h3 { margin-bottom: 10px; } ul.entry-sidebar-listing li { padding-left: 22px; font-size: 14px; line-height: 1.2; margin-bottom: 10px; background-position: 0 1px; background-repeat: no-repeat; } ul.entry-sidebar-listing li a { text-decoration: none; } ul.entry-sidebar-listing li span.meta { font-size: 11px; color: #777; } ul.entry-sidebar-listing li span.meta a { color: #777; text-decoration: underline; } ul.entry-sidebar-listing li span.meta a:hover { color: #069; } .widget-gallery .widget-content h3 { display: none; } .widget-recent-comments .widget-content { line-height: 1.4; } .widget-recent-comments li { margin-bottom: 15px; } .widget-recent-comments li .comment-attribution { font-size: 11px; margin: 4px 0 0 25px; color: #777; } .widget-members ul.userlist-small li { float: left; position: relative; margin: 0 3px 3px; padding: 0; height: 24px; } .widget-members ul.userlist-small li a { margin: 0; padding: 0; } .widget-elsewhere .service-icon { padding: 3px 0 7px 20px; } .widget-elsewhere a { text-decoration: none; } #beta .archives ul, #beta .archives p { margin-left: 10px; margin-right: 10px; } #beta .archives li { list-style: disc; margin-left: 20px; padding: 0 0 2px; } .widget-gallery { position: relative; } #gall-prev, #gall-next { position: absolute; top: 90px; display: block; overflow: hidden; width: 16px; height: 16px; background: #069; text-indent: -9999px; background: url(../images/gallery-nav.gif) no-repeat 0 0; } #gall-prev { left: 5px; background: url(../images/gallery-nav.gif) no-repeat 0 -36px; } #gall-next { right: 5px; background: url(../images/gallery-nav.gif) no-repeat -36px -36px; } #gall-prev:hover { background-position: 0 -72px; } #gall-next:hover { background-position: -36px -72px; } #gall-prev.disabled { background-position: 0 0; cursor: default; } #gall-next.disabled { background-position: 0 0; cursor: default; } #beta .widget-gallery .widget-content { height: 120px; overflow: hidden; position: relative; margin-left: 30px; width: 240px; } #photo-gallery { width: 1100px; position: absolute; left: 0px; } #photo-gallery li { float: left; margin: 5px; width: 110px; } .widget-tag-cloud .widget-content ul { margin-right: 0; margin-left: 0; } .widget-tag-cloud .widget-content li { display: inline; margin: 0 5px 0 0; padding: 0; line-height: 1.2; background: none; } .widget-tag-cloud .rank-1 { font-size: 1.75em; } .widget-tag-cloud .rank-2 { font-size: 1.75em; } .widget-tag-cloud .rank-3 { font-size: 1.625em; } .widget-tag-cloud .rank-4 { font-size: 1.5em; } .widget-tag-cloud .rank-5 { font-size: 1.375em; } .widget-tag-cloud .rank-6 { font-size: 1.25em; } .widget-tag-cloud .rank-7 { font-size: 1.125em; } .widget-tag-cloud .rank-8 { font-size: 1em; } .widget-tag-cloud .rank-9 { font-size: 0.95em; } .widget-tag-cloud .rank-10 { font-size: 0.9em; } /* Archives ---------------------------------------------------------------------------------- */ .action-listing { margin: 0 0 15px 0; } .action-listing li { /*border-bottom: 1px dotted #ddd;*/ clear: left; position: relative; padding: 0 0 6px 10px; /*line-height: 18px;*/ background-repeat: no-repeat; /*background-position: 5px 8px;*/ } #alpha .action-listing li .userpic { position: absolute; left: 0; top: 2px; } #alpha .action-listing li .userpic .userpic-link { border: none; margin-top: 3px; padding: 0; } .action-listing li a { text-decoration: none; } .action-listing li span { display: block; float: left; color: #222; } .action-listing li span.action-listing-date { /*width: 80px;*/ margin-right: 32px; margin-left: 32px; font-size: 10px; font-weight: bold; } .action-listing li span.action-listing-title { width: 468px; display: block; font-size: 15px; margin-left: 32px; } .action-listing li span.action-listing-comments { width: 30px; display: block; font-size: 13px; text-align: right; } /* Comments ---------------------------------------------------------------------------------- */ .trackbacks, .comments, #comments-list { clear: left; margin-bottom: 25px; } .comment { clear: both; margin: 0 35px 25px; } .comment-last { border-bottom: none; margin-bottom: 0; } .comment-content { font-size: 13px; line-height: 1.5; margin-bottom: 0px; padding: 0; } .comment-footer, .comment-content { margin-left: 54px; } .comment-content { background: url(../images/comment-bg.gif) no-repeat 0 6px; } .comment-content-inner { padding: 10px 15px; margin-left: 7px; background: #f4f4f4; border-bottom: 1px solid #ccc; } .comment-footer { padding: 5px 0 0 22px; line-height: 1.5; } .comment-by-author .comment-content { background-image: url(../images/comment-bg-author.gif); } .comment-by-author .comment-content-inner { background: #F1F7FB; border-bottom: 1px solid #D9E8F0; } .comment-highlight .comment-content { background-image: url(../images/comment-bg-new.gif); } .comment-highlight .comment-content-inner { background: #ffd; border-bottom: 1px solid #D9D9BC; } .comments-open-header, .comments-header, .trackbacks-header { margin-bottom: 15px; } .comment .userpic { float: left; position: relative; } .comment .userpic .auth-icon { position: absolute; top: 32px; left: 32px; } .comment .asset-meta { color: #777; font-size: 11px; border: none; padding: 0; } .comment .asset-meta img { display: none; /* hide the sign-in icon */ } /* Comment Form ---------------------------------------------------------------------------------- */ .comments-open-content { /* margin: 0 35px;*/ } #comment-greeting, #comments-form { margin-bottom: 10px; margin-left: 97px; } #comment-preview-comment { display: none; margin-top: 30px; } #comments-form div { margin-bottom: 5px; } #comments-form input.ti, #comments-form textarea { width: 250px; font-size: 13px; color: #000; background: #fff; } #comments-form input.default-value , #comments-form textarea.default-value { background: #f6f6f6; color: #aaa; } #comments-form textarea { width: 350px; height: 200px; margin-bottom: 5px; } #comment-form-remember-me, #comment-form-reply, #comments-open-footer { } #comment-form-remember-me label, #comment-form-reply label { float: none; width: auto; text-align: left; display: inline; } /* Members ---------------------------------------------------------------------------------- */ .member-list .even { margin-left: 20px; } .member-listitem { float: left; width: 278px; border: 1px solid #ddd; background: #f4f4f4; margin: 0 0 15px; padding: 10px; } .member-listitem .member-info { margin-left: 55px; } .member-listitem .member-info h4 { margin-bottom: 3px; font-size: 14px; font-weight: normal; } /* Profile ---------------------------------------------------------------------------------- */ .user-profile .profile-header .userpic { float: left; border: 1px solid #ccc; padding: 2px; } .user-profile .profile-header, .user-profile .recent-entry, .user-profile .actions, .user-profile .comment-threads { margin-bottom: 25px; } .profile-header-content { margin-left: 125px; } .user-profile .recent-entry .asset { margin-bottom: 10px; } .comment-threads li { background-repeat: no-repeat; background-position: 0 7px; padding:8px 0 6px 24px; margin: 0 10px 10px; border-bottom: 1px dotted #ddd; } .comment-threads .excerpt { padding: 6px 0 0; } /* Sign in ---------------------------------------------------------------------------------- */ .signin #alpha { width: inherit; float: none; margin: 0; } #auth-options { float: left; width: 200px; border-right: 3px solid #D9E8F0; } #auth-options a { text-decoration: none; display: block; } #auth-options img { vertical-align: middle; } #auth-forms { float: left; position: relative; left: -3px; border-left: 3px solid #D9E8F0; width: 500px; padding: 10px; } #auth-options .selected { background: #D9E8F0; } #signin_with_OpenID img.right { float: none; position: absolute; left: 255px; } .actions-bar { margin-bottom: 20px; } /* Utility ---------------------------------------------------------------------------------- */ .default-value { color: #aaa; } .pkg:after, #footer-inner:after, #content-inner:after, #compose-inner:after, .widget:after, #nav ul:after, .comment:after, .member-listitem:after, .asset .asset-meta:after, .actions ul li:after, .actions ul li .asset-meta:after, .action-listing li:after, .profile-header:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } .pkg, #footer-inner, #content-inner, #compose-inner, .widget, #nav ul, .comment, .member-listitem, .asset .asset-meta, .actions ul li, .actions ul li .asset-meta, .action-listing li, .profile-header { display: inline-block; } /* no ie mac \*/ * html .pkg, * html #footer-inner, * html #content-inner, * html #compose-inner, * html .widget, * html #nav ul, * html .comment, * html .member-listitem, * html .entry-asset .asset-meta, * html .actions ul li * html .actions ul li .asset-meta * html .action-listing li, * html .profile-header { height: 1%; } .pkg, #footer-inner, #content-inner, #compose-inner, .widget, #nav ul, .comment, .member-listitem, .asset .asset-meta, .actions ul li, .actions ul li .asset-meta, .action-listing li, .profile-header { display: block; } /* */ /* Forms ---------------------------------------------------------------------------------- */ .user-profile-edit form { margin-bottom: .75em; } .field { border: 0; margin-bottom: 1em; } .field-header, .field-content { line-height: 30px; } .field-header label { /* font-weight: bold;*/ color: #777; } .field-content { font-size: 15px; } .field-content select, .field-content input.ti, .field-content textarea.ta, .field-content input.pw { margin: 0; width: 318px; font-size: 15px; border: 1px solid #ddd; border-top: 1px solid #aaa; border-left: 1px solid #aaa; background: #fcfcfc; } .field-content input.ti, .field-content textarea.ta, .field-content input.pw { padding: 4px; } .field-content input.pw { letter-spacing: 5px; } ul#profile-data li { margin-left: 0; padding-left: 0; list-style: none; } #profile_userpic-field .field-content label { display: block; margin-top: 5px; } .mt-profile-edit form { margin-bottom: .75em; } .custom-field-radio-list { margin-bottom: .25em; } .custom-field-radio-list li { list-style: none; margin-left: 0; } .user-profile-edit .field .field-header, .register .field .field-header { float: left; width: 130px; margin-right: 10px; text-align: right; } .user-profile-edit .field .field-content, .register .field .field-content, .register .actions-bar, .user-profile-edit .actions-bar { margin-left: 140px; } .register .hint { font-size: 12px; } #userpic-field .field-content img { vertical-align: top; } /* Status Messages -------------------------------------------------------------------------------- */ #comment-error { margin: 35px 37px 35px 97px; } .msg { margin: 0 0 10px 0; padding: 16px 10px 16px 46px; background-repeat: no-repeat; background-position: 12px center; } .msg-success { background-color: #CFC; background-image: url(../images/icon_success.png); } .msg-error { background-color: #FF9; background-image: url('../images/icon_error.png'); } .msg-info { background-color: #fff; background-image: url('../images/icon_info.gif'); } .msg-alert { background-color: #FF9; background-image: url('../images/icon_alert.png'); } .msg-publishing { background-color: #fff; background-image: url('../images/ani-rebuild.gif'); } .msg a.close-me { background: transparent url('../images/icon_close.png') no-repeat scroll 3px 4px; display: block; float: right; height: 18px; min-width: 0; padding: 2px; width: 22px; margin: 0; } .msg a.close-me span { display: none; } #system-allow-pings a.close-me, #system-allow-comments a.close-me, .msg-error a.close-me, .rebuilding-screen .msg a.close-me, .restore-publishing-config .msg a.close-me, .insert-asset-dialog .msg a.close-me, .edit-template .msg-info a.close-me, .rebuilding-screen .msg-info a.close-me, .pinging-screen .msg-info a.close-me, .list-notification .msg-info a.close-me, .zero-state a.close-me { display: none; } /* colors */ body { background: #fff; } #container { border-color: #111; /* the line at the top of the page */ } #header { background: #222; border-color: #111; } #header #header-name a { color: #ddd; } #nav { background: #222; border-color: #333; } #header #header-name a:hover, #nav li a:hover, #nav li.current a { color: #fff; } #nav .widget-search .search-query { background: #777; border-color: #111; } #footer-inner { color: #777; border-top: 1px solid #ccc; } #flickr_badge_uber_wrapper { } #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; } #header { height: 90px; text-align: center; padding-top: 10px; } .flickr_badge_image {text-align:center !important;} .flickr_badge_image img {border: 0px solid black !important;} img {padding: 0 10px 0 10px; border: 0px; }