PageRenderTime 47ms CodeModel.GetById 15ms app.highlight 28ms RepoModel.GetById 2ms app.codeStats 1ms

/templates/tubelar/assets/css/screen.css

https://github.com/deltafactory/landing-pages
CSS | 171 lines | 113 code | 20 blank | 38 comment | 0 complexity | 3c5d4bb0f4979f1bc38848348bc1e39f MD5 | raw file
  1@charset "UTF-8";
  2@import "reset.css";
  3
  4
  5/* CSS Document */
  6
  7
  8/*
  9	----------------------------
 10	HTML SELECTORS
 11	____________________________
 12*/
 13
 14
 15body { background: #333; font:14px/21px Helvetica, Arial, sans-serif; color: #333; margin: 0; padding: 0; }
 16a { color: #ccc; text-decoration: underline; }
 17a:hover { color: #fb2b2b; }
 18h1, h2 { font-size: 26px; line-height: 28px; letter-spacing: -1px; }
 19h3 { font-size: 18px; margin: 8px 0; }
 20h4 { font-size: 14px; margin: 0; }
 21h5 { font-size: 12px; margin: 0; }
 22ul { margin-left: 30px; }
 23ol { margin-left: 36px; }
 24
 25
 26/*
 27	----------------------------
 28	LAYOUT
 29	____________________________
 30*/
 31
 32
 33#wrapper { width: 960px; margin: 0 auto; padding: 48px 0 72px; }
 34#main { width: 640px; float: left; }
 35#main > p, #main > div { margin-left: 7px; }
 36#sidebar { width: 310px; float: right; }
 37#sidebar ol { margin: 12px 0 12px 22px; }
 38/*
 39	----------------------------
 40	PAGE/SECTION SPECIFIC
 41	____________________________
 42*/
 43
 44
 45#video-controls { width: 83px; }
 46#video-controls a { color: #ddd; text-decoration: underline; }
 47#controls {width: 100%;
 48height: 40px;
 49line-height: 1;
 50overflow: hidden;
 51position: fixed;
 52z-index: 1001;
 53bottom: 0;
 54left: 0;
 55padding: 10px 20px 0;
 56}
 57
 58/*
 59	----------------------------
 60	UTILITY CLASSES
 61	____________________________
 62*/
 63
 64
 65.black-15 { background: url(../img/black-15-trans.png); padding: 4px 12px; margin: 24px 0; }
 66.black-35 { background: url(../img/black-35-trans.png); padding: 4px 12px; margin: 24px 0; }
 67.black-50 { background: url(../img/black-50-trans.png); padding: 4px 12px; margin: 24px 0; border-radius: 6px; }
 68.black-65 { background: url(../img/black-65-trans.png); padding: 4px 12px; margin: 24px 0; }
 69.black-85 { background: url(../img/black-85-trans.png);	 padding: 4px 12px; margin: 24px 0; }
 70
 71
 72.clearfix:before,
 73.clearfix:after {
 74    content: " "; /* 1 */
 75    display: table; /* 2 */
 76}
 77
 78.clearfix:after {
 79    clear: both; }
 80/* new rules */    
 81.control-margin {
 82	margin: 0px 0;
 83}
 84  #social-share-buttons iframe {
 85width:85px !important;
 86}
 87#social-share-buttons{
 88position: absolute;
 89right: 7%;
 90top: 20%;
 91z-index: 9999;
 92overflow: hidden;
 93width: 82px;
 94  }
 95 .sharrre .button{
 96    width:60px;
 97    padding: 4px;
 98  } 
 99.linkedin {
100  	margin-bottom: -20px;}
101.black-65 {
102color: white;
103padding: 4px 12px;
104margin: 0px 0;
105}
106/* Form CSS */
107.lp-span {text-transform: none; display: block; margin-bottom: 8px;}
108.lp-input-label .lp-span {
109  display: inline;
110  color:red;
111}
112input[type="text"], input[type="email"] {
113  width: 94%;
114padding: 8px 4px 8px 10px;
115margin-bottom: 15px;
116border: 1px solid #4E3043;
117border: 1px solid rgba(78, 48, 67, 0.8);
118background: rgba(0, 0, 0, 0.15);
119border-radius: 2px;
120box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
121-webkit-transition: all 0.3s ease-out;
122-moz-transition: all 0.3s ease-out;
123-ms-transition: all 0.3s ease-out;
124-o-transition: all 0.3s ease-out;
125transition: all 0.3s ease-out;
126font-family: 'Raleway', 'Lato', Arial, sans-serif;
127color: white;
128font-size: 13px; /*
129
130  display: block;
131  padding: 5px;
132  border: 4px solid #F1B720;
133  border-radius: 5px;
134  color: #333;
135  transition: all 0.3s ease-out; */
136}
137/*
138input[type="text"]:hover { border-radius: 8px; }
139input[type="text"]:focus { 
140  outline: none;
141  border-radius: 8px; 
142  border-color: #EBD292;
143}
144*/		
145
146
147input[type="submit"] {
148width: 100%;
149padding: 8px 5px;
150background: #11b709;
151background: -moz-linear-gradient(rgba(17, 183, 9, 0.5), rgba(17, 183, 9, 0.7));
152background: -ms-linear-gradient(rgba(17, 183, 9, 0.5), rgba(17, 183, 9, 0.7));
153background: -o-linear-gradient(rgba(17, 183, 9, 0.5), rgba(17, 183, 9, 0.7));
154background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(17, 183, 9, 0.5)), to(rgba(17, 183, 9, 0.7)));
155background: -webkit-linear-gradient(rgba(17, 183, 9, 0.5), rgba(17, 183, 9, 0.7));
156background: linear-gradient(rgba(17, 183, 9, 0.5), rgba(17, 183, 9, 0.7));
157border: 1px solid black;
158border-radius: 5px;
159box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 2px 1px rgba(0, 0, 0, 0.1);
160cursor: pointer;
161-webkit-transition: all 0.3s ease-out;
162-moz-transition: all 0.3s ease-out;
163-ms-transition: all 0.3s ease-out;
164-o-transition: all 0.3s ease-out;
165transition: all 0.3s ease-out;
166color: white;
167text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
168font-size: 22px;
169font-weight: bold;
170font-family: 'Raleway', 'Lato', Arial, sans-serif;
171}