1/* Content 2----------------------------------------------- */ 3body { 4font-size: 14px; 5font-family: __normalfont__; 6color: __pagetextcolour__; 7/*background-image: url('back2.png');*/ 8background-image: url('images/bg-texture-@{ini_imagetheme}.jpg'); /* or light */ 9background-color: __backgroundcolour__; 10padding: 0 0 0 0; 11margin: 0px; 12} 13 14.left, .right{ color: __sidebartextcolour__; } 15 16/* Header 17----------------------------------------------- */ 18.header-outer { 19background: transparent none repeat-x scroll 0 -400px; 20background-image: none; 21} 22.header h1 { 23font-size: 40px; 24font-family: __headerfont__; 25color: __headertextcolour__; 26/*text-shadow: 2 2 2 rgba(0, 0, 0, .2);*/ 27} 28.header h1 a { 29color: __headertextcolour__; 30} 31.header .description { 32font-size: 18px; 33} 34.header-inner .header .titlewrapper { 35padding: 22px 0; 36} 37.header-inner .header .descriptionwrapper { 38padding: 0 0; 39} 40 41/* Columns 42----------------------------------------------- */ 43.main-outer { 44border-top: 0 solid transparent; 45} 46.fauxcolumn-left-outer .fauxcolumn-inner { 47border-right: 1px solid transparent; 48} 49.fauxcolumn-right-outer .fauxcolumn-inner { 50border-left: 1px solid transparent; 51} 52/* Headings 53----------------------------------------------- */ 54h2 { 55font-family: __headerfont__; 56margin: 0 0 1em 0; 57font-weight: bold; 58color: #000000; 59} 60 61/* Posts 62----------------------------------------------- */ 63.date-header { 64display: inline; 65background-color: __postfooterback__; 66color: __postfootertextcolour__; 67padding: 0.4em; 68letter-spacing: 3px; 69margin: inherit; 70font-size: 11px; 71text-transform: uppercase; 72font-weight: bold; 73} 74.date-header:hover { 75background-color: __hyperlinkcolour__; 76} 77.date-header a:link, .date-header a:visited { 78color: __postfootertextcolour__; 79width: 100%; height: 100%; 80text-decoration: none; 81} 82.main-inner { 83padding-top: 35px; 84padding-bottom: 65px; 85} 86.main-inner .column-center-inner { 87padding: 0 0; 88} 89.main-inner .column-center-inner .section { 90margin: 0 1em; 91} 92.post { 93margin: 4200px 0 450px 0; 94} 95h3.post-title, .comments h4 { 96font-size: 22px; 97font-weight: normal; 98margin: .75em 0 0; 99text-decoration: underline; 100margin-bottom: 1.35em; 101} 102.post-body { 103font-size: 110%; 104line-height: 1.4; 105position: relative; 106background-color: __postback__; 107} 108.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, 109.BlogList .item-thumbnail img { 110padding: 2px; 111background: __imageback__; 112border: 1px solid __bordercolour__; 113-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); 114-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); 115box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); 116} 117.post-body img, .post-body .tr-caption-container { 118padding: 5px; 119} 120.post-body .tr-caption-container { 121color: #666666; 122} 123.post-body .tr-caption-container img { 124padding: 0; 125background: transparent; 126border: none; 127-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1); 128-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1); 129box-shadow: 0 0 0 rgba(0, 0, 0, .1); 130} 131.post-header { 132margin: 0 0 1.5em; 133line-height: 1.6; 134font-size: 90%; 135} 136.post-footer { 137margin: 20px -2px 0; 138padding: 5px 10px; 139color: __postfootertextcolour__; 140background-color: __postfooterback__; 141border-bottom: 3px solid __bordercolour__2; 142/*border-bottom: 3px solid #eeeeee;*/ 143line-height: 1.6; 144font-size: 90%; 145} 146#comments .comment-author { 147padding-top: 1.5em; 148border-top: 1px solid transparent; 149background-position: 0 1.5em; 150} 151#comments .comment-author:first-child { 152padding-top: 0; 153border-top: none; 154} 155.avatar-image-container { 156margin: .2em 0 0; 157} 158#comments .avatar-image-container img { 159border: 1px solid __bordercolour__; 160} 161 162/* Accents 163---------------------------------------------- */ 164.section-columns td.columns-cell { 165border-left: 1px solid transparent; 166} 167.blog-pager { 168background: transparent url() repeat-x scroll top center; 169background-color: __blogpagerback__; 170padding: 1em; 171} 172.footerbutton{ 173/*background-color: #a11919;*/ 174background-color: __menuhovercolour__; 175padding: 5px; 176margin: 0.15em; 177} 178.footerbutton:hover { background-color: __hyperlinkhovercolour__; } 179 180.container { width: 693px; margin-left: auto; margin-right: auto; } 181 182.pane { 183 /*width: 200px;*/ 184 width: 100%; 185 /* min-height: 275px;*/ 186 display: inline-block; 187 margin: 0px; padding: 0px; 188 /* background-image: url('purpleback.png'); */ 189 font-size: 1em; 190} 191 192.main { font-size: 1.15em; } 193 194.header { letter-spacing: 0.15em; display: block; border-bottom: 1px solid __headerback__; text-transform: uppercase; } 195.purple { background-image: url(''); } 196.red { background-image: url(''); } 197.green { background-image: url(''); } 198 199.contentarea{ 200 width: 1000px; min-height: 300px; 201 margin-left: auto; margin-right: auto; 202 background-color: __sidebarback__; 203 /*margin-top: 30px;*/ 204} 205 206.descriptionwrapper { 207 background: __headerback__; 208 width: 693px; margin-left: auto; margin-right: auto; 209 vertical-align: middle; 210 padding: 0px; 211 padding-top: 0px; height: 30px; 212 padding-left: 24px; box-sizing: border-box; 213 letter-spacing: 3.6px !important; 214 /*color: white;*/ 215} 216.descriptionwrapper p { 217 margin: 0px; display: inline; 218 position: relative; top: -8px; 219} 220 221 222.statcol { padding: 8px !important; box-sizing: border-box; } 223 224div.statcol{ float: left; padding: 0px; vertical-align: middle; overflow: hidden; text-align: left; margin-bottom: 0px; } 225/* div.statrow{ padding-top: 0px; vertical-align: middle; clear: both; float: none; } */ 226div.statrow { width: 100%; margin: 0 auto; overflow: hidden; } 227 228.headerpane{ 229 width: 100%; min-height: 72px; 230 background-color: __menuhovercolour__; 231 color: __descriptiontextcolour__; font-size: 24px; 232} 233.headerpane div.padfurther { 234 /*padding: 18px; padding-bottom: 0px;*/ 235 width: 693px; margin-left: auto; margin-right: auto; 236} 237.headerpane h1 { margin-bottom: 0px; } 238 239.divider{ 240 width: 100%; height: 24px; 241 background-color: __headerback__; 242} 243 244 245.header, .menutitle2 { letter-spacing: 0.15em; display: block; border-bottom: 1px solid __headerback__; text-transform: uppercase; } 246 247h1 { padding: 0px; margin: 0px; font-weight: normal; margin-bottom: 8px; } 248 249a.footerbutton:link, a.footerbutton:visited, a.footerbutton:active { color: __pagetextcolour__; } 250a:link, a:visited, a:active { color: __hyperlinkcolour__; text-decoration: none; } 251a:hover { color: __hyperlinkhovercolour__; text-decoration: underline; } 252 253.colourblock { 254 color: __colourblocktextcolour__; 255 width: 31%; 256 height: 100%; 257 padding: 1em !important; 258 /*background-color: yellow;*/ 259 margin-right: 1em; 260 box-sizing: border-box; 261} .colourblock:first-child { margin-left: 1em; } 262 263.centerwrapper { margin: auto; height: 200px; width: 90%; } 264 265/* ---- 266gradient blocks */ 267 268.gradient1 { 269 background: __gradient1startcolour__; 270 background: linear-gradient(45deg, __gradient1startcolour__ 0%, __gradient1endcolour__ 100%); 271} 272 273.gradient2 { 274 background: __gradient2startcolour__; 275background: linear-gradient(45deg, __gradient2startcolour__ 0%, __gradient2endcolour__ 100%); 276} 277 278.gradient3 { 279 background: __gradient3startcolour__; 280background: linear-gradient(45deg, __gradient3startcolour__ 0%, __gradient3endcolour__ 100%); 281} 282 283.pane .header, .ddblueblockmenu .menutitle2, .colourblock .header 284 { text-decoration: none; border-bottom: 1px solid __colourblocktextcolour__; margin-bottom: 0.85em; 285 /*margin-top: 1.35em;*/ 286 } 287 288/* ----- forms ----- */ 289select { 290 font-family: ~"__formfieldfonts__"; 291 font-size: 16px; 292 margin-right: 6px; 293 background-color: __formfieldback__; 294 border: 1px solid __formfieldborder__; 295 color: __formfieldtextcolour__; 296} 297 298input, input[type='text'], input[type='password'], textarea { 299 font-family: ~"__formfieldfonts__"; 300 font-size: 16px; 301 margin-right: 6px; 302 background-color: __formfieldback__; 303 border: 1px solid __formfieldborder__; 304 color: __formfieldtextcolour__; 305} 306 307button, button[type='submit']{ 308 font-family: ~"__formfieldfonts__"; 309 font-size: 16px; 310 margin-right: 6px; 311 background-color: __formfieldback__; 312 border: 3px ridge __formfieldborder__; 313 color: __formfieldtextcolour__; 314} 315 316 317/* menus */ 318/*Credits: Dynamic Drive CSS Library */ 319/*URL: http://www.dynamicdrive.com/style/ */ 320.ddblueblockmenu{ 321border: 0px solid __headerback__; 322border-bottom-width: 0; 323width: 100%; 324/*font-size: 0.8em;*/ 325} 326 327.ddblueblockmenu ul{ 328margin: 0; 329padding: 0px; 330list-style-type: none; 331margin-bottom: 1.15em; 332} 333 334.ddblueblockmenu li a{ 335display: block; 336padding: 6px 0px; 337padding-left: 9px; 338/*width: 169px; 185px minus all left/right paddings and margins*/ 339text-decoration: none; 340color: __menucolour__; 341/*background-color: #595959;*/ 342border-bottom: 0px solid __unusedborder__; 343border-left: 0px solid __activemenuoptionback__; 344} 345 346* html .ddblueblockmenu li a{ /*IE only */ 347width: 187px; /*IE 5*/ 348width: 169px; /*185px minus all left/right paddings and margins*/ 349} 350 351.ddblueblockmenu li a:hover { 352background-color: __menuhovercolour__; 353border-left-color: __activemenuoptionback__; 354text-decoration: none; 355} 356 357.ddblueblockmenu li .active { 358background-color: __activemenuoptionback__; 359border-left-color: __activemenuoptionback__; 360cursor: default; 361} 362 363.ddblueblockmenu div.menutitle{ 364color: __menucolour__ ; 365border-bottom: 3px solid __unusedborder__; 366padding: 1px 0; 367padding-left: 5px; 368/* background-color: #3c3c3c; */ padding-top: 12px; 369font: bold 90%; 370}