PageRenderTime 46ms CodeModel.GetById 17ms RepoModel.GetById 1ms app.codeStats 0ms

/wp-content/themesSECONDBAK/clean-copy-left-sidebar-1/style.css

https://bitbucket.org/zachisit/zachis.it-m
CSS | 374 lines | 312 code | 48 blank | 14 comment | 0 complexity | c1a06def06f0853a375dfd76baa11b59 MD5 | raw file
  1. /*
  2. Theme Name: Clean Copy
  3. Author URI: http://corymiller.com
  4. Version: 1
  5. Author: Cory Miller
  6. Description: Clean Copy 2 Column is a clean blue, grey and white theme designed for blog content and sharp simplicity.
  7. The CSS, XHTML and design is released under GPL:
  8. http://www.opensource.org/licenses/gpl-license.php
  9. Header photo by Ville Miettinen, used with permission
  10. */
  11. .port_cont {width:520px;height:400px;margin-left:130px;}
  12. .port_cont_right {width:250px; float:right; border:1px solid #ccc; margin-bottom:20px; height:200px;}
  13. .port_cont_left {width:250px; float:left; border:1px solid #ccc; margin-bottom:20px; height:200px;}
  14. .shashinThumbnailsTable {margin:0 !important;}
  15. .about_name {color:#0065B3;}
  16. #contact {width:400px;height:100%;margin:60px auto 0 auto;}
  17. .wpcf7-form input, .contactenpu {color:#666; font-size:12px;padding:3px;}
  18. #shashinGroup_1_1 a, #shashinThumbnailDiv a {border:0 !important;}
  19. .shashin_caption_title {display:none !important;}
  20. .ngg-modal-content {font-size:14px !important;}
  21. body {
  22. background: #fff;
  23. color: #000000;
  24. font-size: 15px;
  25. font-family: Arial, Verdana, Sans-Serif;
  26. margin: 0px 0px 0px 0px;
  27. }
  28. body * {margin: 0px; padding: 0px;}
  29. #lightbox-image-details-currentNumber {color:#0065B3 !important;text-align:center !important; margin-top:20px !important;font-size:11px !important;}
  30. #lightbox-image-details-caption, #lightbox-image-details {color:black !important;}
  31. #container {
  32. background: #ffffff;
  33. width: 780px;
  34. text-align: left;
  35. margin: 30px auto 0px auto;
  36. overflow: hidden;
  37. min-height:1200px;
  38. }
  39. #header {
  40. border-bottom: 1px solid #CCCCCC;
  41. height: 36px;
  42. padding: 0px;
  43. text-align: left;
  44. }
  45. #header h2 {
  46. color: #000;
  47. font-size: 30px;
  48. font-family: Helvetica, Arial, Verdana, Sans-Serif;
  49. font-weight: bold;
  50. margin-top:2px;
  51. width:auto;
  52. float:left;
  53. }
  54. #header h2 a {
  55. color: #000;
  56. text-decoration: none;
  57. }
  58. #header h2 a:hover {
  59. color: #000;
  60. text-decoration: none;
  61. }
  62. #header h3 {
  63. color: #ffffff;
  64. float:left;
  65. font-size: 13px;
  66. width:auto;
  67. font-family: Georgia, Times New Roman, Sans-Serif;
  68. text-indent: 5px;
  69. margin: 0px;
  70. text-display:-9999px;
  71. }
  72. #header_cont {width:auto;height:36px;padding:0 10px;}
  73. #menu {
  74. margin: 0px;
  75. float:right;
  76. width:auto;
  77. padding: 4px 0px 4px 0px;
  78. text-align: center;
  79. }
  80. #menu img{
  81. border: none;
  82. }
  83. #menu li {
  84. display: inline;
  85. list-style-type: none;
  86. margin: 0px 10px;
  87. padding: 0px;
  88. }
  89. #menu ul {
  90. padding: 4px;
  91. }
  92. .about_sub {color:#000; font-weight:bold;}
  93. #menu ul li a {
  94. font-size: 15px;
  95. color: #666;
  96. padding: 0px 0 5px 0;
  97. margin: 0px;
  98. text-decoration: none;
  99. }
  100. #menu ul li a:hover {
  101. text-decoration: none;
  102. padding: 0px 0 2px 0;
  103. margin: 0px;
  104. color:#ff6600;
  105. border-bottom:2px solid #ff6600;
  106. }
  107. #content {
  108. display: block;
  109. background: #ffffff;
  110. width: 100%;
  111. margin-top: 20px;
  112. margin-bottom: 20px;
  113. margin-left: 0px;
  114. margin-right: 0px;
  115. float: left;
  116. position:relative;
  117. padding: 0px 0px 15px 0px;
  118. }
  119. #content p{
  120. margin: 0px;
  121. line-height: 18px;
  122. padding: 0px 0px 20px 0px;
  123. text-align:justify;
  124. display:none;
  125. }
  126. #content h1 {
  127. color: #333333;
  128. font-size: 22px;
  129. font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
  130. font-weight: normal;
  131. padding: 10px 10px 10px 10px;
  132. line-height: 150%;
  133. margin: 0px;
  134. }
  135. blockquote{
  136. margin: 0px 0px 0px 25px;
  137. padding: 0px 25px 0px 10px;
  138. font-style: italic;
  139. color: #666666;
  140. border-left: 1px solid #cccccc;
  141. }
  142. #content blockquote p{
  143. margin: 0px 0px 20px 0px;
  144. padding: 0px;
  145. }
  146. .postspace {
  147. width: 440px;
  148. height: 32px;
  149. margin: 0px;
  150. padding: 0px;
  151. }
  152. .postspace2 {
  153. width: 440px;
  154. height: 30px;
  155. margin: 0px;
  156. padding: 0px;
  157. }
  158. .postspace3 {
  159. width: 440px;
  160. height: 15px;
  161. margin: 0px;
  162. padding: 0px;
  163. }
  164. #sidebar {
  165. display: block;
  166. color: #000000;
  167. width: 190px;
  168. float: left;
  169. position:relative;
  170. margin: 20px 20px 20px 20px;
  171. padding: 20px 30px 20px 30px;
  172. text-align: left;
  173. border: 1px solid #cccccc;
  174. }
  175. * html #sidebar { margin: 20px 20px 20px 10px; }
  176. #sidebar p{
  177. margin: 0px;
  178. line-height: 16px;
  179. padding: 5px 0px 10px 0px;
  180. }
  181. #sidebar h2 {
  182. color: #333333;
  183. font-size: 15px;
  184. font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
  185. list-style: none;
  186. padding: 10px 0px 10px 0px;
  187. margin: 0px;
  188. border-bottom: 1px solid #cccccc;
  189. }
  190. #sidebar ul {
  191. list-style: none;
  192. margin: 0px;
  193. padding: 0px 0px 20px 0px;
  194. }
  195. #sidebar li {
  196. list-style: none;
  197. margin: 0px;
  198. padding: 0px;
  199. }
  200. #sidebar ul li {
  201. list-style: none;
  202. margin: 0px;
  203. padding: 6px 0px 5px 0px;
  204. }
  205. #sidebar ul li a {
  206. color: #2397E9;
  207. font-weight: bold;
  208. text-decoration: underline;
  209. }
  210. #sidebar ul li a:hover {
  211. color: #000000;
  212. text-decoration: none;
  213. }
  214. #footer {
  215. display:none;
  216. }
  217. #footer a {
  218. color: #FFFFFF;
  219. text-decoration: none;
  220. }
  221. #footer a:hover {
  222. color: #FFFFFF;
  223. text-decoration: underline;
  224. }
  225. /* lAnDinG pAGE SpECiFiC STylnG */
  226. #landing_header {height:100px;margin-top:150px;float:left;width:100%;background:white;}
  227. #landing_header a {border-bottom:2px solid #2FAACE;padding-bottom:5px;color:#2F2F2F !important;text-decoration:none;}
  228. #landing_header a:hover {color:#fff;border-bottom:0;}
  229. #landing_header h1 {width:700px;margin:0 auto;font-size:25px;line-height:150%;text-align:center;color:#2F2F2F;}
  230. #work_landing_text {height:100px;margin-top:150px;float:left;width:100%;background:white;}
  231. #work_landing_text a {border-bottom:2px solid #2FAACE;padding-bottom:5px;color:#2F2F2F !important;text-decoration:none;}
  232. #work_landing_text a:hover {color:#fff;border-bottom:0;}
  233. #work_landing_text h1 {width:700px;margin:0 auto;font-size:25px;line-height:150%;text-align:center;color:#2F2F2F;text-decoration:none;}
  234. #portfolio {margin-top:400px;height:300px;background:pink;width:100%;float:left;}
  235. .logo_one {font-weight:normal;font-size:24px;font-family:arial;color:#ff6600;}
  236. .logo_two {font-weight:normal;font-style:italic;font-family:times new roman;font-size:28px;color:#FF6600;}
  237. #contact_right {width:400px;font-size:14px;margin:0 auto;}
  238. .contact_required {color: #FF6600;}
  239. #contact_right p {text-align:justify;}
  240. #contact_left {width:100%;float:left;font-size:14px;}
  241. #contact_left ul {margin:10px 0 0 0;padding:0;}
  242. #contact_left ul li.email {background:url(images/contact_email.jpg) no-repeat;padding:8px 0 0 45px;list-style:none;min-height:40px;margin-bottom:5px;font-weight:bold;color:#0065B3;}
  243. #contact_left ul li.phone {background:url(images/contact_phone.jpg) no-repeat;padding:8px 0 0 45px;list-style:none;min-height:40px;margin-bottom:5px;font-weight:bold;color:#0065B3;}
  244. #contact_left ul li.home {background:url(images/contact_home.jpg) no-repeat;padding:8px 0 0 45px;list-style:none;min-height:40px;margin-bottom:5px;font-weight:bold;color:#0065B3;}
  245. #contact_left img {float:left;padding:5px;border:1px solid #ccc;margin-right:10px;}
  246. #content h2 {color:#FF6600; border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:10px;font-weight:bold;font-size:18px;}
  247. #contact_right input, #contact_right textarea {border:1px solid; height:30px;font-size:18px;text-align:center !important;color:#999;width:390px;text-shadow:0 -1px 0 #000000;}
  248. #contact_right textarea {height:120px !important; font-family:helvetica,sans-serif; padding:5px !important;width:380px !important;}
  249. .wpcf7-submit {
  250. color:white !important;
  251. padding:5px !important;
  252. height:auto !important;
  253. background:#2FAACE !important;
  254. font-size:15px !important;
  255. font-weight:bold !important;
  256. font-family:arial,serif;
  257. border-radius: 10px;
  258. }
  259. #porfolio_landing {width:100%;float:left;height:200px;}
  260. #portfolio_landing_one {width:auto;font-size:32px;text-align:center;font-style:italic;float:left;}
  261. #portfolio_landing_two {width:auto;font-size:32px;text-align:center;font-style:italic;float:left;margin:0 0 0 170px;}
  262. #portfolio_landing_three {width:auto;font-size:32px;text-align:center;font-style:italic;float:right;}
  263. /* try chnages */
  264. #current { border-bottom:2px solid #ff6600;padding-bottom:2px !important;}
  265. #current a:hover {border:0 !important;color:#ff6600;}
  266. #current a {padding: 0 !important;margin:0 !important;}
  267. /*End of try changes for menu*/
  268. #content ul {margin-bottom:10px;}
  269. #content ul li {padding:0 10px 0 0;float:left;list-style:none;}
  270. .port_item {width:100%;height:150px;float:left;}
  271. .port_item_top {width:100%;height:335px;float:left;}
  272. .port_item_top_mobile {width:100%;height:245px;float:left;}
  273. #page_header {padding:30px 0;background:#2FAACE;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;margin-bottom:30px;}
  274. h3.page_header {
  275. text-shadow: 0px -1px 0px #000;
  276. filter: dropshadow(color=#000,offX=0,offY=1);
  277. font-family: Rockwell, Georgia, "Times New Roman", Times, serif;
  278. font-size: 40px;
  279. color: white;
  280. font-style:italic;
  281. }
  282. #lightbox-image-details-caption, #lightbox-image-details {margin-top:30px !important;font-size:14px !important;line-height:130% !important;text-align:justify !important;font-weight:normal !important;margin-bottom:30px !important;}
  283. #lightbox-nav, #lightbox-nav-btnPrev, #lightbox-nav-btnNext {margin-top:100px !important;}
  284. #about {height:200px;width:590px;margin:0 auto;}
  285. #about_right {width:600px;float:left;}
  286. #about_left {width:330px;float:left;margin-left:20px;font-size:15px !important;}
  287. #about_right ul li {padding:0 0 10px 0 !important;list-style:circle !important;font-size:15px !important;}
  288. img.centered {
  289. display: block;
  290. margin-left: auto;
  291. margin-right: auto;
  292. }
  293. img.alignright {
  294. padding: 4px;
  295. margin: 0 0 2px 7px;
  296. display: inline;
  297. }
  298. img.alignleft {
  299. padding: 4px;
  300. margin: 0 7px 2px 0;
  301. display: inline;
  302. }
  303. .alignright {
  304. float: right;
  305. }
  306. .alignleft {
  307. float: left;
  308. }
  309. #about_right ul {width:250px;float:right;}
  310. li.mobile .ngg-gallery-thumbnail img, li.mobile .ngg-gallery-thumbnail img:hover {border:0px !important; background:none !important;}
  311. #about_second {color:#333;line-height:20px; margin:0 0 40px 0}
  312. #about_bottom {color:#333;line-height:20px;}
  313. #about_top {color:#333;line-height:20px;margin:0 0 40px 0;}
  314. #about_bottom {color:#333;line-height:20px;}
  315. #sidebar_about {width:100px;float:left;}
  316. #sidebar_content{width:680px;float:right;}
  317. .shashinThumbnailDiv {pointer-events: none !important;}
  318. .shashinThumbnailImage {pointer-events: none !important;}
  319. .loadingdiv{
  320. display:block;
  321. /*set the div in the center of the screen*/
  322. position:absolute;
  323. top:50%;
  324. left:35%;
  325. width:350px;
  326. }#prevpic a, #shPrev{position:absolute !important;top:50% !important;}