Advertisement
MikeJaza

Stylesheet

Dec 5th, 2012
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 27.42 KB | None | 0 0
  1. @charset "UTF-8";
  2. /*
  3. ------------------------------------------------------------------------
  4. Theme Name:    Delicate
  5. Theme URI:     http://www.nattywp.com/view-natty-theme.php?theme_id=99900&theme_name=Delicate
  6. Description:   With Delicate you can adjust Color scheme, display Header image or Page-based Slideshow, choose custom Slideshow effects and control Transition speed. This is a free professional WordPress theme built on the NattyWP CMS Framework.
  7. Version:       3.5.3
  8. Author:        NattyWP
  9. Author URI:    http://www.nattywp.com
  10. Tags:          light, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, theme-options
  11. ------------------------------------------------------------------------
  12.  
  13. Support:       NattyWP, contactus@nattywp.com
  14. Updated:       Jan 25 2012
  15. License:       This version licensed under the terms of GNU General Public License v2.0.
  16. License URI:   http://www.gnu.org/licenses/gpl-2.0.html
  17. */
  18.  
  19.  
  20. /* ------- Main color scheme -------- */
  21. .topnav li.current_page_item a span,
  22. .topnav li.current-cat a span,
  23. .topnav li.current-cat-parent a,
  24. .topnav li.current_page_parent a {color: #01ADF1;}
  25.  
  26. .topnav a,
  27. .topnav li ul li a span,
  28. .topnav li.current_page_item ul li a span,
  29. .topnav li.current-cat ul li a span {color: #454545;}
  30.  
  31. .topnav a:hover {color: #ff0505;}
  32.  
  33. .post h2,
  34. .post h2 a {color: #4D4D4F;}
  35.  
  36. .tagline {color:#333333;}
  37. .tagline a {text-decoration:none; color:#333333;}
  38.  
  39. .post {color: #4d4d4f;}
  40. .post a {color: #0e73b8;}
  41. .post a:hover,
  42. .post .postmetadata a.comments-link:hover,
  43. .post .postmetadata .category a:hover,
  44. .post .postmetadata small .author {color: #ff0505;}
  45.  
  46. #sidebar h2 {color: #4D4D4F;}
  47. #sidebar .widget {color: #454547;}
  48. #sidebar .widget a {color: #4D4D4F;}
  49. #sidebar .widget a:hover {color: #0e73b8;}
  50.  
  51. #sidebar .widget#widget_text,
  52. #sidebar .widget#widget_calendar,
  53. #sidebar .widget#widget_recent_comments,
  54. #sidebar .widget#googlemapWidget {color: #454547;}
  55.  
  56. #sidebar .widget#widget_text a,
  57. #sidebar .widget#widget_calendar a,
  58. #sidebar .widget#widget_recent_comments a,
  59. #sidebar .widget#googlemapWidget a {color: #0e73b8;}
  60.  
  61. #sidebar .widget#widget_text a:hover,
  62. #sidebar .widget#widget_calendar a:hover,
  63. #sidebar .widget#widget_recent_comments a:hover,
  64. #sidebar .widget#googlemapWidget a:hover {color: #ff0505;}
  65.  
  66. #sidebar .widget#widget_text,
  67. #sidebar .widget#widget_calendar,
  68. #sidebar .widget#widget_recent_comments,
  69. #sidebar .widget#googlemapWidget {}
  70.  
  71. #footer {color: #666666;}
  72. /* ------- END Main color scheme -------- */
  73.  
  74.  
  75. * {margin: 0pt; padding: 0pt; }
  76. body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#A1BD59; line-height:18px;}
  77. a { text-decoration: underline; color: rgb(39, 134, 194); outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; cursor: pointer; }
  78. a:hover { color: rgb(247, 83, 66); cursor: pointer; text-decoration: none; }
  79. ul { list-style-type: none; }
  80. li { list-style-type: none; }
  81. .clear { display: block; clear: both; visibility: hidden; }
  82. .tab-title {display:none; overflow:hidden; visibility:hidden;}
  83.  
  84. /* Fonts */
  85. h1 {font-size: 30px;}
  86. h2 {font-size: 1.6em; margin: 0;}
  87. h3 {font-size: 1.3em; padding: 0; margin: 0;}
  88. h1, h2, h3 { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; line-height:30px; }
  89. h2, h2 a { color:#4d4d4f; font-size:24px; font-weight:normal;}
  90. h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;}
  91. h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}
  92. .entry p {margin-bottom:15px; margin-top:10px;}
  93. code {margin: 0pt; padding: 1px 3px; background: rgb(255, 255, 225) none repeat scroll 0% 0%; font-family: Monaco,monospace; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;}
  94. em { font-style: italic; }
  95. hr { border: medium none ; margin: 0pt 0pt 1.4em; background: rgb(178, 204, 255) none repeat scroll 0% 0%; color: rgb(178, 204, 255); clear: both; float: none; width: 100%; height: 0.1em; }
  96. pre { padding: 10px; background: rgb(249, 249, 212) none repeat scroll 0% 0%; overflow: auto; margin-bottom: 15px; }
  97. acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em; cursor: help;}
  98. acronym, abbr {border-bottom: 1px dashed #999;}
  99. blockquote {background:transparent url(images/blockquote_bg.gif) no-repeat scroll left top; color:#000000; font-style:italic; margin:0 0 1em; min-height:1.5em; overflow:auto;
  100. padding:30px 10px 13px 18px;}
  101. blockquote p.source {color:#999999; font-size:11px; font-style:normal;}
  102. blockquote cite {margin: 5px 0 0; display: block;}
  103. .center {text-align: center;}
  104. .hidden { display: none;}
  105. a img {border: none;}
  106.  
  107. .entry h1, .entry h2, .entry h3, .entry h4, .entry h5 {font-weight:normal; line-height:135%; margin:25px 0 10px; padding-bottom:5px;}
  108. .notice {background: #FFF6BF; border-top: 2px solid #FFD324; border-bottom: 2px solid #FFD324; text-align: center; margin: 10px auto; padding: 5px 20px;}
  109. .alert {background: #FCE4E0; border-top: 2px solid #EB6D59; border-bottom: 2px solid #EB6D59; text-align: center; margin: 10px auto; padding: 5px 20px;}
  110. span.highlight {background:#F9F1ED none repeat scroll 0 0; color:#F75342; font-style:italic;}
  111. span.highlight-bold {font-size:120%; font-weight:bold; line-height:150%;}
  112. span.inset-left, span.inset-right {border:1px solid #E5E5E5; color:#333333; display:block; font-size:100%; font-style:italic; margin-top:25px; padding:12px 8px 8px; position:relative; text-align:center; width:30%;}
  113. span.inset-right-title, span.inset-left-title {background:#FFFFFF none repeat scroll 0 0; color:#F75342; display:block; font-size:100%; font-weight:bold; left:10px; padding:3px 8px; position:absolute; top:-15px;}
  114. span.inset-right {float:right; margin-left:15px;}
  115. span.inset-left {float:left; margin-right:15px;}
  116. span.dropcap {display:block;float:left;font-size:400%;line-height:100%;margin:0 4px 0 0;}
  117. .important {border:1px solid #E5E5E5; margin:25px 0 10px;padding:15px; position:relative;}
  118. span.important-title {background:#FFFFFF none repeat scroll 0 0; color:#F75342; display:block; font-size:120%; left:10px; padding:3px 8px; position:absolute; top:-0.8em;}
  119.  
  120. /* Begin Lists */
  121. html > body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: 0px;}
  122. html > body .entry li {margin: 7px 0 8px 10px;}
  123. .entry ol {padding: 0 0 0 35px; margin: 0;}
  124. .entry ol li {margin: 0; padding: 0; list-style: decimal outside;}
  125. .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none;}
  126. .entry dl { margin: 1.5em 0pt; }
  127. .entry dd{margin:0; padding:0 15px 15px; }
  128. .entry table { margin: 0pt auto;}
  129. .entry th, .entry td { height: 1em; line-height: 18px; padding:10px; }
  130. ol li, #sidebar ul ol li {list-style: decimal outside;}
  131.  
  132. ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet-5, ul.bullet-6 {}
  133. ul.bullet-1 li, ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li, ul.bullet-6 li {list-style-image:none; list-style-position:outside; list-style-type:none; margin-bottom:5px !important; padding-bottom:3px !important; padding-left:22px !important;}
  134. ul.bullet-1 li {background:url(images/bullets/3.gif) no-repeat 0 5px;}
  135. ul.bullet-2 li {background:url(images/bullets/4.gif) no-repeat 0 5px;}
  136. ul.bullet-3 li {background:url(images/bullets/1.gif) no-repeat 0 5px;}
  137. ul.bullet-4 li {background:url(images/bullets/2.gif) no-repeat 0 5px;}
  138. ul.bullet-5 li {background:url(images/bullets/5.gif) no-repeat 0 5px;}
  139. ul.bullet-6 li {background:url(images/bullets/6.gif) no-repeat 0 5px;}
  140. /* End Entry Lists */
  141.  
  142.  
  143. #header {height:111px;}
  144. .content-pad {width: 970px; background-color:#fff; text-align: left; margin: 0pt auto; padding:0 30px; position: relative; z-index: 1000;}
  145. .top { margin: 15px 0px 30px 0px; float:left; width: 970px; border-bottom:1px solid #EEEEEE; border-top:1px solid #EEEEEE;}
  146. .bot {background:url(images/main-bot.png) no-repeat; height:13px; clear:left; margin: 0px auto 0 auto; width: 995px;}
  147. #logo {padding-top:13px; float:left;}
  148. .tagline {position:absolute; font-size:12px; font-weight:bold; text-transform:uppercase; background:#fff; padding:6px 17px 4px 12px; top:50%; right:0px;}
  149. .head-img {margin-bottom:20px; position:relative;}
  150. .head-img img {border:0px;}
  151.  
  152. /* Search form */
  153. #top_search {height:30px; position:absolute; right:30px; top:100px; width:370px;}
  154. .search-input {background:transparent url(images/search.png) no-repeat scroll 0 0; border:medium none; color:#9499A1; float:left; font-family:Arial; font-size:13px; height:17px; margin:0; padding:5px 10px 0 38px; width:240px;}
  155. .search-submit {border:0 none; float:right; height:30px; margin-top:-2px; width:73px;}
  156.  
  157. .columns {width: 970px; border-bottom:1px solid #eeeeee; }
  158. .thumb {float:left;}
  159. img.attachment-thumbnail {float: left; padding: 0 10px 0 0 !important;}
  160. .narrowcolumn {float: left; padding: 12px 0 40px 0; margin: 0; width: 650px;}
  161. .post {margin:0px 10px 20px 0px; text-align:left;}
  162. .post .postmetadata img {float:left;width:30px;margin:0 5px 0 0;}
  163. .post .postmetadata {font-size:11px; border-top:1px dotted #d5d5d5; padding:3px 2px 10px 2px; text-align:left; margin-top:15px; color:#878789;}
  164. .post .postmetadata .category {margin:5px 0 6px 0; display:block;}
  165. .post .postmetadata .category a {background:url(images/ico-category.gif) no-repeat 0px 2px; padding-left:12px; color:#878789; margin-right:5px;}
  166. .post .postmetadata .category a:hover{}
  167. .post .title {position:relative;}
  168. .post .title h2 {line-height:35px;}
  169. .post .title h2 a {font-size:24px;}
  170. .singlepage .post .title {position:relative; width:500px;}
  171. .fullwidth.singlepage .post .title {width:865px;}
  172. .singlepage .post .title h2 {line-height:27px; overflow:hidden; max-height:55px;}
  173. .post small {font-size:11px; color:#878789; padding-left:3px;}
  174. .post small a.cat{ background:url(images/ico-meta.gif) 1px center no-repeat; padding:0 0 0 11px; color:#878789;}
  175. .post .comments { position:absolute; top:0px; left:500px; background:url(images/comment-bg.gif) no-repeat; padding-left:13px; padding-top:3px; display:block; height:30px; width:74px;}
  176. .post .comments a { font-size:11px; color:#FFF; text-decoration:none; }
  177. .post .comments a:hover { color:#FFF; text-decoration:underline;}
  178. .post .date {background:url(images/date_bg.jpg) no-repeat;  height:42px; width:77px; position:absolute; left:3px;}
  179. .post .post-month {color:#FFFFFF; display:block; font-size:11px; line-height:11px; margin-left:2px; padding-top:5px; text-align:center;}
  180. .post .post-day {color:#FFFFFF; display:block; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:18px; margin-left:-3px; padding-top:4px; text-align:center;}
  181. .post .entry { margin-top:26px;}
  182.  
  183.  
  184. .slideshow-bg {width:970px; position:relative; overflow:hidden;}
  185. .slideshow-bg #left-arrow {left: 15px; background:url("images/arrow-left.jpg") no-repeat;}
  186. .slideshow-bg #right-arrow {right:15px; background:url("images/arrow-right.jpg") no-repeat;}
  187. .slideshow-bg #left-arrow, .slideshow-bg #right-arrow {position:absolute; top:45%; display: block; width:21px; height:28px;}
  188. .slideshow-bg #left-arrow:hover, .slideshow-bg #right-arrow:hover {opacity:0.5;}
  189. .slideshow-bg .slideshow-main {padding:5px 25px 30px 60px;}
  190. .slideshow-bg .slideshow {overflow:hidden; width:970px; margin-bottom:15px; background:#F9F9F9; position:relative;}
  191. .slideshow-bg .slideshow, .slideshow-bg .slideshow > div {height:230px; width:970px;}
  192. .slideshow .desc {float:left; width:370px; padding:13px; margin-top:10px;}
  193. .slideshow .desc h2 {padding-bottom:28px;}
  194. .slideshow .desc h2 a {font-size:41px; font-weight:bold;}
  195.  
  196. #slideshow-nav {position:absolute; left:47%; bottom:0px;}
  197. #slideshow-nav a.activeSlide {background:url("images/pagination-small.png") no-repeat 0 0;}
  198. #slideshow-nav a {background:url("images/pagination-small.png") no-repeat 0 -9px; display:block; float:left; height:9px; margin:0 1px; text-indent:-9999px; width:9px;}
  199.  
  200.  
  201. #sidebar {float:right; padding:0 0 10px 0;  width:300px; color:#454547;}
  202. #sidebar h2 {margin: 0px 0px 10px 0px; padding: 0; font-size:19px;}
  203. #sidebar a {color:#878789; }
  204. #sidebar ul li.widget {float:left; width:280px; padding:10px 10px 30px 10px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; margin-bottom:15px; background:url('images/wg-bottom.gif') repeat-x bottom;}
  205. #sidebar ul #meta.widget  {background:none;}
  206. #sidebar ul li.widget a {text-decoration:none;}
  207. #sidebar ul li.widget a:hover {text-decoration:underline;}
  208. #sidebar ul li.widget#widget_search .search-input {width: 150px;}
  209. #sidebar ul li ul li{ float:none; width:auto; border-bottom:1px solid #e8e8e8; padding-bottom:5px !important;}
  210. #sidebar ul li ul li:last-child {border-bottom:none;}
  211. #sidebar ul li ul li:last-child.rss {border-bottom:1px solid #e8e8e8;}
  212. #sidebar ul li ul li ul {padding:0px !important; margin:0px !important;}
  213. #sidebar ul li ul li ul li{ margin:0px 0px 0px 10px !important; padding:0px !important; border:0px !important;}
  214. #sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
  215. #sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
  216. #sidebar ul ul li, #sidebar ul ol li {margin: 5px 0 0; padding: 0;}
  217. #sidebar .widget ul li a {background:url(images/ico-meta.gif) no-repeat 0 8px; padding:4px 0 4px 15px; line-height:16px;}
  218. #sidebar #widget_tag_cloud h2 {margin:0px;}
  219. #sidebar #widget_tag_cloud a {line-height:25px;}
  220. #sidebar #widget_text .textwidget {margin-top:7px;}
  221. #sidebar #widget_search h2 {float:left; padding-right:15px;}
  222. #sidebar #widget_recent_comments ul li a {background:none;}
  223. #sidebar #widget_text {line-height:18px;}
  224. #meta .rss {background:url("images/rss.gif") no-repeat right 3px;}
  225. #meta .twitter {background:url("images/twitter-small.gif") no-repeat right;}
  226.  
  227. #twitter .rightlink {background:url("images/ico-twitter.png") no-repeat scroll 120px 5px transparent; display:block; height:22px; padding-top:10px;}
  228. #sidebar .map {width:300px; height:300px; border:3px solid #FFF; margin-left:5px; margin-bottom:15px;}
  229. #sidebar #widget_search .c_simg {top:8px;}
  230.  
  231. #footer {border-top:2px solid #EDEEEF; padding: 23px 0pt 10px 0px; margin-bottom:0px !important; font-weight: normal; font-size: 0.9em; line-height: 15px; color: rgb(150, 150, 150); text-align:center;}
  232. #footer a {color: rgb(255, 255, 255);}
  233. #footer a:hover {color: rgb(247, 83, 66);}
  234. #footer .lt {float:left;}
  235. #footer .rt {float:right;}
  236. #footer .rt img.png {margin-top:-5px;}
  237.  
  238. /* Navigation */
  239. #menu {padding-top:5px;}
  240.  
  241. .topnav { z-index:99; margin:0; padding:0; list-style:none; line-height:1;}
  242. .topnav li { padding-right:30px;}
  243. .topnav a  { position:relative; text-transform:uppercase; font-size:17px; display:block; z-index:100; padding:5px 0px; line-height:18px; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
  244. .topnav a:hover {text-shadow:0 2px 4px rgba(0, 0, 0, 0.23);}
  245. .topnav li  {float:left; width: auto;}
  246. .topnav li a.sf-with-ul {padding-right:0px;}
  247.  
  248. /* Drop-down menu */
  249. .topnav li ul  { background: #FFF; position: absolute; left: -999em; width: 180px; border: 1px solid #dbdbdb; border-width:1px 1px 0; z-index:999; }
  250. .topnav li ul li  { background:#FFF; border-top:1px solid #fff; border-bottom:1px solid #dbdbdb; padding-right:0px;}
  251. .topnav li ul li a  { width:160px; font-size:11px; line-height:18px; padding:5px 10px; text-transform:none;}
  252. .topnav li ul li a.sf-with-ul { padding:5px 10px; }
  253. .topnav li ul li a:hover  { background:#FFF;}
  254. .topnav li ul ul  { margin: -30px 0 0 180px; }
  255. .topnav li ul ul li a  {}
  256. .topnav li ul li ul li a  {}
  257. .topnav li:hover,.topnav li.hover  { position:static; }
  258. .topnav li:hover ul ul, .topnav li.sfhover ul ul,
  259. .topnav li:hover ul ul ul, .topnav li.sfhover ul ul ul,
  260. .topnav li:hover ul ul ul ul, .topnav li.sfhover ul ul ul ul { left:-999em; }
  261. .topnav li:hover ul, .topnav li.sfhover ul,
  262. .topnav li li:hover ul, .topnav li li.sfhover ul,
  263. .topnav li li li:hover ul, .topnav li li li.sfhover ul,
  264. .topnav li li li li:hover ul, .topnav li li li li.sfhover ul  { left:auto; }
  265. .topnav .sf-sub-indicator {background:  url(images/arrow-superfish.png) no-repeat; position:absolute; display:block; right:-0.8em; top:0.7em; width:10px; height:10px; text-indent:-999em; overflow:hidden;}
  266. .topnav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; right:0.4em; top:0.9em;}
  267.  
  268.  
  269. /* TOP search bar*/
  270. #search-block{width:302px; padding-top:40px; margin-right:17px;}
  271. .c_simg {position:relative;}
  272. .s_input {background:transparent url(images/s_input.png) no-repeat scroll 0 0; float:left; height:26px; width:195px;}
  273. .s_input input {border:0 none; color:#9499a1; font-weight:normal; height:17px; margin-left:15px; margin-top:5px; width:180px;}
  274. .s_submit {float:left; padding:0px; *margin:0px 0px 0px 0px; *padding:0px 0px 1px 0px;}
  275.  
  276. /* Flickr */
  277. .flickr-pic {}
  278. .flickr-pic .flickr_badge_image { float:left; padding-right:16px; padding-top:5px; padding-bottom:5px;}
  279.  
  280. /* Pagination */
  281. #navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 0px;}
  282. #navigation a,
  283. #morepage-list a {border:1px solid #DDDDDD; color:#999999; font-size:11px; font-weight:normal; margin-right:2px; padding:2px 5px; text-decoration:none;}
  284. #navigation .on {border:1px solid #666666; color:#AAAAAA; font-size:11px; font-weight:normal; margin-right:2px; padding:2px 5px;}
  285. #navigation .alignleft { padding-left:20px;}
  286. #navigation .alignright { padding-right:20px;}
  287. /* End Pagination */
  288.  
  289. /* Begin Calendar */
  290. #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
  291. #wp-calendar a {text-decoration: none;}
  292. #wp-calendar caption {font: bold 1.3em 'Trebuchet MS', Verdana, Arial, Sans-Serif;text-align: center;}
  293. #wp-calendar th {font-style: normal;text-transform: capitalize;}
  294. #wp-calendar {empty-cells: show; margin: 10px auto 0; width: 230px;}
  295. #wp-calendar thead {text-align:center;}
  296. #wp-calendar #next a {padding-right: 10px; text-align: right; }
  297. #wp-calendar #prev a { padding-left: 10px; text-align: left;}
  298. #wp-calendar a {display: block;}
  299. #wp-calendar caption { text-align: center; width: 100%;}
  300. #wp-calendar td {padding: 3px 0; text-align: center;}
  301. #wp-calendar td.pad:hover {background-color: #fff;}
  302. /* End Calendar */
  303.  
  304. /* WP extention */
  305. .aligncenter {display: block; margin-left: auto !important; margin-right: auto !important;}
  306. .alignleft {float: left; margin: 5px 15px 10px 0px;}
  307. .alignright {float: right; margin: 5px 0px 10px 15px;}
  308. .wp-caption-text {color: #888;  font-size: 12px;    margin: 5px;}
  309. .wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; max-width:600px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;    border-radius: 3px;}
  310. .wp-caption img { margin: 0; padding: 0 !important; border: 0 none;}
  311. .wp-caption-dd {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
  312. .wp-smiley {margin:0;}
  313. .gallery {margin: auto;}
  314. .gallery .gallery-item {float: left; margin-top: 0; text-align: center; width: 33%;}
  315. .gallery img { border: 2px solid #cfcfcf;}
  316. .gallery .gallery-caption { color: #888;    font-size: 12px; margin: 0 0 12px;}
  317. .gallery dl { margin: 0;}
  318. .gallery img { border: 10px solid #f1f1f1;}
  319. .gallery br+br { display: none;}
  320.  
  321. /* Comment Form */
  322. #comment-form {padding-top:20px;}
  323. #commentform {margin-left:20px; padding-top:10px;}
  324. #comment-form p {clear:both;}
  325. #comment-form label { float: left; width: 200px; padding-top: 5px; font-size: .85em; font-weight: bold; margin-bottom:10px;}
  326. #comment-form label .required { font-size: .85em; font-weight: normal;}
  327. #comment-form label .required { color: #fff;}
  328. #comment-form input, #comment-form textarea {width: 265px;  padding: 5px 5px;}
  329. #searchforma .field {float:left;}
  330. #searchforma .field input {width:89px; padding:5px 5px;}
  331. #comment-form input, #comment-form textarea, #searchforma .field input {font: 12px Arial, Helvetica, Geneva, sans-serif; color: #727272; background: #EFEFEF; border-top: 1px solid #c1c1b7; border-right: 1px solid #fafaf6; border-bottom: 1px solid #fafaf6; border-left: 1px solid #c1c1b7;}
  332. #comment-form input:focus, #comment-form textarea:focus {color: #53534c; border: 1px solid #C3D3DF;}
  333. #comment-form #submit { width: auto; border: none; padding: 4px 10px; text-transform: uppercase; cursor: pointer;}
  334. #searchforma input#submit {width: auto; margin-left: 10px;border: none; padding: 4px 10px; text-transform: uppercase; cursor: pointer;}
  335. #comment-form #submit, #searchforma input#submit { font: bold .95em Arial, Helvetica, Geneva, sans-serif; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
  336.  
  337. /* Begin Comments*/
  338. .alt { margin: 0; padding: 10px;}
  339. .commentlist { margin:0px; padding: 0px; text-align: justify;}
  340. .commentlist li {margin: 15px 0px 20px 0px; padding: 5px 5px 10px 10px; list-style: none;}
  341. .commentlist li ul li { margin-right: -5px; margin-left: 10px;}
  342. .commentlist p {margin: 10px 5px 10px 0;}
  343. .children { padding: 0;}
  344. #commentform p {margin: 5px 0;}
  345. .nocomments {text-align: center;margin: 0;padding: 0;}
  346. .commentmetadata {margin: 5px 0px 15px 5px; display: block;}
  347. .thread-alt {background-color: #FFFFFF;}
  348. .commentlist p {display:block; background:#EFEFEF; padding:10px; -moz-border-radius-bottomleft:5px;
  349. -moz-border-radius-bottomright:5px;
  350. -moz-border-radius-topleft:5px;
  351. -moz-border-radius-topright:5px;}
  352. .thread-even {background-color: #fff; -moz-border-radius:10px; -webkit-border-radius: 10px;}
  353. .depth-1 {border: 0px;}
  354. .even, .alt {border-left: 0px;}
  355. .children .depth-1 { border-left:1px solid #CFCFCF; border-right:0px; border-top:0px; border-bottom:0px;}
  356. .navigation {display: block; text-align: center; margin-top: 10px;}
  357. .commentlist li .avatar { float: left; margin-right:10px;   border: 1px solid #eee; padding: 2px !important; background: #fff;}
  358. .commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
  359. #respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
  360. #respond {color:#162F42;}
  361.  
  362. .comment-meta a { color:#162F42; font-size:11px; text-decoration:none;}
  363. .comment-meta a:hover {text-decoration:underline;}
  364. .comment-author cite {background:url(images/icons/autor-ico.png) no-repeat left center; padding-left:20px;}
  365. .comment-author cite, .comment-author cite a{ font-size:13px; font-weight:bold;}
  366.  
  367. .reply { padding-left:24px; height:17px; float:right;}
  368. .reply { background: url(images/icons/reply-ico.png) no-repeat left center;}
  369. .reply a {font-size:11px;}
  370. cite .note, cite .note a { font-size:10px; font-weight:bold; color:#454547;}
  371. /* End Comments */
  372.  
  373. /* Natty */
  374. .hid {display:none; position:absolute;}
  375. .lin { position:absolute; color:#b0b09f; bottom:58px; right:0px; margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px;}
  376. .lin img {vertical-align:middle;}
  377.  
  378. /* Image in post */
  379. .entry img {padding:10px; max-width:590px; max-height:auto; height:auto;}
  380. .entry .thumb img { padding:0px 10px 0px 0px;}
  381. .fullwidth { width:100%;}
  382.  
  383. /* Author profile */
  384. #entry-author-info { background:url("images/wg-bottom.gif") repeat-x scroll center top #F2F7FC; border-top: 0px solid #000; padding: 18px 20px; margin: 24px 0; overflow: hidden;   clear: both;    font-size: 14px;    line-height: 20px;}
  385. #entry-author-info #author-avatar { background: #fff;   border: 1px solid #e7e7e7;  float: left;    margin: 0 -104px 0 0;   padding: 11px;  height: 60px;}
  386. #entry-author-info #author-description {float: left;    margin: 0 0 0 104px;}
  387. #entry-author-info h2 { color: #000; font-weight: bold; font-size: 100%; margin-bottom: 0;}
  388. #author-description .user-link {color:#0971B2; padding-bottom:10px;}
  389. .entry-utility {color: #888; font-size: 12px; line-height: 18px; clear: both;}
  390. .entry-meta a,
  391. .entry-utility a {color: #888;}
  392. .entry-meta a:hover,
  393. .entry-utility a:hover {color: #FF4B33;}
  394. #content .video-player {padding: 0;}
  395.  
  396. /* Addon */
  397. .commentlist .post.pingback {border-bottom:1px solid #E7E7E7; margin-bottom:18px; padding-bottom:18px;}
  398. .commentlist .post.pingback p {background:#ffffff; padding:0px; margin:0px;}
  399. .commentlist .post.pingback a.comment-edit-link {color:#888888;}
  400. .home .sticky {background: #F9f9f9; padding: 18px 20px;}
  401.  
  402. #respond {border-top: 1px solid #E7E7E7; margin: 24px 0; overflow: hidden; position: relative;}
  403. #respond label {color: #888888; font-size: 12px;}
  404. h3#reply-title {margin: 18px 0;}
  405. h3#comments-title, h3#reply-title {color: #4D4D4F; font-size: 22px; font-weight: normal; margin-bottom: 0;}
  406. #cancel-comment-reply-link {font-size: 12px; font-weight: normal; line-height: 18px;}
  407. #respond textarea {width: 98%;}
  408. #respond input[type="text"], #respond textarea {background: #F9F9F9; border: 1px solid #CCCCCC; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);  -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  409. }
  410. #respond .form-allowed-tags { color: #888888; font-size: 12px; line-height: 18px;}
  411. #respond .form-submit { margin: 12px 0;}
  412. li.comment #respond .form-allowed-tags {display:none;}
  413. li.comment #respond .comment-form-comment,
  414. li.comment #respond .form-submit,
  415. li.comment #respond .form-allowed-tags,
  416. li.comment #respond .comment-form-author,
  417. li.comment #respond .comment-form-email,
  418. li.comment #respond .comment-form-url {background:#fff;}
  419. li.comment #respond #comment-form p {padding:5px;}
  420. #respond span.required {display:none;}
  421. .commentlist .bypostauthor {}
  422.  
  423.  
  424. body {
  425.     padding: 2em;
  426.     margin: 0;
  427.     font-family: Arial, Helvetica, sans-serif;
  428.     font-size: small;
  429.     color: #BEC4CB;
  430.    
  431. }
  432.  
  433. /* Simple column layout */
  434. .column-wrapper {
  435.     margin-top: 2em;
  436.     overflow: auto;
  437.     padding: 2em;
  438.     border: 1px solid #FFF;
  439.     background: #DBE2EB;
  440.     color: #333;
  441.     font-family: Georgia, "Times New Roman", Times, serif;
  442.     -webkit-border-radius: 6px;
  443.     -moz-border-radius: 6px;
  444.     border-radius: 6px;
  445.     -webkit-box-shadow: rgba(255,255,255,0.5) 0px 2px 6px;
  446.     -moz-box-shadow: rgba(255,255,255,0.5) 0px 2px 6px;
  447.     box-shadow: rgba(255,255,255,0.5) 0px 2px 6px;
  448. }
  449. .column-video {
  450.     float: left;
  451.     padding-left: 0;
  452.     width: 650px;
  453.     margin-bottom: 0;
  454.     padding-bottom: 0;
  455.     height: 480px;
  456.    
  457. }
  458. .column-transcript, .column-abstract {
  459.     float: left;
  460.     padding-left: 0;
  461.     padding-top: 0px;
  462.     width: 640px;
  463. }
  464.  
  465. .abstract {
  466.     font-size: medium;
  467.     font-weight: normal;
  468.     font-style: italic;
  469.     color: #3A4E67;
  470. }
  471.  
  472. .bordered-video { border: 5px solid #9BA6C2; margin: 0 auto; }
  473.  
  474. #EasyCaptions-caption {
  475.     padding: 10px;
  476.     background: #333C45;
  477.     color: #FFF;
  478.     font-weight: bold;
  479.     font-size: small;
  480.     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  481.     border-top: 1px solid #9BA6C2;
  482.     min-height: 3em;
  483. }
  484.  
  485. #transcript {
  486.     padding: 10px;
  487.     background: #FFF;
  488.     font-size: small;
  489.     border: 1px solid #9BA6C2;
  490.     height: 270px;
  491.     overflow: auto;
  492.     color: #333;
  493. }
  494.  
  495. /* Hover styling will not work in IE6 because of lack of pseudoclass :hover support
  496. Considered acceptable for this demo, as most people should be on IE7 or higher. */
  497. #transcript.enabled span:hover {
  498.     background: #FF3;
  499.     cursor: pointer;
  500.     box-shadow: 0px 2px 2px rgba(0,0,0,.33);
  501.     -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.33);
  502.     -moz-box-shadow: 0px 2px 2px rgba(0,0,0,.33);
  503.     filter: progid:DXImageTransform.Microsoft.dropShadow(color=#CCC, offX=0, offY=1, positive=true);   
  504. }
  505.  
  506.  
  507. /* styling for fallback content */
  508. video p, video li {
  509.     width: 80%;
  510.     margin-left: 10%;
  511. }
  512. video a:link, video a:visited { color: #036; }
  513.  
  514. #legalese {
  515.     margin: 2em auto;
  516.     font-size: x-small;
  517.     text-align: center;
  518. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement