/BlogEngine/BlogEngine.NET/Styles/Global.css
CSS | 230 lines | 196 code | 11 blank | 23 comment | 0 complexity | 8538366fcc56a77235f863053dbfb485 MD5 | raw file
1p{} /* DO NOT START CSS WITH A COMMENT! */ 2/*---------------------------- 3 Star rater 4----------------------------*/ 5.rating{ 6 margin-bottom: 10px; 7} 8.rating p{ 9 display: inline; 10 position: relative; 11 top: 14px; 12 left: 55px; 13} 14.star-rating { 15 position: relative; 16 width: 125px; 17 height: 25px; 18 overflow: hidden; 19 list-style: none; 20 margin: 0; 21 padding: 0; 22 background-position: left top; 23} 24.star-rating li { 25 display: inline; 26} 27.star-rating a, .star-rating .current-rating { 28 position: absolute; 29 top: 0; 30 left: 0; 31 text-indent: -1000em; 32 height: 25px; 33 line-height: 25px; 34 outline: none; 35 overflow: hidden; 36 border: none; 37} 38.star-rating a:hover, .star-rating a:active, .star-rating a:focus { 39 background-position: left bottom; 40} 41.star-rating a.one-star { 42 width: 20%; 43 z-index: 6; 44} 45.star-rating a.two-stars { 46 width: 40%; 47 z-index: 5; 48} 49.star-rating a.three-stars { 50 width: 60%; 51 z-index: 4; 52} 53.star-rating a.four-stars { 54 width: 80%; 55 z-index: 3; 56} 57.star-rating a.five-stars { 58 width: 100%; 59 z-index: 2; 60} 61.star-rating .current-rating { 62 z-index: 1; 63 background-position: left center; 64} 65/* smaller star */ 66.small-star { 67 width: 50px; 68 height: 10px; 69} 70.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating { 71 background-image: url(../pics/star_small.gif); 72 line-height: 10px; 73 height: 10px; 74} 75 76/*---------------------------- 77 Syntax highlighter 78----------------------------*/ 79.code { 80 font-size: 12px; 81 color: black; 82 font-family: Consolas, "Courier New", Courier, Monospace; 83 background-color: #F1F1F1; 84 line-height: normal; 85} 86.code p { padding: 5px; } 87.code .rem { color: #008000; } 88.code .kwrd { color: #0000ff; } 89.code .str { color: #006080; } 90.code .op { color: #0000c0; } 91.code .preproc { color: #0000ff; } 92.code .asp { background-color: #ffff00; } 93.code .html { color: #800000; } 94.code .attr { color: #ff0000; } 95.code .alt { background-color: #f4f4f4; } 96.code .lnum { color: #606060;} 97 98/*---------------------------- 99 XFN tags 100----------------------------*/ 101 102div.post .text a[rel] { 103 background-repeat: no-repeat; 104 background-position: right center; 105} 106div.post .text a[rel="me"] { 107 background-image:url('../pics/xfn/me.gif'); 108} 109 110/*-------- [ These should cascade to pick the correct icon for the contact ]--*/ 111 112/*-------- [ Normal contacts ]--*/ 113div.post .text a[rel~="contact"] , 114div.post .text a[rel~="acquaintance"], 115div.post .text a[rel~="friend"] { 116 background-image:url('../pics/xfn/contact.gif'); 117 padding-right:11px; 118} 119/*-------- [ Normal contacts youve met ]--*/ 120div.post .text a[rel~="contact"][rel~="met"] , 121div.post .text a[rel~="acquaintance"][rel~="met"] , 122div.post .text a[rel~="friend"][rel~="met"] { 123 background-image:url('../pics/xfn/contactMet.gif'); 124 padding-right:11px; 125} 126 127/*-------- [ Colleague and co worker icon more important than contact ]--*/ 128div.post .text a[rel~="colleague"] , 129div.post .text a[rel~="co-worker"] { 130 background-image:url('../pics/xfn/colleague.gif'); 131 padding-right:11px; 132} 133/*-------- [ Colleague and co worker icon when met ]--*/ 134div.post .text a[rel~="colleague"][rel~="met"] , 135div.post .text a[rel~="co-worker"][rel~="met"] { 136 background-image:url('../pics/xfn/colleagueMet.gif'); 137 padding-right:11px; 138} 139 140/*-------- [ Sweethearts are more important than work!!! ]--*/ 141div.post .text a[rel~="muse"] , 142div.post .text a[rel~="crush"] , 143div.post .text a[rel~="date"] , 144a[rel~="sweetheart"] { 145 background-image:url('../pics/xfn/sweet.gif'); 146 padding-right:11px; 147} 148/*-------- [ ...and if youve met them thats even better ]--*/ 149div.post .text a[rel~="muse"][rel~="met"] , 150div.post .text a[rel~="crush"][rel~="met"] , 151div.post .text a[rel~="date"][rel~="met"] , 152div.post .text a[rel~="sweetheart"][rel~="met"] { 153 background-image:url('../pics/xfn/sweetMet.gif'); 154 padding-right:11px; 155} 156 157/*---------------------------- 158 Post Pager 159----------------------------*/ 160#PostPager { 161 display: block; 162 text-align: center; 163} 164#PostPager li { 165 display:inline; 166 border: 1px solid #ccc; 167 margin: 1px; 168 padding: 2px; 169} 170#PostPager li a { 171 padding: 2px; 172 text-decoration:none; 173 font-weight: bold; 174} 175#PostPager .PagerLinkCurrent { 176 background-color: #5C80B1; 177 color: #fff; 178 padding: 2px 5px; 179 border: 1px solid #ccc; 180} 181#PostPager .PagerLinkCurrent li { 182 padding: 2px 183} 184#PostPager .PagerLinkDisabled { 185 color: #ccc; 186 padding: 2px; 187} 188#PostPager .PagerEllipses { 189 border:0; 190 padding: 2px; 191} 192#commentPreview { 193 display:none; 194 clear:both; 195 min-height: 150px; 196} 197.LoginRequired { 198 margin: 10px 0 10px 0; 199} 200 201/*---------------------------- 202 Widget action buttons 203----------------------------*/ 204.widgetImg { 205 width: 16px; 206 height: 16px; 207 display:inline-block; 208} 209.imgDelete { 210 background-image:url('../admin/images/action-delete-small-lt.png'); 211} 212.imgDelete:hover { 213 background-image:url('../admin/images/action-delete-small.png'); 214} 215.imgMove { 216 background-image:url('../admin/images/action-tools-small-lt.png'); 217} 218.imgMove:hover { 219 background-image:url('../admin/images/action-tools-small.png'); 220} 221.imgEdit { 222 background-image:url('../admin/images/action-edit-small-lt.png'); 223} 224.imgEdit:hover { 225 background-image:url('../admin/images/action-edit-small.png'); 226} 227 228.widget a:hover { text-decoration: none; } 229 230#comment-form p { margin: 1px; display: inline-table; width: 100%; }