Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | |
| 2 | |||
| 3 | /********************************************************** |
||
| 4 | *********************************************************** |
||
| 5 | *********************************************************** |
||
| 6 | *********************************************************** |
||
| 7 | *********************************************************** |
||
| 8 | *********************************************************** |
||
| 9 | *********************************************************** |
||
| 10 | *********************************************************** |
||
| 11 | *********************************************************** |
||
| 12 | |||
| 13 | |||
| 14 | |||
| 15 | |||
| 16 | YOU DONT NEED THIS CSS FILE FOR YOUR ENDPRODUCT ! |
||
| 17 | |||
| 18 | USED ONLY FOR THE DEMOS AND TOOLS HERE IN THIS FOLDER |
||
| 19 | |||
| 20 | TO SHOW THE EXAMPLES. |
||
| 21 | |||
| 22 | |||
| 23 | |||
| 24 | |||
| 25 | *********************************************************** |
||
| 26 | *********************************************************** |
||
| 27 | *********************************************************** |
||
| 28 | *********************************************************** |
||
| 29 | *********************************************************** |
||
| 30 | *********************************************************** |
||
| 31 | *********************************************************** |
||
| 32 | *********************************************************** |
||
| 33 | ***********************************************************/ |
||
| 34 | |||
| 35 | |||
| 36 | |||
| 37 | |||
| 38 | |||
| 39 | |||
| 40 | |||
| 41 | |||
| 42 | |||
| 43 | |||
| 44 | |||
| 45 | |||
| 46 | |||
| 47 | |||
| 48 | |||
| 49 | |||
| 50 | |||
| 51 | |||
| 52 | |||
| 53 | |||
| 54 | |||
| 55 | |||
| 56 | |||
| 57 | |||
| 58 | |||
| 59 | |||
| 60 | |||
| 61 | |||
| 62 | |||
| 63 | |||
| 64 | |||
| 65 | |||
| 66 | |||
| 67 | |||
| 68 | |||
| 69 | |||
| 70 | |||
| 71 | |||
| 72 | |||
| 73 | |||
| 74 | |||
| 75 | |||
| 76 | |||
| 77 | |||
| 78 | |||
| 79 | |||
| 80 | |||
| 81 | |||
| 82 | |||
| 83 | |||
| 84 | |||
| 85 | |||
| 86 | |||
| 87 | |||
| 88 | |||
| 89 | |||
| 90 | |||
| 91 | |||
| 92 | /********************************************************** |
||
| 93 | - RESET - |
||
| 94 | ***********************************************************/ |
||
| 95 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { |
||
| 96 | margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; |
||
| 97 | } |
||
| 98 | |||
| 99 | * { |
||
| 100 | /* -moz-user-select: none; |
||
| 101 | -khtml-user-select: none; |
||
| 102 | -webkit-user-select: none; |
||
| 103 | -o-user-select: none; |
||
| 104 | */ |
||
| 105 | } |
||
| 106 | |||
| 107 | .toolpad * { |
||
| 108 | -moz-user-select: none; |
||
| 109 | -khtml-user-select: none; |
||
| 110 | -webkit-user-select: none; |
||
| 111 | -o-user-select: none; |
||
| 112 | } |
||
| 113 | |||
| 114 | |||
| 115 | /*********************** |
||
| 116 | - BASICS - |
||
| 117 | ***********************/ |
||
| 118 | |||
| 119 | body { font-family: 'Open Sans', sans-serif; color:#888; font-weight:400;} |
||
| 120 | p { font-size:13px; font-weight: 400; line-height:22px;} |
||
| 121 | h2 { color:#000; font-size:17px; font-weight:700; margin-bottom:20px;} |
||
| 122 | h2.redtitle { padding:9px 20px; width:100%; background:#e33a0c; color:#fff; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; |
||
| 123 | margin-bottom:40px; |
||
| 124 | } |
||
| 125 | |||
| 126 | h2.nobottommargin { margin-bottom:0px;} |
||
| 127 | .container { max-width:1170px;margin:auto; } |
||
| 128 | .clear { clear:both;} |
||
| 129 | .float-left { float:left;} |
||
| 130 | .float-right { float:right;} |
||
| 131 | .divide40 { width:100%; height:40px;} |
||
| 132 | .mb30 { margin-bottom:30px;} |
||
| 133 | .mlb30 { margin-left:30px; margin-bottom:30px;} |
||
| 134 | .mrb30 { margin-right:30px; margin-bottom:30px;} |
||
| 135 | |||
| 136 | .table { display:table; padding-bottom:35px;} |
||
| 137 | .table.nbp { padding-bottom:0px;} |
||
| 138 | .table-cell { display: table-cell; vertical-align: top; } |
||
| 139 | .table-cell img{ width: 220px; } |
||
| 140 | |||
| 141 | .lp30 { padding-left:30px;} |
||
| 142 | .rp30 { padding-right:30px;} |
||
| 143 | |||
| 144 | hr { border:none; border-top:2px solid #eee; margin:0px 0px 40px;} |
||
| 145 | .boxed-content hr { border:none; border-top:2px solid #eee; margin:0px -40px 40px;} |
||
| 146 | hr.nohormargin { margin: -1px -1px 40px 0px} |
||
| 147 | .one_third { width:32%; margin-right:1%; float:left;} |
||
| 148 | .one_third.last{ margin-right:0;} |
||
| 149 | |||
| 150 | a,a:visited { color:#e33a0c} |
||
| 151 | a:hover { text-decoration: none;} |
||
| 152 | |||
| 153 | .prevnext { width:615px;height:23px;position: fixed; left:50%; margin-left:-272px;top:-2px;z-index:1000; |
||
| 154 | |||
| 155 | } |
||
| 156 | |||
| 157 | .prevnext a { background:#e33a0c;font-size:10px; text-decoration: none !important; color:#fff !important; |
||
| 158 | margin-right:2px;padding:3px 8px; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px; |
||
| 159 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; |
||
| 160 | filter: alpha(opacity=50); |
||
| 161 | -moz-opacity: 0.5; |
||
| 162 | -khtml-opacity: 0.5; |
||
| 163 | opacity: 0.5; |
||
| 164 | } |
||
| 165 | .prevnext a.active, |
||
| 166 | .prevnext a:hover, |
||
| 167 | .prevnext a:hover * { color:#fff !important; |
||
| 168 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
||
| 169 | filter: alpha(opacity=100); |
||
| 170 | -moz-opacity: 1; |
||
| 171 | -khtml-opacity: 1; |
||
| 172 | opacity: 1; |
||
| 173 | } |
||
| 174 | |||
| 175 | input[type="button"] { background-color:#3498db; border:none; color:#fff; padding:7px 10px; cursor:pointer; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } |
||
| 176 | input[type="button"]:hover { background-color:#2980b9; border:none; color:#fff; padding:7px 10px;} |
||
| 177 | |||
| 178 | h2.changecolor { color:#E33A0C;} |
||
| 179 | |||
| 180 | h2.results { -webkit-transition: all 0.2s ease-out; |
||
| 181 | -moz-transition: all 0.2s ease-out; |
||
| 182 | -o-transition: all 0.2s ease-out; |
||
| 183 | -ms-transition: all 0.2s ease-out; } |
||
| 184 | /****************************** |
||
| 185 | - HEADER - |
||
| 186 | ********************************/ |
||
| 187 | |||
| 188 | |||
| 189 | |||
| 190 | header { width:100%; padding:20px 0px 17px 0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} |
||
| 191 | .content { width:100%; padding:0px 30px 0px 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} |
||
| 192 | |||
| 193 | |||
| 194 | .logo-container { float:left; width:50%;} |
||
| 195 | .logo { background:url(../images/logo.png); background-size:100%; background-position: center center; background-repeat:no-repeat;max-width:406px; min-width:340px;height:60px; } |
||
| 196 | |||
| 197 | .button-holder .button, |
||
| 198 | .button-holder .button:hover, |
||
| 199 | .button-holder .button:visited { |
||
| 200 | float: right; |
||
| 201 | background-color: #E33A0C; |
||
| 202 | color: #FFF; |
||
| 203 | text-decoration: none; |
||
| 204 | font-weight: 300; |
||
| 205 | font-size: 14px; |
||
| 206 | padding: 8px 15px; |
||
| 207 | border-radius: 5px; |
||
| 208 | -moz-border-radius: 5px; |
||
| 209 | -webkit-border-radius: 5px; |
||
| 210 | } |
||
| 211 | |||
| 212 | /****************************** |
||
| 213 | - CONTAINER - |
||
| 214 | ********************************/ |
||
| 215 | .container { max-width:1170px; padding:30px;} |
||
| 216 | /****************************** |
||
| 217 | - PRE - |
||
| 218 | ********************************/ |
||
| 219 | |||
| 220 | |||
| 221 | pre { font-size:12px; font-family: 'Open Sans', sans-serif; color:#888; line-height:16px; background:url(../images/prebg.png) repeat; padding:16px; padding-bottom:15px;} |
||
| 222 | pre .linedark { background:#888} |
||
| 223 | pre span { font-weight:700} |
||
| 224 | pre strong { color:#555;font-weight:800} |
||
| 225 | |||
| 226 | h3 { font-size:14px; color:#e33a0c; line-height:20px;} |
||
| 227 | |||
| 228 | /****************************** |
||
| 229 | - SPECIALS - |
||
| 230 | ********************************/ |
||
| 231 | |||
| 232 | .step { float: left; margin-right: 20px; margin-top: -10px; width: 40px; height: 40px; text-align: center; font-size: 15px; line-height: 40px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; /*border: 2px solid #e33a0c;*/ color: #fff; background: #e33a0c; } |