/BlogEngine/BlogEngine.NET/themes/TitaniumX/style.css
CSS | 1033 lines | 957 code | 2 blank | 74 comment | 0 complexity | ebfe974d3b5e692f0e847771af837ef4 MD5 | raw file
1/*------------------------------ 2 COLOR CODES 3 Light Grey/Blue = #E3E7EB 4 Medium Grey/Blue = #A5ACB5 5 Dark Grey = #8E8D90 6 Muted Teal = #6D98A8 7 Yellow = #F6B829 8 Orange = #EE913C 9 Dark Blue = #1D355B 10-------------------------------*/ 11body, textarea, table, tr, td { 12 font-family:Arial, Helvetica, Verdana, sans-serif; 13 font-size:10pt; 14} 15body { 16 background-color:#E3E7EB; 17 color:#444444; 18 margin:0 auto; 19 width:1000px; 20} 21h1 { 22 font-size:14pt; 23 letter-spacing:1px; 24} 25h2 { 26 font-size:12pt; 27} 28a { 29 text-decoration:none; 30 color:#4c6a75; 31} 32a[href^="\/file.axd"] { 33 font-weight:bold; 34 background:url(download.png) no-repeat right center; 35 padding-right:15px; 36} 37a:hover { 38 text-decoration:none; 39 color:#EE913C; 40} 41img { 42 border:none; 43} 44#content { 45 float:left; 46 width:70%; 47} 48#sidepanel { 49 float:right; 50 width:28%; 51} 52.loginbox { 53 margin:0 auto; 54} 55.loginbox td { 56 padding:3px; 57} 58#postnavigation { 59 background:white; 60 background-image:url(img/menubg.png); 61 background-position:left top; 62 background-repeat:repeat-x; 63 border:1px solid #8E8D90; 64 padding:5px; 65 margin-bottom:20px; 66 border-radius:.5em; 67 -moz-border-radius:.5em; 68 -webkit-border-radius:.5em; 69 box-shadow:0 0 15px #A5ACB5; 70 -moz-box-shadow:0 0 15px #A5ACB5; 71 -webkit-box-shadow:0 0 15px #A5ACB5; 72 text-align:center; 73} 74#footer { 75 margin:0; 76 font-size:7pt; 77 text-align:center; 78} 79.footer { 80 font-size:8pt; 81} 82 83.taggedlink 84{ 85 line-height: 110%; 86} 87 88/*---------------------------- 89 Header 90----------------------------*/ 91#header { 92 border:1px solid #8E8D90; 93 padding:15px; 94 margin-bottom:20px; 95 margin-top:10px; 96 background-color:white; 97 background-image:url(img/contentbg.png); 98 background-position:left top; 99 background-repeat:repeat-x; 100 border-radius:.5em; 101 -moz-border-radius:.5em; 102 -webkit-border-radius:.5em; 103 box-shadow:0 0 15px #A5ACB5; 104 -moz-box-shadow:0 0 15px #A5ACB5; 105 -webkit-box-shadow:0 0 15px #A5ACB5; 106 text-align:center; 107} 108#header p { 109 font-size:32pt; 110 font-weight:bold; 111 margin:0; 112 letter-spacing:4px; 113} 114#header span { 115 font-size:13pt; 116 font-weight:bold; 117 letter-spacing:2px; 118 color:#4c6a75; 119 margin:0; 120} 121#header a { 122 text-decoration:none; 123 color:#1D355B; 124} 125/*---------------------------- 126 Menu 127----------------------------*/ 128#menu { 129 background:white; 130 background-image:url(img/menubg.png); 131 background-position:left top; 132 background-repeat:repeat-x; 133 border:1px solid #8E8D90; 134 padding:5px; 135 margin-bottom:20px; 136 border-radius:.5em; 137 -moz-border-radius:.5em; 138 -webkit-border-radius:.5em; 139 box-shadow:0 0 15px #A5ACB5; 140 -moz-box-shadow:0 0 15px #A5ACB5; 141 -webkit-box-shadow:0 0 15px #A5ACB5; 142} 143#menu a.apmlfilter { 144 padding-left:15px; 145 background:url(../../pics/apml.png) no-repeat left 5px; 146} 147#menu .login { 148 float:right; 149 margin-right:10px; 150 padding-left:16px; 151} 152#menu .login span { 153 color:#666; 154 padding-right:5px; 155} 156#menu ul { 157 list-style:none; 158 margin:0; 159 padding:0; 160} 161#menu ul li { 162 display:inline; 163} 164#menu ul li a { 165 padding:5px 10px; 166 font-size:9pt; 167 font-weight:bold; 168} 169#menu ul li a.feed img { 170 margin-right:3px; 171 margin-bottom:-1px; 172} 173/*---------------------------- 174 Widgets 175----------------------------*/ 176div.widgetzone { 177 padding:0; 178 background:none; 179} 180div.widgetzone .clear { 181 clear:left; 182} 183div.widget { 184 background:white; 185 background-image:url(img/widgetbg.png); 186 background-position:left top; 187 background-repeat:repeat-x; 188 border:1px solid #8E8D90; 189 padding:10px 15px; 190 margin-bottom:20px; 191 z-index:1; 192 min-width:1px; 193 border-radius:.5em; 194 -moz-border-radius:.5em; 195 -webkit-border-radius:.5em; 196 box-shadow:0 0 15px #A5ACB5; 197 -moz-box-shadow:0 0 15px #A5ACB5; 198 -webkit-box-shadow:0 0 15px #A5ACB5; 199} 200div.widget .content { 201 line-height:16px; 202 color:#666666; 203} 204div.widget h4 { 205 font-size:13pt; 206 border-bottom:1px solid #8E8D90; 207 padding-bottom:5px; 208 margin:0; 209 margin-bottom:5px; 210 z-index:0; 211 color:#1D355B; 212} 213div.widget h4 img { 214 height:20px; 215} 216div.widget a.edit, div.widget a.move { 217 font-size:85%; 218 font-weight:normal; 219 float:right; 220 z-index:1; 221 margin-left:5px; 222} 223div.widget a.delete { 224 font-weight:bold; 225 color:#990000; 226 float:right; 227 margin-left:5px; 228 position:relative; 229 top:-3px; 230 z-index:1; 231 text-decoration:none; 232} 233div.widget a.delete:hover { 234 color:black; 235} 236.widgetzone .widget ul { 237 list-style-type:none; 238 margin:0; 239 padding:0; 240 text-transform:capitalize; 241} 242.widgetzone .widget ul li { 243 margin-bottom:3px; 244} 245.widgetzone div.search { 246 padding-left:10px; 247} 248.widgetzone div.search input[type='text'] { 249 background:#E3E7EB; 250 border:1px solid #8E8D90; 251} 252.widgetzone img.rssButton { 253 margin-right:3px; 254} 255.widgetzone div#moveWidgetToContainer { 256 text-align:right; 257 margin:3px; 258} 259#newsletterform input[type='text'] { 260 width: 240px; 261 background:#E3E7EB; 262 margin-bottom: 5px; 263 border:1px solid #8E8D90; 264 border-radius:.5em; 265 -moz-border-radius:.5em; 266 -webkit-border-radius:.5em; 267} 268/*---------------------------- 269 Blogroll 270----------------------------*/ 271#blogroll ul { 272 list-style-type:none; 273 margin:0 0 3px; 274 padding:0; 275} 276#blogroll ul li ul li a { 277 margin-left:20px; 278 color:#1D355B; 279 font-size:9pt; 280} 281#blogroll ul li a img { 282 border:none; 283 margin-right:3px; 284} 285/*---------------------------- 286 Posts 287----------------------------*/ 288div.post, .mceContentBody { 289 border:1px solid #8E8D90; 290 padding:3px 10px; 291 margin-bottom:20px; 292 background-color:white; 293 background-image:url(img/contentbg.png); 294 background-position:left top; 295 background-repeat:repeat-x; 296 line-height:110%; 297 border-radius:.5em; 298 -moz-border-radius:.5em; 299 -webkit-border-radius:.5em; 300 box-shadow:0 0 15px #A5ACB5; 301 -moz-box-shadow:0 0 15px #A5ACB5; 302 -webkit-box-shadow:0 0 15px #A5ACB5; 303} 304div.post h1, .mceContentBody h1 { 305 margin:5px 0 0; 306} 307div.post .author { 308 padding-top:3px; 309 color:#565656; 310 font-size:8pt; 311 float:left; 312 text-transform:capitalize; 313} 314div.post .pubDate { 315 padding-top:3px; 316 color:#656565; 317 font-size:8pt; 318 float:right; 319} 320div.post .text { 321 margin-top:30px; 322} 323div.post .text h2 { 324 margin-bottom:-10px; 325} 326div.post .text h3 { 327 font-size:11pt; 328 margin-bottom:-10px; 329 padding:0; 330} 331div.post .footer { 332 text-align:right; 333 border-top:1px dashed #8E8D90; 334 padding-top:4px; 335 padding-bottom:2px; 336 clear:both; 337} 338div.post .bottom { 339 margin-bottom:45px; 340} 341div.post .categories { 342 margin-bottom:5px; 343 float:right; 344} 345div.post .tags { 346 float:left; 347 margin-bottom:5px; 348} 349/*---------------------------- 350 Related Posts 351----------------------------*/ 352#relatedPosts div { 353 border:1px solid #8E8D90; 354 padding:3px 10px; 355 margin-bottom:20px; 356 background-color:white; 357 background-image:url(img/contentbg.png); 358 background-position:left top; 359 background-repeat:repeat-x; 360 line-height:110%; 361 border-radius:.5em; 362 -moz-border-radius:.5em; 363 -webkit-border-radius:.5em; 364 box-shadow:0 0 15px #A5ACB5; 365 -moz-box-shadow:0 0 15px #A5ACB5; 366 -webkit-box-shadow:0 0 15px #A5ACB5; 367} 368#relatedPosts h1 { 369 margin:0 0 10px; 370} 371#relatedPosts p { 372 font-size:12pt; 373 letter-spacing:1px; 374 font-weight:bold; 375} 376#relatedPosts a { 377 display:block; 378 margin-top:5px; 379} 380#relatedPosts span { 381 color:#565656; 382 text-indent:10px; 383 display:inline-block; 384} 385/*---------------------------- 386 Recent posts 387----------------------------*/ 388ul.recentPosts li { 389 padding-bottom:10px; 390} 391ul.recentPosts li a { 392 font-weight:bold; 393} 394ul.recentPosts li span { 395 display:block; 396 text-indent:10px; 397 text-transform:none; 398} 399/*---------------------------- 400 Recent comments 401----------------------------*/ 402ul.recentComments li { 403 padding-bottom:10px; 404 text-transform:none; 405} 406ul.recentComments li a.postTitle { 407 font-weight:bold; 408} 409/*---------------------------- 410 Social bookmarks 411----------------------------*/ 412.bookmarks { 413 float:left; 414} 415/*---------------------------- 416 Archive 417----------------------------*/ 418#archive { 419 border:1px solid #8E8D90; 420 background-color:white; 421 background-image:url(img/contentbg.png); 422 background-position:left top; 423 background-repeat:repeat-x; 424 line-height:110%; 425 border-radius:.5em; 426 -moz-border-radius:.5em; 427 -webkit-border-radius:.5em; 428 box-shadow:0 0 15px #A5ACB5; 429 -moz-box-shadow:0 0 15px #A5ACB5; 430 -webkit-box-shadow:0 0 15px #A5ACB5; 431 padding:10px; 432} 433#archive h1 { 434 margin:0; 435 border-bottom:1px dashed #8E8D90; 436 padding-bottom:9px; 437} 438#archive h2 { 439 border-bottom:1px solid #8E8D90; 440 padding-bottom:4px; 441 margin-bottom:10px; 442} 443#archive h2 img { 444 margin-right:3px; 445} 446#archive ul { 447 list-style-type:square; 448 margin:0 10px; 449 padding:10px; 450} 451#archive ul li { 452 margin-right:20px; 453} 454#archive table { 455 width:100%; 456 border-collapse:collapse; 457} 458#archive table td, #archive table th { 459 text-align:left; 460} 461#archive table td { 462 text-align:left; 463 border-bottom:1px solid #D8D8D8; 464 padding:2px 0; 465 font-size:9pt; 466} 467#archive .date { 468 width:150px; 469} 470#archive .comments { 471 width:70px; 472 text-align:center; 473} 474#archive .rating { 475 width:70px; 476 text-align:center; 477} 478/*---------------------------- 479 Search 480----------------------------*/ 481#searchbox { 482 margin-top:5px; 483 font-size:8.5pt; 484} 485#searchbox input { 486 font-size:8.5pt; 487} 488#searchbox #searchbutton { 489 margin-left:5px; 490} 491#searchbox #searchfield { 492 width:180px; 493 border-radius:.5em; 494 -moz-border-radius:.5em; 495 -webkit-border-radius:.5em; 496} 497/*---------------------------- 498 Search on search 499----------------------------*/ 500#searchonsearch { 501 border:1px solid #8E8D90; 502 padding:3px 10px; 503 margin-bottom:20px; 504 background-color:white; 505 background-image:url(img/contentbg.png); 506 background-position:left top; 507 background-repeat:repeat-x; 508 line-height:110%; 509 border-radius:.5em; 510 -moz-border-radius:.5em; 511 -webkit-border-radius:.5em; 512 box-shadow:0 0 15px #A5ACB5; 513 -moz-box-shadow:0 0 15px #A5ACB5; 514 -webkit-box-shadow:0 0 15px #A5ACB5; 515} 516#searchonsearch h3 { 517 margin:3px; 518 font-size:12pt; 519} 520#searchonsearch ol li { 521 margin:2px 0; 522} 523/*---------------------------- 524 Month list 525----------------------------*/ 526#monthList li { 527 font-weight:normal; 528} 529#monthList .year { 530 cursor:pointer; 531 font-weight:bold; 532} 533#monthList .year li { 534 margin-left:20px; 535} 536#monthList ul { 537 display:none; 538} 539#monthList .open { 540 display:block; 541} 542/*---------------------------- 543 Tag cloud 544----------------------------*/ 545.tagcloud { 546 margin-bottom:10px; 547 white-space:normal; 548} 549.tagcloud li { 550 display:inline; 551} 552.tagcloud a { 553 margin-right:3px; 554 display:inline; 555} 556.tagcloud a.biggest { 557 font-size:14pt; 558} 559.tagcloud a.big { 560 font-size:12pt; 561} 562.tagcloud a.medium { 563 font-size:9pt; 564} 565.tagcloud a.small { 566 font-size:8pt; 567} 568.tagcloud a.smallest { 569 font-size:7pt; 570} 571/*---------------------------- 572 Page 573----------------------------*/ 574#page { 575 border:1px solid #8E8D90; 576 padding:3px 10px; 577 margin-bottom:20px; 578 background-color:white; 579 background-image:url(img/contentbg.png); 580 background-position:left top; 581 background-repeat:repeat-x; 582 line-height:110%; 583 border-radius:.5em; 584 -moz-border-radius:.5em; 585 -webkit-border-radius:.5em; 586 box-shadow:0 0 15px #A5ACB5; 587 -moz-box-shadow:0 0 15px #A5ACB5; 588 -webkit-box-shadow:0 0 15px #A5ACB5; 589} 590#page h1 { 591 margin:3px 0 10px; 592} 593#page #admin { 594 border-top:1px solid #8E8D90; 595 margin-top:10px; 596 padding:5px 0; 597} 598/*---------------------------- 599 Calendar 600----------------------------*/ 601#calendarContainer { 602 text-transform:capitalize; 603 margin:0 auto; 604} 605.calendar { 606 border:none; 607 margin:0 auto; 608} 609.calendar .weekend { 610 background-color:#E3E7EB; 611} 612.calendar .other { 613 color:#8E8D90; 614} 615.calendar a.exist { 616 display:block; 617 font-weight:bold; 618 background-color:#A5ACB5; 619} 620.calendar td { 621 vertical-align:top; 622 background:transparent; 623} 624/*---------------------------- 625 Search page 626----------------------------*/ 627#searchpage { 628 margin-bottom:30px; 629} 630#searchpage input#q { 631 background:#FFFFFF; 632 border:1px solid #8E8D90; 633 width:300px; 634 border-radius:.5em; 635 -moz-border-radius:.5em; 636 -webkit-border-radius:.5em; 637} 638#searchpage input#comment { 639 clear:both; 640} 641.searchresult { 642 margin-bottom:20px; 643} 644.searchresult a { 645 font-weight:bold; 646} 647.searchresult span.text { 648 clear:both; 649 display:block; 650 margin:3px 0; 651} 652.searchresult span.type { 653 display:block; 654} 655.searchresult span.url { 656 color:Gray; 657} 658.searchpage ul.paging { 659 list-style-type:none; 660 margin:0; 661 margin-bottom:20px; 662 padding:0; 663} 664.searchpage ul.paging li { 665 display:inline; 666 border:1px solid gray; 667 background:#f1f1f1; 668 margin-right:5px; 669} 670.searchpage ul.paging li a { 671 padding:5px 8px; 672} 673.searchpage ul.paging li.active { 674 background:#f1f1f1; 675 border:1px solid black; 676} 677/*---------------------------- 678 Contact page 679----------------------------*/ 680#contact { 681 border:1px solid #8E8D90; 682 background-color:white; 683 background-image:url(img/contentbg.png); 684 background-position:left top; 685 background-repeat:repeat-x; 686 line-height:110%; 687 border-radius:.5em; 688 -moz-border-radius:.5em; 689 -webkit-border-radius:.5em; 690 box-shadow:0 0 15px #A5ACB5; 691 -moz-box-shadow:0 0 15px #A5ACB5; 692 -webkit-box-shadow:0 0 15px #A5ACB5; 693 padding:10px; 694} 695#contact h1 { 696 margin-top:0; 697} 698#contact label { 699 display:block; 700 padding-top:5px; 701} 702#contact input.field { 703 width:400px; 704 border:1px solid #8E8D90; 705 border-radius:.5em; 706 -moz-border-radius:.5em; 707 -webkit-border-radius:.5em; 708} 709#contact textarea { 710 border:1px solid #8E8D90; 711 display:block; 712 overflow:auto; 713 width:98%; 714 height:200px; 715 margin:0; 716 border-radius:.5em; 717 -moz-border-radius:.5em; 718 -webkit-border-radius:.5em; 719} 720/*---------------------------- 721 Comments 722----------------------------*/ 723#commentlist { 724 border:1px solid #8E8D90; 725 margin-bottom:20px; 726 background-color:white; 727 background-image:url(img/contentbg.png); 728 background-position:left top; 729 background-repeat:repeat-x; 730 line-height:110%; 731 border-radius:.5em; 732 -moz-border-radius:.5em; 733 -webkit-border-radius:.5em; 734 box-shadow:0 0 15px #A5ACB5; 735 -moz-box-shadow:0 0 15px #A5ACB5; 736 -webkit-box-shadow:0 0 15px #A5ACB5; 737} 738.comment_header { 739 height:60px; 740 display:block; 741 padding:0 5px; 742 vertical-align:middle; 743 background-color:#E3E7EB; 744 -moz-border-radius:5px; 745 -khtml-border-radius:5px 0 5px; 746 border-radius:5px; 747 border:1px solid #8E8D90; 748} 749.comment { 750 border:0 solid #8E8D90; 751 background-color:none; 752 margin:10px; 753 border:0; 754 padding:0; 755} 756.comment .author { 757 margin:0; 758 padding:3px 5px; 759 font-size:9pt; 760 border:0; 761 height:16px; 762} 763#addcomment, #comment { 764 font-size:12pt; 765 letter-spacing:1px; 766 font-weight:bold; 767} 768#comment-form { 769 border:1px solid #8E8D90; 770 padding:3px 10px; 771 margin-bottom:20px; 772 background-color:white; 773 background-image:url(img/contentbg.png); 774 background-position:left top; 775 background-repeat:repeat-x; 776 line-height:110%; 777 border-radius:.5em; 778 -moz-border-radius:.5em; 779 -webkit-border-radius:.5em; 780 box-shadow:0 0 15px #A5ACB5; 781 -moz-box-shadow:0 0 15px #A5ACB5; 782 -webkit-box-shadow:0 0 15px #A5ACB5; 783} 784.self { 785 background:#E3E7EB; 786 border:1px solid #8E8D90; 787 padding:5px 5px 0; 788 border-radius:.5em; 789 -moz-border-radius:.5em; 790 -webkit-border-radius:.5em; 791 box-shadow:0 0 15px #A5ACB5; 792 -moz-box-shadow:0 0 15px #A5ACB5; 793 -webkit-box-shadow:0 0 15px #A5ACB5; 794} 795.comment .gravatar { 796 float:left; 797 clear:both; 798 margin:4px 10px 6px 0; 799} 800.comment .gravatar img { 801 height:50px; 802 border:1px solid #8E8D90; 803 margin:0; 804 padding:0; 805 -moz-border-radius:5px; 806 -khtml-border-radius:5px; 807 -webkit-border-radius:5px; 808 border-radius:5px; 809} 810.comment img.flag { 811 margin-left:5px; 812} 813.comment .content { 814 min-height:60px; 815 margin:1px; 816 padding:5px; 817} 818.comment cite { 819 font-family:Monospace; 820 font-style:normal; 821} 822.visitor { 823 padding:8px 0; 824} 825.visitor div { 826 font-size:8pt; 827 color:#666; 828} 829#commenttoggle { 830 background:#A5ACB5; 831 border:1px solid #8E8D90; 832 -moz-border-radius:3px; 833 -khtml-border-radius:3px; 834 -webkit-border-radius:3px; 835 border-radius:3px; 836} 837#trackbacktoggle { 838 background:#A5ACB5; 839 border:1px solid #8E8D90; 840 -moz-border-radius:3px; 841 -khtml-border-radius:3px; 842 -webkit-border-radius:3px; 843 border-radius:3px; 844} 845.success { 846 color:#EE913C; 847 font-weight:bold; 848} 849/* nested comments */ 850.comment-replies { 851 background:transparent url(../../pics/reply-arrow.gif) no-repeat 2px 15px; 852 padding:0 0 0 15px; 853 margin:5px 0 0; 854} 855#commentlist #comment-form { 856 border:solid 1px #8E8D90; 857 background:#FFFFFF; 858 padding:10px; 859 margin:10px 0; 860} 861/* Comment notification unsubscription */ 862#commentNotificationUnsubscription { 863 margin-bottom:10px; 864 color:0; 865 background:#A5ACB5; 866 border:1px solid #8E8D90; 867 padding:10px; 868} 869#commentNotificationUnsubscription h1 { 870 margin:0 auto 12px; 871 padding:0; 872} 873/* comment menu */ 874#commentMenu { 875 padding:0; 876 margin:0; 877 clear:both; 878} 879#commentMenu li { 880 float:left; 881 border:1px solid #8E8D90; 882 border-bottom:transparent; 883 margin:0; 884 list-style:none; 885 margin-right:5px; 886 padding:3px 8px; 887 cursor:pointer; 888 position:relative; 889 top:2px; 890 background:#E3E7EB; 891 -webkit-border-top-left-radius:.5em; 892 -webkit-border-top-right-radius:.5em; 893 -moz-border-radius-topleft:.5em; 894 -moz-border-radius-topright:.5em; 895 border-top-left-radius:.5em; 896 border-top-right-radius:.5em; 897} 898#commentMenu li.selected { 899 background:#F6B829; 900 border-bottom:1px solid white; 901} 902.commentForm .bbcode { 903 font-size:9pt; 904 float:right; 905 position:relative; 906 top:20px; 907 padding:3px; 908} 909.commentForm .bbcodeNoLivePreview { 910 top:0; 911} 912.bbcode a { 913 margin:1px; 914 padding:1px 3px; 915 background:#fff; 916 border:1px solid #8E8D90; 917 -moz-border-radius:3px; 918 -khtml-border-radius:3px; 919 -webkit-border-radius:3px; 920 border-radius:3px; 921} 922/* comment form */ 923.commentForm textarea { 924 width:98%; 925 height:150px; 926 border:1px solid #8E8D90; 927 -webkit-border-radius:.5em; 928 -webkit-border-top-left-radius:0; 929 -moz-border-radius:.5em; 930 -moz-border-radius-topleft:0; 931 border-radius:.5em; 932 border-top-left-radius:0; 933} 934#commentPreview { 935 width:99%; 936 border:1px solid #8E8D90; 937 -webkit-border-radius:.5em; 938 -webkit-border-top-left-radius:0; 939 -moz-border-radius:.5em; 940 -moz-border-radius-topleft:0; 941 border-radius:.5em; 942 border-top-left-radius:0; 943} 944.commentForm label { 945 float:left; 946 display:block; 947 width:50px; 948 padding-right:3px; 949 text-align:right; 950} 951.commentForm input[type='text'] { 952 border:#8E8D90 1px solid; 953 background-color:#fff; 954 width:400px; 955 margin:2px 0; 956 border-radius:.5em; 957 -moz-border-radius:.5em; 958 -webkit-border-radius:.5em; 959} 960.commentForm select { 961 border:#ccc 1px solid; 962 width:308px; 963} 964select { 965 padding:3px; 966} 967input[type="text"], input[type="select"] { 968 padding:3px; 969} 970input[type="submit"], input[type="button"], input[type="file"] { 971 color:#000000; 972 background:#FFFFFF; 973 border:1px solid #8E8D90; 974 padding:3px 5px; 975 -webkit-border-radius: 5px; 976 -moz-border-radius: 5px; 977 border-radius: 5px; 978} 979input[type="submit"]:hover, input[type="button"]:hover { 980 color:#000000; 981 background:#E3E7EB; 982 cursor:pointer; 983} 984#searchcomments { 985 margin:10px 5px 0 0; 986} 987/*---------------------------- 988 Post Pager 989----------------------------*/ 990#PostPager { 991 display:block; 992 text-align:center; 993} 994#PostPager li { 995 display:inline; 996 border:0 solid #ccc; 997 margin:1px; 998 padding:2px; 999} 1000#PostPager li a { 1001 padding:2px 5px; 1002 text-decoration:none; 1003 font-weight:normal; 1004} 1005#PostPager li a:hover { 1006 padding:2px 4px; 1007 text-decoration:underline; 1008 color:#000000; 1009 background-color:#A5ACB5; 1010 border:1px solid #8E8D90; 1011 font-weight:normal; 1012 border-radius:4px; 1013 -moz-border-radius:4px; 1014 -webkit-border-radius:4px; 1015} 1016#PostPager .PagerLinkCurrent { 1017 background-color:transparent; 1018 color:#000000; 1019 font-weight:bold; 1020 padding:3px; 1021 border:0 solid #000000; 1022} 1023#PostPager .PagerLinkCurrent li { 1024 padding:2px; 1025} 1026#PostPager .PagerLinkDisabled { 1027 color:#A5ACB5; 1028 padding:2px; 1029} 1030#PostPager .PagerEllipses { 1031 border:0; 1032 padding:2px; 1033}