rounded-corners.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. /**
  2. * This file enables CSS3-based rounded corners for capable browsers.
  3. *
  4. * Author: Sayontan Sinha
  5. */
  6. /* All corners same */
  7. .photonique #subnav,
  8. .photonique .hier-nav,
  9. .suf-flat-widget,
  10. .warea .suf-flat-widget .dbx-content,
  11. #language-selector ul ul li,
  12. #language-selector ul ul li a,
  13. #language-selector ul ul li a:visited {
  14. border-radius: 0;
  15. }
  16. a.comment-reply-link, a.comment-reply-login, .comment-response-type, .response-type, .wp-caption, .exif-button,
  17. .suf-mag-headline-block li.suf-mag-headline a.tab-current, .widget-suf-cat-posts li.suf-cat-post:hover,
  18. .suf-mag-category li.suf-mag-catblock-post:hover, .activity-meta a, ul.item-list span.activity {
  19. border-radius: 3px;
  20. }
  21. .cl-widget, .suf-widget, .post, article.page, .non-wp-post, #subnav, .hier-nav, .page-nav, .post-nav, .flattened, .author-profile, .info-tag,
  22. .info-category, #featured-posts, h3#comments, h3.comments, h3#respond, h3.respond, #reply-title, textarea, .author-info, blockquote, pre,
  23. input[type="text"], input[type="password"], .commentlist li, .suf-mag-category, .suf-mag-excerpt, .suf-tile,
  24. h2.suf-mag-headlines-title, .suf-mag-excerpts-header, .suf-mag-categories-header, #recaptcha_response_field, #language-selector ul li,
  25. #language-selector ul li a, #language-selector ul li a:visited, .download, .announcement, .warning, .note, .suf-mag-headlines,
  26. .nr-post h3, .nr_widget h4, .post form#whats-new-form #whats-new-textarea, .post form#whats-new-form, ul.item-list li, .standard-form, fieldset, .outer-pullout-container .meta-pullout {
  27. border-radius: 5px;
  28. }
  29. #wrapper {
  30. border-radius: 7px;
  31. }
  32. input.searchfield,
  33. .dir-search input {
  34. border-radius: 10px;
  35. }
  36. legend,
  37. .button, input[type="button"], input[type="submit"], .submit, a.more-link,
  38. a.excerpt-more-append,
  39. a.excerpt-more-append:hover,
  40. a.excerpt-more-append:visited,
  41. a.suf-mag-excerpt-full-story,
  42. a.suf-mag-excerpt-full-story:hover,
  43. a.suf-mag-excerpt-full-story:visited,
  44. a.suf-mag-category-all-posts,
  45. a.suf-mag-category-all-posts:hover,
  46. a.suf-mag-category-all-posts:visited, .generic-button {
  47. border-radius: 20px;
  48. }
  49. #nav.continuous ul li,
  50. #nav.continuous ul li a {
  51. border-radius: 0;
  52. }
  53. /* Same top-left and top-right */
  54. #nav ul ul li,
  55. #nav ul ul li a,
  56. #nav ul ul li a:visited {
  57. border-top-left-radius: 0;
  58. border-top-right-radius: 0;
  59. }
  60. .dbx-handle {
  61. border-top-left-radius: 3px;
  62. border-top-right-radius: 3px;
  63. }
  64. #commentform label.textarea,
  65. h2.suf-mag-category-title,
  66. #language-selector ul ul li:first-child,
  67. #language-selector ul ul li:first-child a,
  68. #language-selector ul ul li:first-child a:visited,
  69. ul.sidebar-tabs li a,
  70. #nav ul li, #nav ul li a, #nav ul ul ul li:first-child, #nav ul ul ul li:first-child > a, #nav ul ul ul ul li:first-child > a:hover,
  71. #nav-top ul ul ul li:first-child, #nav-top ul ul ul li:first-child > a, #nav-top ul ul ul li:first-child > a:hover,
  72. #item-nav div.item-list-tabs ul li {
  73. border-top-left-radius: 5px;
  74. border-top-right-radius: 5px;
  75. }
  76. /* Same top-left and bottom-left */
  77. #commentform label {
  78. border-top-left-radius: 5px;
  79. border-bottom-left-radius: 5px;
  80. }
  81. .collapse .searchfield {
  82. border-top-left-radius: 15px;
  83. border-bottom-left-radius: 15px;
  84. }
  85. /* Same top-right and bottom-right */
  86. .collapse .searchfield,
  87. #commentform input[type='text'].inside {
  88. border-top-right-radius: 0;
  89. border-bottom-right-radius: 0;
  90. }
  91. #commentform input[type="text"] {
  92. border-top-right-radius: 5px;
  93. border-bottom-right-radius: 5px;
  94. }
  95. /* Same bottom-left and bottom-right */
  96. #language-selector ul ul li:last-child,
  97. #language-selector ul ul li:last-child a,
  98. #language-selector ul ul li:last-child a:visited,
  99. div.sidebar-tab-content,
  100. #nav ul ul li:last-child, #nav ul ul li:last-child > a, #nav ul ul li:last-child > a:hover,
  101. #nav-top, #nav-top ul ul li:last-child, #nav-top ul ul li:last-child > a, #nav-top ul ul li:last-child > a:hover {
  102. border-bottom-left-radius: 5px;
  103. border-bottom-right-radius: 5px;
  104. }
  105. .photonique #nav-top {
  106. border-bottom-left-radius: 0;
  107. border-bottom-right-radius: 0;
  108. }
  109. /* Solo corners */
  110. #commentform input[type="text"],
  111. #commentform label.textarea {
  112. border-bottom-left-radius: 0;
  113. }
  114. #commentform input[type="text"],
  115. #commentform textarea {
  116. border-top-left-radius: 0;
  117. }
  118. #commentform textarea.inside {
  119. border-top-right-radius: 0;
  120. border-bottom-right-radius: 0;
  121. border-bottom-left-radius: 0;
  122. }
  123. .mm-warea {
  124. border-bottom-left-radius: 10px;
  125. border-bottom-right-radius: 10px;
  126. }
  127. #nav .mm-warea .mm-widget li:first-child, #nav .mm-warea .mm-widget li:last-child, #nav-top .mm-warea .mm-widget li:first-child, #nav-top .mm-warea .mm-widget li:last-child {
  128. border-radius: 0;
  129. }