/* Title: mura.css Media: All Version: 20091009.01 Notes: Include this file as the first, top-most stylesheet in the section of your theme. You should then be able to override any of these settings in your own stylesheet. Most of the settings below are needed to give some type of basic formatting to Mura objects used via the admin area. For example, if someone uses the 2- or 3-column layout option in FCKEditor, the styles come from this stylesheet. The recommended practice is to override the settings in your own stylesheet instead of making changes to this stylesheet. This way this stylesheet can be updated by mura and your overrides would still be in tact. */ /* Globals - Definition Lists - 2 Column ===================================== */ dl.twoColumn { margin: 0; text-align: left; } dl.twoColumn dt { float: left; clear: left; width: 33%; } dl.twoColumn dd { clear: right; margin: 0 0 0 35%; padding: 0; } /* Globals - Forms ===================================== */ form li#svCaptcha { width: auto; margin-left: 27%; padding-left: 7px; } form li#svCaptcha img { width: auto !important; padding: 0 !important; border: 0 !important; } p.fieldLabel { float: left; width: 25%; margin-right: 2%; padding-right: 7px; font-weight: bold; line-height: 1.4; text-align: right; } .multiInputs { float: left; width: 65%; } .inputNote { font-size: .9em; color: #777; } fieldset input.text { width: 70%; } /*form .buttons { text-align: right; }*/ .buttons input { cursor: pointer; } input[type="submit"] { cursor: pointer; } .required { margin: 0 0 .5em .25em; font-weight: normal; color: #b00; } p.required { font-size: 0.8em; clear: both; margin: 0; padding-left: 10px; background: url(../../../../images/icon_star.png) no-repeat; } p#loginMsg.required { margin-bottom: 2em; } form fieldset legend { font: bold; font-size: 1.5em; } form ol, ul { margin: 0; padding: 0; } form ol li, form ul li { list-style-type: none; padding: 0 0 10px 0; display: block; clear: both; } /* Globals - Forms - Required Fields ===================================== */ .req label { background: url(../../../../images/icon_star.png) no-repeat; padding-left: 10px; clear: right; } .req ins { position: absolute; left: -9999px; } li span.req { padding-right: 7px; background: url(../../../../images/icon_star.png) no-repeat 100% 0; } /* HELPER CLASSES ===================================== */ .hide { display: none !important; } .left { float: left !important; } .right { float: right !important; } img.left { margin: 0 1em 1em 0; } img.right { margin: 0 0 1em 1em; } img.center { display: block; margin: 1em auto; } p.center { text-align: center; } .callToAction { padding-left: 10px; background: url(../../../../images/pointer_red.gif) no-repeat 0 50%; } a.rss { padding: 4px 0 4px 14px; background: url(../../../../images/icon_rss.gif) no-repeat 0 50%; } /* Helper Classes - Clearfix ===================================== */ /* Clearing floats without extra markup. Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clearfix:after, .svIndex dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix, * html .svIndex dl { height: 1%; } .clearfix, .svIndex dl { display: block; } /* Nav - Breadcrumb ===================================== */ #crumbList { margin: 0 0 1em; padding: 0; list-style: none; } #crumbList li { display: inline; margin: 0; font-size: 1em; } #crumbList a { text-decoration: none; } /* Nav - Sequential, More Results ===================================== */ .navSequential, .moreResults ul { margin: 0 !important; padding: 0; list-style: none; } .navSequential li, .moreResults li { display: inline; margin: 0 !important; padding: 0; text-align: center; } .navSequential a, .moreResults a { padding: .1em .2em; text-decoration: none; } .navSequential .current a { border: 1px solid #e4e4e4; color: #000; } .navSequential a:hover { background: #e4e4e4; } /* Nav - Session ===================================== */ #navSession { margin: 0; list-style: none; } #navSession li { display: inline; margin: 0; padding: 0 .25em; } #navSession a { text-decoration: none; } #navSession li#navEditProfile { border-right: 1px solid #ccc; padding-right: .5em; padding-left: 0; } #navSession li#navLogout { padding-right: 0; } /* DISPLAY OBJECTS, SYSTEM COMPONENTS ===================================== */ /* Add Comment Component ===================================== */ #svComments { clear: both; display: block; } #svComments h3 { font-size: 1.5em; } #svComments dl { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed #666666; clear: both; display: block; } #svComments dl.last { margin-bottom: 2em; border-bottom: 0; } #svComments dt { margin-bottom: .25em; font-size: 0.8em; } #svComments dd { margin-bottom: .25em; } #svComments dd.comment p { font-size: 1em; } #svComments dd.comment p:first-child { margin-top: 0; } #svComments dd.dateTime { font-size: 0.8em; color: #666666; } /* Advertisements ===================================== */ div.svAd { margin: 0 0 2em; } /* Asset Detail ===================================== */ a#svAsset { display: block; margin: 2em 0; padding-left: 20px; line-height: 2; background-position: 0 50%; background-repeat: no-repeat; } .image a#svAsset { padding-left: 0; line-height: 1.5; background: transparent; } a#svAsset.file { background-image: url(../../../../images/file-icons/generic.gif); } a#svAsset.ai { background-image: url(../../../../images/file-icons/ai.gif); } a#svAsset.css { background-image: url(../../../../images/file-icons/css.gif); } a#svAsset.doc { background-image: url(../../../../images/file-icons/doc.gif); } a#svAsset.gif { background-image: url(../../../../images/file-icons/gif.gif); } a#svAsset.html, a#svAsset.htm { background-image: url(../../../../images/file-icons/generic.gif); } a#svAsset.graffle { background-image: url(../../../../images/file-icons/graffle.gif); } a#svAsset.jpg { background-image: url(../../../../images/file-icons/jpg.gif); } a#svAsset.mdb { background-image: url(../../../../images/file-icons/mdb.gif); } a#svAsset.mp3 { background-image: url(../../../../images/file-icons/mp3.gif); } a#svAsset.mpp { background-image: url(../../../../images/file-icons/mpp.gif); } a#svAsset.ndd { background-image: url(../../../../images/file-icons/ndd.gif); } a#svAsset.oo3 { background-image: url(../../../../images/file-icons/oo3.gif); } a#svAsset.pdf { background-image: url(../../../../images/file-icons/pdf.gif); } a#svAsset.png { background-image: url(../../../../images/file-icons/png.gif); } a#svAsset.ppt { background-image: url(../../../../images/file-icons/ppt.gif); } a#svAsset.psd { background-image: url(../../../../images/file-icons/psd.gif); } a#svAsset.txt { background-image: url(../../../../images/file-icons/txt.gif); } a#svAsset.url { background-image: url(../../../../images/file-icons/url.gif); } a#svAsset.vsd { background-image: url(../../../../images/file-icons/vsd.gif); } a#svAsset.xls { background-image: url(../../../../images/file-icons/xls.gif); } a#svAsset.zip { background-image: url(../../../../images/file-icons/zip.gif); } #svAssetDetail.image #svAsset { float: left; margin: .25em 1.5em .5em 0; } #svAssetDetail.image #svAsset img { float: none; display: block; margin: 0; } /* Associated Image ===================================== */ /* This image gets output only if a specific image has been uploaded for a specific content type. It gets output between the h2 and the body content and launches the large image in shadowbox when clicked */ .content#primary .imgMed { float: right; margin-bottom: 1em; margin-left: 1em; } /* Calendar ===================================== */ .svCalendar { text-align: center; display: block; } .svCalendar table { width: 100%; } .svCalendar th { padding: 0; font-style: normal; font-weight: bold; text-align: center; } #svCalendarNav th { line-height: 1.2; font-size: .9em; } .svCalendar th a { display: block; padding: .25em; text-align: center; } .svCalendar th a:hover { text-decoration: none; } .svCalendar td { width: 14%; height: 60px; padding: .5em; font-size: 9px; line-height: 1; text-align: left; vertical-align: top; } .svCalendar .dayofweek td { height: auto; padding: .5em; line-height: 1.6; font-style: normal; font-weight: bold; text-align: center; } #svCalendarNav .dayofweek td { line-height: 1.1; } #svCalendarNav td { height: auto; text-align: center; } .svCalendar td .date { font-style: italic; } .content .svCalendar td ul { margin: 0; padding: 0; list-style: none; } .svCalendar td li a { display: block; margin: 2px 0; padding: 0 0 2px; border: 0; text-align: left; text-decoration: none; } .svCalendar td li a:hover, .svCalendar td li a#today { text-decoration: underline; } /* Calendar Date Picker ===================================== */ #datePicker { width: 190px; text-align: center; background: #fff; } #datePickerContainer { width: 178px; margin: 6px auto; padding: 0; text-align: center; } #datePicker select.dropdown { margin: 0; font-size: 11px; vertical-align: middle; } #datePicker input.submit { vertical-align: middle; } #datePicker #calendarDates { margin: 6px auto; padding: 0; background: #fff; } #datePicker #calendarDates th { font-size: 1em; font-style: normal; font-weight: normal; text-align: center; color: #fff; background: #333; } #datePicker #calendarDates th a { color: #fff; } #datePicker #calendarDates .dayofweek td { padding: .5em; font-size: 1em; font-style: normal; font-weight: bold; text-align: center; color: #333; background: #EAE7E7; } #datePicker #calendarDates td { border: 1px solid #EAE7E7; font-size: 1em; font-style: normal; font-weight: normal; text-align: center; color: #333; background: #f6f6f6; } #datePicker #calendarDates a { display: block; padding: .5em; text-decoration: none; color: #333; } #datePicker #calendarDates a:hover, #calendar a#today { display: block; padding: .5em; text-decoration: none; color: #fff; background: #f6f6f6; } /* Columns ===================================== */ /* For use with fckEditor Templates (2, 3, and 4 column templates) */ .col { float: left; margin-right: 1.5%; display: inline; /* ie6 double-margin float fix */} .columns2 .col { width: 48%; } .columns3 .col { width: 31%; } .columns4 .col { width: 23%; } .columns5 .col { width: 18%; } .columns6 .col { width: 14%; } .columns7 .col { width: 12%; } .columns8 .col { width: 10%; } /* Flash Player ===================================== */ /* For FLV Player Plugin in FCK Editor */ table.svFlvPlayer td { padding: 0; border: 0; } /* Galleries ===================================== */ #svGallery ul { margin: 0; list-style: none; } #svGallery li { float: left; width: 23%; margin: 0 1%; padding: 0 0 1.5em; list-style: none; font-size: 1.1em; text-align: center; } #svGallery li img { margin: 0; } #svGallery li p { margin: 0; font-size: .9em; text-align: center; } #svGallery dl, #svGallery dt { margin: 0; padding: 0; } #svGallery dd { float: none; margin: 0; padding: 0; line-height: 1.25; background: transparent; } #svGallery .comments a { padding-left: 13px; background: url(../../../../images/icon_comments.gif) no-repeat 0 50%; } /* All Indexes - Portals, Local Indexes, Remote Feeds, Related Content, Features ===================================== */ .svIndex { margin: 2em 0; } .sidebar .svIndex { margin: 0 0 2em 0; } .content .svIndex { padding-top: 1em; border-top: 1px solid #ccc; } .svIndex dl { margin: 1.3em 0 1em; } .sidebar .svIndex dl.first { margin-top: 0; } /*.svIndex dl.last { border: 0; padding: 0; }*/ .sidebar .svIndex dl.first { padding-top: 0; } .svIndex dt { margin-bottom: .75em; } .sidebar .svIndex dt { margin: 0 0 .25em 0; } .svIndex dt.releaseDate { margin-bottom: .5em; font-weight: normal; color: #999; } dd.summary span.readMore { font-size: .9em; } dd.credits, dd.comments, dd.tags, dd.rating { float: left; margin-bottom: 0; padding: 0 .75em 0 0; font-size: 1em; } .sidebar dd.credits, .sidebar dd.comments, .sidebar dd.tags, .sidebar dd.rating { float: none; margin-bottom: .35em; padding: 0; } .rating { position: relative; width: 110px; background-repeat: no-repeat; background-position: 3.5em 50%; } .rating span { position: absolute; left: -9999px; } .svIndex dd.credits { color: #666; } .svIndex dd.comments { padding-left: 13px !important; background: url(../../../../images/icon_comments.gif) no-repeat 0 50%; } dl.hasImage .image { float: left; margin: 0 1em 0 0; } .sidebar dl.hasImage { min-height: 0; padding-left: 0; } .sidebar dl.hasImage .image { display: none; } /* Slideshow ===================================== */ ol.svPager li { margin: 0 .25em; display: inline; } .svSlides dl { border: 0; margin: 0; } .svSlides dl.hasImage { /* Edit image size in "site settings." Adjust here as necessary*/ position: relative; /*min-height: 40px;*/ } .svPager { text-align: center; line-height: 2; } ol.svPager a { color: #fff; background: #0c243a; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 3px; border-radius: 3px; display: -moz-inline-block; display: inline-block; padding: 2px 5px; text-align: center; line-height: 1.2; } ol.svPager li.activeLI a, ol.svPager a:hover { background: #ff3405; text-decoration: none; } /* Portal Features ===================================== */ div.portalFeatures { margin: 0 0 1em; padding: 0 0 1em; border-bottom: 1px dotted #ccc; font-weight: bold; } .portalFeatures dl { margin: 6px 0 0; list-style: none; } .portalFeatures dt { clear: both; margin: 0 0 .5em; padding: 0; font-weight: bold; } .portalFeatures dt.releaseDate { margin: 0 0 2px; font-size: 1em; font-weight: normal !important; color: #666; } .portalFeatures dd { clear: both; margin: 0 0 1em; padding: 0; font-weight: normal; } .portalFeatures dd p { margin: 0 0 .5em; padding: 0; font-weight: normal; } .portalFeatures dd img { margin: 0 .5em .5em 0; padding: 0; float: left; } .portalFeatures a { text-decoration: none; } /* RSS Feed List ===================================== */ /* for the public feeds table display object */ table#svRssFeedsList td { vertical-align: middle; } table#svRssFeedsList img { border: 0; padding: 0; } /* Session Tools ===================================== */ #svSessionTools { margin-bottom: 1em; } #svSessionTools p#welcome { margin-bottom: .5em; font-size: 1.1em; } /* Site Map ===================================== */ ul#svSiteMap { margin: 1em 0; list-style: none; } #svSiteMap ul { margin: 0; list-style: none; } #svSiteMap li { margin-left: 0; font-weight: normal; } #svSiteMap li li { margin: 1em 2em; font-weight: bold; } #svSiteMap li li li { font-weight: normal; } /* Tag Clouds ===================================== */ #svTagCloud ol { margin: 0 0 2em; } #svTagCloud li { display: inline; } #svTagCloud span { position: absolute; left: -9999px; width: 990px; } #svTagCloud .not-popular { font-size: .9em; } #svTagCloud .not-very-popular { font-size: 1.2em; } #svTagCloud .somewhat-popular { font-size: 1.6em; } #svTagCloud .popular { font-size: 1.9em; } #svTagCloud .very-popular { font-size: 2.1em; } #svTagCloud .ultra-popular { font-size: 2.6em; } /* User Tools ===================================== */ #svPageTools { margin: 0 0 2em; padding: 0; } #svPageTools ul { margin: 0; padding: 0; list-style: none; } #svPageTools li { margin: 0; padding: 0 0 0 20px; font-size: 11px; line-height: 1.5; } #svPageTools li a { line-height: 20px; } #svPageTools li#addFavorite { background: url(../../../../images/icon_addfavorite.gif) no-repeat; } #svPageTools li#sendToFriend { background: url(../../../../images/icon_emailarticle.gif) no-repeat; } #svPageTools li#print { background: url(../../../../images/icon_print.gif) no-repeat; } #svPageTools li#discuss { background: url(../../../../images/icon_discuss.gif) no-repeat; } /* User Tools - Favorites ===================================== */ ul#favoriteList { margin: 0 0 1em; list-style: none; font-size: 11px; } #favoriteList li { margin: 0 0 .65em !important; padding: 0; border: none; font-size: 11px; line-height: 1.1; } #favoriteList li.defaultMsg { margin: 0; list-style: none !important; font-size: 1em; line-height: 1.2; color: #666; } #favoriteList li a { margin: 0 0 0 1em; padding: 0; } #favoriteList li a.remove { color: #666; } /* User Tools - Send to Friend Pop-Up ===================================== */ .sendToFriend input.text { width: 300px; } .sendToFriend textarea { width: 300px; height: 100px; } /* System Forms - Login ===================================== */ #login { clear: both; display: block; padding: 5px 0; } form#login { margin-bottom: .5em; } form#sendLogin { margin-bottom: 2em; } .sidebar #login h3 { padding-bottom: 0; border-bottom: 0; } #login fieldset { margin-bottom: 0; } #svLoginContainer p.required { margin: .5em 0 2em; } #login label, #sendLogin label { float: none; width: auto; text-align: left; } #sendLogin p { margin: 1em 0 0; } /* System Forms - Mailing Lists ===================================== */ .sidebar .svMailingList fieldset { padding: 0; border: 0; } .sidebar .svMailingList ol { padding: 0; } .sidebar .svMailingList legend { display: none; } /* System Forms - Search ===================================== */ #svSearchForm { margin: 0 0 1em; padding: 0 0 1em; } #svSearchForm input.text { margin: 0 .5em 0 0; } #svSearchForm input.submit { float: none; clear: none; width: auto; margin: 0 .5em 0 0; } #svSearchResults dl#svPortal { margin: 0 0 1em; padding: 0; border: 0; } #svSearchResults dt { margin: 1em 0 .5em; padding: 1em 0 0; border-top: 1px dotted #ccc; } #svSearchResults dt.first { border-top: 0; } #svSearchResults dd { margin: 0 0 1em; padding: 0; } #svSearchResults dd.last { margin: 0; padding: 0 0 1em; border-bottom: 0; } #svSearchResults dd h3 { margin: 0 0 .5em; font-weight: normal; } #svSearchResults dl img { display: none; } #svSearchResults .moreResults { margin: .75em 0; padding: .75em; background: #f2f2f2; } #svSearchResults .bottom { margin-bottom: 2em; } #svSearchAgain p { margin-bottom: .5em; font-weight: bold; } #svSearchResults .submit { float: none; } span.keywords, span.highlight { padding: .2em; background: yellow; } /* System Forms - Send to a Friend ===================================== */ #svSendToFriend { padding: 1em 2em 0; background: #fff; } #svSendToFriend h1 { font-size: 1.5em; text-align: center; } /* System Forms - Responses ===================================== */ .sidebar .responseMessage { color: red; } .sidebar .responseMessage em { font-style: normal; } #dsp_response.dataCollection .pollResults { list-style: none; } .pollResults li { margin: 0 0 2px; padding: 0; list-style: none; } .pollPercent { font-style: italic; } .pollQty { display: none; } .error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } /* Ratings ===================================== */ /* the following are used when using the Rater object */ .svIndex dd.credits, .svIndex dd.comments, .svIndex dd.tags,.svIndex dd.rating { line-height: 20px; } div.stars a { width: 14px; height: 13px; background: transparent url(../../../display_objects/rater/images/stars.png) no-repeat; } .zero { background-image: url(../../../display_objects/rater/images/star_zero.png); } .one { background-image: url(../../../display_objects/rater/images/star_one.png); } .onehalf { background-image: url(../../../display_objects/rater/images/star_onehalf.png); } .two { background-image: url(../../../display_objects/rater/images/star_two.png); } .twohalf { background-image: url(../../../display_objects/rater/images/star_twohalf.png); } .three { background-image: url(../../../display_objects/rater/images/star_three.png); } .threehalf { background-image: url(../../../display_objects/rater/images/star_threehalf.png); } .four { background-image: url(../../../display_objects/rater/images/star_four.png); } .fourhalf { background-image: url(../../../display_objects/rater/images/star_fourhalf.png); } .five { background-image: url(../../../display_objects/rater/images/star_five.png); } /* when viewing an image via shadowbox, images can often have a padding or margin assigned to them which throws off the display (sometimes the image will appear shifted down and to the right. this fixes that.) */ #shadowbox img { padding: 0; margin: 0; } /* this helps keep the mura logo flush to the top in the toolbar when editing the page on the front end */ #frontEndToolsHandle { padding: 0 !important; } #editProfileMsg { font-size: 2em; } input[type="checkbox"] { border: none; } dl.label_checkbox { border: none !important; margin: 0 !important; padding: 0 !important; } dl.label_checkbox label { font-size: 1em; } dt.checkbox { float: left; clear: both; } dd.label { margin-left: 25px; }