Created
November 15, 2010 23:14
-
-
Save nsanta/701152 to your computer and use it in GitHub Desktop.
moron css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| html, body {height:100%;} | |
| body * {font-family: "Helvetica Neue", Helvetica, "Century Gothic", Verdana, Arial, sans-serif;} | |
| h1 , h2, h3, h4, h5, h6 {font-weight:bold;} | |
| h1 { font-size: 2em; margin: 10px 0;} | |
| h2 { font-size: 1.5em; margin: 10px 0;} | |
| h3 { font-size: 1.17em; margin: 10px 0;} | |
| h4 { font-size: 1em; margin: 10px 0;} | |
| h5 { font-size: 0.8em; margin: 10px 0;} | |
| h6 { font-size: 0.5em; margin: 10px 0;} | |
| .font_sm {font-size:10px;} | |
| .promo-wrapper {position:relative;margin:0 auto;} | |
| #promo-header {position:relative;width:100%;padding:0;margin:0 auto;text-align:center;} | |
| .promo-main {position:relative;width:100%;margin:0 auto;} | |
| /* CONTENT & ACTION BAR DEFAULTS */ | |
| .promo-content {width:480px;padding:15px;line-height:1.4em;position:relative;top:0;min-height: 200px;} | |
| .promo-content p {margin-bottom:8px;} | |
| .promo-content ul {position:relative;padding:0; margin:10px 0;line-height:.8em;} | |
| .promo-content ul li {position:relative; left: 30px;padding:0; margin:0;} | |
| /* LEFT AND RIGHT SUPPORT FOR TWO COLUMN LAYOUTS */ | |
| .action-column.layout-right, .action-column.layout-left {position:relative;width:200px} | |
| .action-column.layout-right .action, .action-column.layout-left .action {width:200px;padding:0;} | |
| li.action {text-align:left;} | |
| .action-column.layout-right {left:0;} | |
| .action-column.layout-left {left:560px;} | |
| .promo-content.layout-right {left:210px;} | |
| .promo-content.layout-left {left:0;} | |
| .promo-content.layout-left.template-, .promo-content.layout-right.template- {} | |
| .promo-content.layout-left.template-black, .promo-content.layout-right.template-black {background: url(../images/templates/template-black-50.png) repeat;} | |
| .promo-content.layout-left.template-white, .promo-content.layout-right.template-white {background: url(../images/templates/template-white-50.png) repeat;} | |
| .promo-content.layout-left #tweet-box #count, .promo-content.layout-right #tweet-box #count {left:399px;} | |
| #new_social_status {padding-left:45px;} | |
| /* CONTENT AREA */ | |
| .template-black {background: url(../images/templates/template-black-50.png) repeat;} | |
| .template-white {background: url(../images/templates/template-white-50.png) repeat;} | |
| .template-border { | |
| border:10px solid #999; | |
| background-color:white; | |
| position: relative; | |
| /* CSS3 styling for latest browsers */ | |
| -moz-box-shadow: 0 10px 20px 5px #666666; | |
| -webkit-box-shadow: 0 10px 20px 5px #666666; | |
| } | |
| .rounded { | |
| border-radius: 7px; | |
| -moz-border-radius:7px; | |
| -webkit-border-radius:7px; | |
| } | |
| #promo-header {width:550px;margin-top:10px;margin-bottom: 25px;} | |
| #new_social_status h4 { | |
| background:url("../images/edit-bar.png") no-repeat scroll 2px 0 transparent; | |
| color:#FFFFFF; | |
| font-size:0.9em; | |
| font-weight:bold; | |
| height:25px; | |
| margin:0 0 0 -2px; | |
| padding:0 5px; | |
| text-indent:12px; | |
| text-transform:uppercase; | |
| width:385px; | |
| } | |
| /*----*/ | |
| .promo-content h2 {font-size:1.5em;} | |
| #action-bar {position:absolute; left: 0; top:0;} | |
| ul#action-bar {list-style:none;} | |
| #content {clear:both;min-height:100%; height:auto!important;height: 100%; margin-bottom:-20px;} | |
| #footer { | |
| bottom:0; | |
| color:#D1E0E7; | |
| font-size:12px; | |
| left:0; | |
| position:fixed; | |
| text-align:center; | |
| width:100%; | |
| z-index:99999; | |
| height:20px; | |
| } | |
| #footer.ad_true {background-color:rgb(4, 121, 164);padding:8px;text-align:center;font-size:.8em;} | |
| #footer.ad_false {padding:8px;text-align:center;font-size:.8em;} | |
| #footer .addthis_button {display:inline-block;height:20px;} | |
| #footer .addthis_button img {margin-bottom:2px;} | |
| #footer span {margin:0 5px;width:5px;border-right:1px solid #fff;display:inline-block;height:20px;} | |
| #footer .logo {display:inline-block;} | |
| #footer ul li {display:inline;margin:0 3px;} | |
| .connect-button {width:150px;margin:0 auto; text-align:center; margin-top:-900px} | |
| textarea .tweet{border:none;font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif;font-size:0.9em;font-weight:bold;width:368px;height:108px;line-height:1.5em;margin:5px 0 0 5px;padding:2px;text-align:left;} | |
| /* RULES LINK */ | |
| ul.rules {list-style-type: none;text-align:center;text-decoration:underline;display:inline;line-height:20px;} | |
| /*TWEET BOX*/ | |
| #tweet-box {background:transparent url(../images/t-box-bg.png) top center no-repeat;position:relative; top: 0;margin-top:90px; margin-left:60px} | |
| #tweet-box textarea{border:none;font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif;font-size:0.9em;font-weight:bold;width:375px;height:108px;line-height:1.5em;padding:2px;text-align:left;border:1px solid #AAAAAA;} | |
| #tweet-box .static{position:absolute;top:115px;;font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif;font-size:0.9em;font-weight:bold;margin:8px 0 4px 8px;font-size:1em;font-weight:bold;text-align:left; padding-bottom: 4px;color:#000000;} | |
| #tweet-box .static.themed{ | |
| color:#000000; | |
| font-family:"Lucida Grande",Helvetica,Arial,Sans-Serif; | |
| font-size:1em; | |
| font-weight:bold; | |
| margin:8px 0 4px 8px; | |
| padding-bottom:4px; | |
| position:relative; | |
| text-align:left; | |
| top:-35px; | |
| } | |
| #tweet-box #number{position:relative;top:-4px;left:350px;color:#5f5f5f;font-size:18px;font-weight:bold;} | |
| #tweet-box #count{position:absolute;top:0;left:350px;} | |
| #this{margin:0;text-align:center;width:100%;float:left;} | |
| .autofollow {position:relative; font-size:.8em;} | |
| .autofollow label {margin-left:10px;} | |
| /* WIDGET */ | |
| button#twitter-submit {border: 0; background: transparent;margin-left:-900px} | |
| .tweet-submit-box{position:relative;left:0;top:0;z-index: 50;} | |
| .tweet-row {padding: 3px 0 6px 0;margin:0; border-bottom: 1px solid #AAA; position:relative;} | |
| .twitter-widget {position:relative;left:0;top:0;margin-bottom:15px;overflow:hidden;} | |
| .twitter-widget .bottom-fade {left: 0; position: absolute; bottom: 0;} | |
| .tweet_widget {overflow: hidden;} | |
| #tweet_widget center {display: none;} | |
| #tweet_widget div div {font-size: 11px !important; line-height: 1.35em; margin: px 0 !important; padding: 4px 0 4px 36px !important; position: relative; color: #FFF !important;} | |
| .tweet-submit {background: url(../images/twitter-post.png);width: 116px; height: 32px;} | |
| #tweet_widget div div img {left: 2px; position: absolute; top: 2px;display:block;} | |
| #tweet_widget div div a {color: #FFF !important;} | |
| .tweet-user {font-size:1.4em;} | |
| #tweet_widget .jtw_new_tweet {background-color: #707070 !important;} | |
| #tweet_widget .jtw_tstamp {color: #FFF !important;} | |
| .tweet-body {position:absolute;width:200px;} | |
| #twitter_status_text{color:blue;} | |
| #tweet-box{color:blue;} | |
| #twitter_form{color:blue;} | |
| #facebook_inputs .message_image {color:green;} | |
| #facebook_inputs .facebook-title {color:green;} | |
| #facebook_inputs .facebook-message {color:green;} | |
| #twitter_inputs .facebook-message {color:blue;} | |
| #facebook_text {color:green;} | |
| #facebook-message{color:green;} | |
| #twitter_text {color:blue;} | |
| #myspace_text {color:purple;} | |
| /* TWEET CHAT */ | |
| .twitter-chat .tweet {margin-top: 0; margin-left: 0; position: relative;} | |
| .twitter-chat .tweet #count {display:none; color: #352c20; font-family:'Georgia','Serif'; font-size: 1.1em; font-weight: bold; position: absolute; right: 15px; top: 6px;} | |
| .twitter-chat .tweet #static {top:-35px;left:30px;color: #000; font-size: .8em; line-height: 1.5em; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;position:static;} | |
| .twitter-chat {margin-top: 0px; width: 400px; height: 150px; background: url(/images/selena-chat.png) 0 0 no-repeat; position: relative;color:blue;} | |
| } | |
| .twitter-chat .p {text-align: left; margin-bottom: 0; margin-top: 3px; padding: 0px 15px 0;} | |
| .twitter-chat textarea {width: 371px; margin: 0; height: 70px; border: none; padding: 5px; font-size: .8em; line-height: 1.5em; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;color:blue;} | |
| .twitter-chat input {position: absolute; top: 88px; left: 320px; margin: 0;width: 60px; border: 1px solid #FFF;} | |
| input#twitter_session_email_address {width: 369px;padding: 5px;} | |
| input#twitter_session_submit {position: relative; top: 0; left: 0; margin: 0;width: 60px; border: 1px solid #FFF;} | |
| /*PROMO CODES*/ | |
| .promo-code {position: relative; width: 100%;font-size:2.0em;text-align:center;line-height:40px;} | |
| /*LEGAL PAGES*/ | |
| .pages-main {position:relative;width:85%;margin:0 auto;padding:20px;} | |
| .pages-main * {opacity: 1.0;} | |
| .pages-main ul {margin-left: 40px;} | |
| /* FACEBOOK BUTTON */ | |
| .facebook_button {margin: 0 auto;margin-left:-1000px; width:154px!important; height:22px!important;} | |
| /* MYSPACE BUTTON */ | |
| .myspace_button {margin: 0 auto;margin-left:-1000px; width:154px!important; height:22px!important;} | |
| /* STATUS PAGE */ | |
| #auth_buttons {height:80px;} | |
| #auth_buttons p {float:left;display:block;margin-left:5px;} | |
| #auth_buttons .connect-button {width:100%;} | |
| #auth_buttons .connect-button a {width:151px;height:24px;float:left;margin-right:10px;} | |
| fieldset {background:#ddd;padding:5px;border: 1px solid #ccc;width:381px;} | |
| /* FACEBOOK STATUS */ | |
| .inputs {margin-bottom:10px} | |
| #facebook_inputs .message_image {width:100px;height:100px;float:left;margin-right:5px;text-align:center;} | |
| #facebook_inputs .facebook-title {height:25px;;width:268px;float:left;margin-bottom:2px;} | |
| #facebook_inputs .facebook-message {height:80px;;width:268px;float:left;margin-bottom:20px;} | |
| /* CENTER LAYOUT */ | |
| .action-column.layout-center { | |
| float: left; /* since this element is floated, a width must be given */ | |
| width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ | |
| padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */ | |
| } | |
| .promo-content.layout-center { | |
| margin: 50px 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */ | |
| padding: 5px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ | |
| width:530px; | |
| } | |
| .promo-content.layout-center #new_social_status {padding-left:60px;} | |
| .promo-content.layout-center #tweet-box #count {left:414px;} | |
| .promo-content.layout-center #auth_buttons {padding-left:20px;} | |
| .promo-content.layout-center button#twitter-submit {} | |
| /* NETWORK ICONS */ | |
| .icon-twitter, .icon-facebook, .icon-myspace {width:13px;height:13px;position:relative;top:-18px;left:1px;} | |
| .icon-twitter {background: transparent url(/images/elements/social-icons.png) no-repeat 0 0; margin-left:-900px} | |
| .icon-facebook {background: transparent url(/images/elements/social-icons.png) no-repeat 0 -13px} | |
| .icon-myspace {background: transparent url(/images/elements/social-icons.png) no-repeat 0 -52px} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment