h1 { max-width: 650px; } #section-banner { margin: 50px 0 18px 0; } #section-banner img { margin-left: 200px; } #column-left { width: 16%; min-height: 400px; padding: 17px 2%; background: #f2eccf; } #content { width: 76%; padding: 2%; } #column-left h3 { margin: 20px 0 0 0; padding: 0; font-size: 14px; color: #555; font-weight: normal; background: none; } #column-left h3:first-child { margin-top: 0; } #column-left h3 a { color: #a00; font-weight: bold; } #column-left h3 a:hover { text-decoration: underline; } #column-left ul { margin: 0; padding: 0; list-style-type: none; line-height: 13px; overflow: hidden; } #column-left ul li { margin: 6px 0; } #column-left ul li a { color: #a86; text-decoration: none; } #column-left .adgroup { margin-left: -5px; text-align: left; } #column-left .ad { margin-top: 36px; } #column-left h3 { margin-bottom: 4px; font-size: 18px; } #content { margin-top: 10px; padding-top: 12px; } /* index / submit / search */ .page-snippets-index #content { margin-top: 0; } .page-snippets-index h1 { font-size: 16px; font-weight: normal; color: #8f2a18; } .page-snippets-index h1 + p { float: left; max-width: 700px; margin: 0 0 12px 0; color: #5f5f5f; line-height: 1.5em; font-size: 12px; } /* .page-snippets-index h1 + p + p { float: left; width: 310px; margin: 0 0 12px 15px; padding-left: 15px; font-size: 12px; color: #888; border-left: 1px solid #888; line-height: 1.5em; } */ .page-snippets-index #content form { float: left; height: 250px; margin-bottom: 30px; } .page-snippets-index #content .form-controls input:hover { filter: alpha(opacity = 75); opacity: 0.75; cursor: pointer; } .page-snippets-index #content h3 { margin: 0 0 10px 0; color: #fff; } #form-submit { width: 55%; padding: 10px 2%; border-radius: 0 0 0 5px; background: #777; } #form-search { width: 35%; padding: 10px 2%; border-left: 1px solid #aaa; border-radius: 0 5px 5px 0; background: #888; } #code-search { float: left; width: 245px; height: 28px; padding: 2px 0 2px 5px; font-size: 16px; color: #555; border: 0; border-radius: 3px; } #code-search + .form-controls { float: left; margin-left: 7px; } #form-search p { clear: both; margin-right: 44px; padding: 5px 0 0 0; font-size: 11px; color: #fff; text-align: right; } #form-search p a { color: #fff; text-decoration: none; } #form-search p a:hover { text-decoration: underline; } #search-submit { margin-left: 5px; } #pb-coda input[type=submit] { margin-left: 7px; padding: 1px 4px; font-size: 11px; border: 1px solid #888; border-radius: 3px; } .form-submit-col { float: left; width: 350px; } #form-submit h3 span { display: block; float: left; margin-right: 2em; } #form-submit h3 a { display: block; float: left; margin: -15px 0 -4px 0; padding: 0 .5em; font-weight: normal; line-height: 46px; color: #fff; text-decoration: none; } #form-submit h3 a.selected { color: #777; border: 1px solid #555; border-radius: 5px 5px 0 0; background: #fff; } #form-submit h3 a:hover { text-decoration: underline; } #form-submit h3 a.selected:hover { text-decoration: none; } #form-submit .field { margin-bottom: 8px; } #form-submit input, #form-submit textarea { width: 99%; padding: 2px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 0; border-radius: 3px; } #form-submit input { height: 20px; } #form-submit label { display: block; color: #fff; } #form-submit .field-row .field { float: left; width: 70px; } #form-submit .field-row .field:first-child { width: 180px; } #form-submit .form-controls { margin: 0; text-align: right; } #form-submit .form-controls input { width: 120px; height: 26px; margin-right: -2px; padding: 2px 8px; color: #fff; border: 1px solid #bbb; border-radius: 3px; background: #a44; } /* came from code entry */ #form-submit.came-from-entry { background: #ccc; } #from-code-entry-details { margin: -10px -15px 1em -15px; padding: 10px 15px; border-bottom: 15px solid #fff; background: #888; } /* code entry type */ #form-submit.tip { height: 200px !important; } #form-submit.tip #code-entry-code { height: 100px; } #form-submit.tip #field-code-entry-title, #form-submit.tip #field-code-entry-desc { display: none; } #form-submit.efix #code-entry-title { max-width: 727px; } #form-submit.efix #field-code-entry-desc { display: none; } #code-entry-code { height: 200px; font-family: courier, monospace !important; } #code-language { height: 26px; padding: 3px 0; } #code-entry-desc { height: 54px; } .code-entry-desc-activated { height: 140px !important; } .field-sp { display: none; } .form-submit-col-first { margin-right: 31px; } /* js support */ .form-submit-js #code-entry-code { height: 200px; } .form-submit-js .form-submit-col { display: none; } .form-submit-active { border-radius: 0 5px 5px 5px !important; } .form-submit-active #code-entry-code { height: 500px;} .form-submit-active .form-submit-col { display: block; } #form-search-revive { float: right; margin: -10px -15px 0 0; padding: 3px 8px; border: 1px solid #bbb; border-radius: 0 5px 0 0; background: #fff; cursor: pointer; } .message-error-list { max-width: 735px; border-bottom: 0; border-radius: 0 5px 0 0; } .message-error-list + .form-submit-active { border-radius: 0 0 5px 5px !important; } .message-error-list + .form-submit-active #form-search-revive { border-radius: 0; } #pagination { max-width: 560px; } /* view */ #entry-edit { margin: 0; padding: 5px 10px; color: #fff; text-align: right; background: #444; } #entry-edit a { color: #fff; } #entry-rating { position: absolute; right: 20px; top: 16px; width: 96px; text-align: center; } #vote-up { position: relative; display: inline-block; margin: 0 0 1px 0; border-bottom: 8px solid #080; border-left: 8px solid transparent; border-right: 8px solid transparent; } #vote-down { display: inline-block; margin: 3px 0 0 0; border-top: 8px solid #800; border-left: 8px solid transparent; border-right: 8px solid transparent; } #vote-total { display: block; font-size: 1.5em; line-height: 1em; } .entry-desc { margin: 0 0 24px 0; line-height: 1.5em; } .post-date { display: block; margin: 5px 0 12px 0; font-size: 11px; font-weight: bold; color: #888; } .page-snippets-view-index #content { margin: 0; padding: 18px 2%; background: #fff; background: rgba(245,245,245,.6); } .page-snippets-view-index h1 { margin: 0 0 0 0; padding-top: 0; } .page-snippets-view-index #coda-ad-top { margin-bottom: 1em; } .page-snippets-view-index .code-entry-code { position: relative; width: 97.5%; height: auto; } /* .page-snippets-view-index code, .code-entry-code table { font-family: Courier, monospace, Helvetica, sans-serif; white-space: pre; } .page-snippets-view-index code, .code-entry-code table td { padding: 0 8px; vertical-align: top; line-height: 24px; } .code-entry-code table tr:first-child td { padding-top: 1em !important; } .code-entry-code table .code-cell { padding-left: 2em; padding-right: 2em; background: #fff; box-shadow: 0 4px 4px #888; } .code-entry-code table tr:first-child td { padding-top: 7px; } .code-entry-code table tr td:first-child { min-width: 18px; background: #e7e7e7; } */ .code-entry-bar { padding: 2px 8px 3px 8px; font-size: 9px; } .code-entry-bar a { cursor: pointer; } .coda-tips { margin: 0 6em 0 1.5em; padding: 0; } #below-code-call-to-submit { float: left; width: 238px; min-height: 69px; margin: 13px 9px 1em 0; padding: 10px 10px 7px 10px; border: 1px solid #aaa; background: #fff; } #below-code-call-to-submit span { display: block; margin: -10px -10px 4px -10px; padding: 5px 10px; font-size: 14px; font-weight: bold; background: #fafafa; } #below-code-call-to-submit span b { padding: 2px 4px; font-size: 16px; font-family: 'Andale Mono', monospace; color: #fff; background: #555; } #below-code-call-to-submit p { margin: 0; } #below-code-call-to-submit ul { margin: 1em 0 0 1.5em; padding: 0; font-size: 11px; } #below-code-call-to-submit li { margin: .5em 0; } #below-code-call-to-submit form input, #below-code-call-to-submit form textarea { width: 100%; padding: 4px 2px; border: 1px solid #555; } #below-code-call-to-submit form textarea { display: block; height: 60px; margin-top: 5px; } #below-code-call-to-submit form input[type=submit] { display: block; width: 120px; min-height: 32px; margin: 10px auto; padding: 0; line-height: 30px; border: 1px solid #aaa; cursor: pointer; } #coda-entry-social { float: right; position: relative; left: 0; top: 0; width: 185px; height: auto; height: 67px; margin: 13px 20px 0 5px; padding: 10px 10px 10px 10px; border: 1px solid #aaa; background: #fafafa; } #coda-entry-social.vertical { position: fixed; top: 180px; left: 50%; width: 68px; height: 230px; margin-left: 500px !important; padding-left: 10px; border-left: 0; } #coda-user-ad-block { margin: 13px 0 0 33px; } #coda-user-ad-block + #coda-entry-social { float: none; width: 185px; margin: 13px 0 30px 290px; } .twitter-share-button { margin: 0 9px 0 12px; } #below-code { margin: 1em 0 0 0; } #below-code-ad { float: left; margin: 13px 0 1em 0; } /* 300px width */ #below-code-articles { float: left; width: 200px; height: 248px; margin-top: 13px; margin-left: 9px; border: 1px solid #aaa; } #below-code-articles span { display: block; margin: 0; padding: 5px 10px; font-size: 14px; font-weight: bold; background: #fafafa; } #below-code-articles ul { margin: 0; padding: 0; list-style-type: none; } #below-code-articles ul a { display: block; padding: 5px 10px; text-decoration: none; } #below-code-articles ul a:hover { background: #e7e7e7; } /*.comment-post { width: 600px; margin-top: 15px; padding: 15px 10px 0 3px; border-top: 1px solid #888; } .comment-post p { margin: 0; } .comment-post span { display: block; float: right; font-size: 10px; color: #595959; } #comment-form { margin: 0; } .comment-post + #comment-form { margin-top: 2em; } #comment-form textarea { width: 432px; height: 80px; padding: 2px; border: 1px solid #888; border-radius: 0 0 5px 5px; } #comment-email { display: none; } */ #disqus_thread { width: 90%; margin-top: 2em; } #share-promote-block { margin: 13px -13px; padding: 13px; } #share-promote-block h3 { margin: 0 0 2px 0; font-size: 17px; font-weight: normal; color: #902b18 !important; } #share-promote-block ul { margin: 0; padding: 0 0 0 15px; font-size: 11px; list-style-type: square; } #share-promote-block ul li { padding-bottom: 3px; } #share-promote-block ul li a { color: #a00; } /* new fixed position & opacity gradient */ #share-promote-block { position: fixed; width: 162px; bottom: 60px; } #share-promote-block .inner { margin: -13px 0 0 -13px; padding: 13px 0 0 13px; background-color: #fff; } #share-promote-block-header { height: 60px; margin: -13px 0 0 -13px; background-color: none; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(250,250,250,0)), to(rgba(250,250,250,1))); background-image: -moz-linear-gradient(rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 95%); background-image: -ms-linear-gradient(rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 95%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FAFAFA, endColorstr=#FFFAFAFA); -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00FAFAFA, endColorstr=#FFFAFAFA ); } /* company profile */ .author { position: relative; margin: -1px 19px 0 33px; padding: 8px; border: 1px solid #aaa; border-top: 0; background: #fafafa; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f1f1f1'); background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f1f1f1)); background: -moz-linear-gradient(top, #fafafa, #f1f1f1); background: -ms-linear-gradient(top, #fafafa, #f1f1f1); } #remove-profile, #show-profile, #edit-profile { position: relative; float: right; font-size: 11px; color: #a00; z-index: 100; opacity: .6; } #remove-profile:hover, #show-profile:hover, #edit-profile:hover { opacity: 1.0; } #edit-profile { margin-right: 1em; } #show-profile { margin: 4px 25px 20px 0; } .author .posted-by { display: block; float: left; margin: 2px .5em 0 0; font-size: 10px; color: #888; } .account-short-profile h3 { margin: 0; font-size: 13px; font-weight: normal; } .account-short-profile p { margin: 0; font-size: 11px; line-height: 1.5em; color: #000; } .account-short-profile a { text-decoration: none; color: #00a !important; } .account-short-profile.collapse { position: relative; } .account-short-profile.collapse p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .account-short-profile .account-expand { float: right; margin: 0 1em 0 .25em; font-size: 11px; } #share-arrow { position: absolute; margin: -50px 0 0 -85px; z-index: 500; } /* code view options */ .code-entry-code table.noLineNumbers tr td:first-child { display: none; } .code-entry-code table.enableWrapping { white-space: pre-wrap; } /* all languages view */ #languages-list { margin: 20px 0 0 -64px; } #languages-list li { font-size: 11px; margin-bottom: 10px; } #languages-list li a { color: #44a; font-size: 14px; } /* single language entries view */ ul.entries-list { margin: 2em 200px 0 0; padding: 0; list-style-type: none; } ul.entries-list li { position: relative; margin: 2px 0; padding: 4px 0; border-bottom: 1px solid #eee; } ul.entries-list li a { display: block; max-width: 500px; font-size: 13px; text-decoration: none; } ul.entries-list li p { max-width: 500px; margin: 1px 0; font-size: 11px; color: #999; } ul.entries-list li span { position: absolute; top: 8px; right: 8px; font-size: 10px; color: #aaa; } pre.prettyprint { display: block; clear: both; margin: 0 !important; padding: 16px !important; font-size: 1.25em; box-shadow: 0 0 4px #888; border-color: #aaa !important; background: #fff; } pre.prettyprint code { padding: 0; background: none; } li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 { margin-left: 2em !important; list-style-type: decimal !important; } pre.prettyprint li:nth-child(even) { background-color: #f7f7f7; } pre.prettyprint, .prettyprint code { white-space: pre-wrap; word-wrap: break-word; } @media all and (min-width: 800px) { #coda-ad-top { margin-left: -32px; } } @media all and (max-width: 600px) { #column-left, #content, #form-search, #form-submit, .page-snippets-index h1 + p { float: none !important; width: 96%; } #share-arrow, #below-code-call-to-submit p, #below-code-call-to-submit ul, #below-code-call-to-submit form { display: none; } #below-code-call-to-submit { float: none; width: auto; min-height: 0; margin: 16px 0; padding: 0; text-align: center; border: 0; background: none; } #below-code-call-to-submit span { margin: 0; } pre.prettyprint { border: 0 !important; padding: 0 !important; box-shadow: none; } .author { margin: 0; border: 0; background: none; } .account-expand { display: none; } .account-short-profile.collapse p { white-space: normal; overflow: visible; } }