PageRenderTime 46ms CodeModel.GetById 19ms app.highlight 24ms RepoModel.GetById 1ms app.codeStats 0ms

/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%; }