Advertisement
scottwebtechbydesign

Initial style.css

Nov 18th, 2012
51
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.61 KB | None | 0 0
  1. /*  
  2. Theme Name: WebTech By Design Theme
  3. Theme URI: http://www.webtechbydesign.com
  4. Description: This is the theme for the WebTech By Design website -- WordPress v3.4.2
  5. Author: Scott Whitley
  6. Author URI: http://www.webtechbydesign.com
  7. Version: 1
  8. */
  9.  
  10. html, body {
  11.     margin: 0px;
  12.     padding: 0px;
  13.     font: 10pt arial, helvetica, sans-serif;
  14.     color: #000000;
  15.     background: #111 url("images/bg-main-three.png") repeat 0px 0px;
  16.     }
  17.    
  18. * {margin: 0; padding: 0;}
  19.  
  20. article, aside, figure, footer, header, nav, section {display: block;}
  21.  
  22. #page-wrap {
  23.     position: relative;
  24.     width: 1080px;
  25.     margin-top: 10px;
  26.     margin-bottom: 10px;
  27.     margin-left: auto;
  28.     margin-right: auto;
  29.     border: 0px solid #000000;
  30.     text-align: left;
  31.     background-color: #fff;
  32. }
  33.  
  34. .entry{
  35.     width: 575px;
  36. }
  37.  
  38. /* ++++++++++ header styles START ++++++++++++++ */
  39.  
  40. #a5-header {
  41.     position: relative;
  42.     height: 410px;
  43.     border: 0px solid #000000;
  44.     display: inline-block;
  45.    
  46.     background-color: #fff;
  47.     background-image:url("images/bg-header.png");
  48.     background-repeat: repeat-x;
  49.     background-position: 0px 195px;
  50.     }
  51.    
  52. #a5-header-minimal {
  53.     position: relative;
  54.     height: 210px;
  55.     border: 0px solid #000000;
  56.     display: inline-block;
  57.     background-color: #fff;
  58.     }
  59.    
  60. #logo{
  61.     float: left;
  62.     padding-top: 25px;
  63.     padding-left: 40px;
  64. }
  65.  
  66. #logo img{
  67.     border: 0;
  68.    
  69. }
  70.  
  71. #headerText {
  72.     position: absolute;
  73.     top: -10px;
  74.     left: 275px;
  75.     width: 700px;
  76.     text-align: right;
  77.     color: #ce0f0f;
  78.     height: 34px;
  79.     padding: 15px 0px 10px 20px;
  80.     margin: 13px 0px 10px 0px;
  81. }
  82.  
  83. #headerText h1 {
  84.     font-size: 22px;
  85.     width: inherit;
  86.     padding-right: 60px;
  87.     padding-top: 80px;
  88.     font-style: italic;
  89.     margin-right: 30px;
  90. }
  91.  
  92. #promises-list{
  93.     float: right;
  94.     margin-top: 215px;
  95.     margin-right: 90px;
  96.     color: #fff;
  97.     font-family: "Myriad Pro Cond";
  98.     font-size: 2.3em;
  99.     font-weight: bold;
  100.     text-align: right;
  101. }
  102.  
  103. #questions-answered-list{
  104.     float: left;
  105.     margin-top: 200px;
  106.     margin-left: -280px;
  107.     color: #fff;
  108. }
  109.  
  110. .redHeading {
  111.     font: 11pt arial, helvetica, sans-serif;
  112.     color: #ce0f0f;
  113.     width: 320px;
  114.     font-size: 1.4em;
  115.     font-weight: 900;
  116.     text-align: left;
  117.     padding: 0 0 10px 0;
  118.     }
  119.    
  120. #answers-list{
  121.     padding-top: 17px;
  122.     padding-left: 20px;
  123. }
  124.  
  125. /* ++++++++++ navigation styles START ++++++++++ */
  126. nav {
  127.     position: relative;
  128.     width: 1080px;
  129.     top: 170px;
  130.     left: 0px;
  131.     font: 11pt arial, helvetica, sans-serif;
  132.     line-height: 20px;
  133.     z-index: 1;
  134.     border-top: 0px solid #ffffff;
  135.     background: #000
  136.                     url("images/bg-menu-bar.png")
  137.                     no-repeat
  138.                     0% 0%;
  139.     height: 38px;
  140.     }
  141.  
  142. #a5-menu-box {
  143.     position: absolute;
  144.     top: 8px;
  145.     left: 693px;
  146. }
  147.  
  148. #a5-menu-box a {
  149.         text-decoration:none;
  150.         padding:7px 10px 7px 15px;
  151.         color:#fff;
  152.         font-weight: bold;
  153. }
  154.        
  155. #a5-menu-box a:hover {
  156.         background:url("images/bullet-menu-top-on.png") no-repeat 0px 3px;         
  157.         color:#ebbd05; 
  158. }
  159.  
  160. #a5-menu-box ul{
  161.     list-style: none;
  162. }
  163.  
  164. #a5-menu-box li{
  165.     display:inline;
  166. }
  167. /* ++++++++++ navigation styles END ++++++++++ */
  168. /* ++++++++++ header styles END ++++++++++++++ */
  169.  
  170. /* ++++++++++ main-content styles START ++++++++++++++ */  
  171.  
  172. #main-content{
  173.     float: right;
  174.     width: 620px;
  175.     margin-top: 30px;
  176.     margin-bottom: 20px;
  177.     margin-right: 30px;
  178. }
  179.  
  180. #description-block{
  181.     float: right;
  182.     width: 580px;
  183.     padding: 20px;
  184. }
  185.  
  186. #description-block h2{
  187.     padding: 20px 0 0 20px;
  188. }
  189.  
  190. #description-block p{
  191.     width: 525px;
  192.     padding: 20px 0 0 20px;
  193. }
  194.  
  195. .justify{
  196.     text-align: justify;
  197. }
  198.  
  199. #indexpage-emphasized-1{
  200.     font-size:1.7em;
  201.     font-weight:bold;
  202.     padding-left:12px;
  203.     font-family: "Myriad Pro Cond";
  204. }
  205.  
  206.  
  207. /* ++++++++++ main-content INDEX styles END ++++++++++++++ */  
  208.  
  209. /* ++++++++++ main-content PACKAGES styles START ++++++++++++ */
  210. #a5-sl-title {
  211.     font: 16pt arial, helvetica, sans-serif;
  212.     padding: 23px 0px 10px 0px;
  213.     margin: 10px 0px 20px 0px;
  214.     color: #000000;
  215.     }
  216.  
  217. #a5-column-right-sl-packages {
  218.     background-color: #ffffff;
  219.     margin-right: 20px;
  220.     margin-bottom: 40px;
  221.     margin-top: 20px;
  222.     }
  223.  
  224. #a5-column-right-text-sl {
  225.     padding:0px 30px 0px 30px;
  226.     border:0px solid red;          
  227.     }
  228.  
  229. .tableData-1{
  230.     font-weight:bold;
  231.     text-align:center; 
  232.     border-left:thin solid #fff;
  233. }
  234.  
  235. .tableData-1a{
  236.     font-weight:bold;
  237.     text-align:center; 
  238.     border-left:thin solid #FFF;
  239.     background-color:#f6f6f6;
  240. }
  241.  
  242. .tableData-1b{
  243.     font-weight:bold;
  244.     text-align:left;   
  245.     border-left:thin solid #FFF;
  246.     background-color:#f6f6f6;
  247. }
  248.  
  249. .tableData-2{
  250.     font-weight:bold;
  251.     text-align:left;
  252.     padding-top:0px;
  253.     padding-right:0px;
  254.     padding-bottom:0px;
  255.     padding-left:10px;
  256.     width:200px;
  257.     border-left:thin solid #FFF;
  258. }
  259.  
  260. .gray{
  261.     background-color:#CCC;
  262. }  
  263.  
  264. .light-gray{
  265.     background-color:#f6f6f6;
  266. }
  267.  
  268. .left{
  269.     border-left:thin solid #999;
  270. }
  271.  
  272. .top{
  273.     border-top:thin solid #999;
  274. }
  275.  
  276. .right{
  277.     border-right:thin solid #999;
  278. }
  279.  
  280. .bottom{
  281.     border-bottom:thin solid #999;
  282. }
  283. /* ++++++++++ main-content PACKAGES styles END ++++++++++++++ */   
  284.  
  285. /* ++++++++++ aside INDEX styles START ++++++++++++ */
  286. #search-form{
  287.     width: 320px;
  288. }
  289.  
  290. #index-aside{
  291.     float: left;
  292.     width: 340px;
  293.     padding-bottom: 40px;
  294.     padding-left: 40px;
  295.     padding-top: 40px;
  296.     border: 1px solid #000000;
  297. }
  298.  
  299. #index-aside h4{
  300.     font: 11pt arial, helvetica, sans-serif;
  301.     color: #ce0f0f;
  302.     height: 34px;
  303.     width: 320px;
  304.     padding: 30px 0px 0px 0px;
  305.     font-size: 1.4em;
  306.     font-weight: 900;
  307.     }
  308.    
  309. #widget{
  310.     width: 320px;
  311.    
  312. }
  313.    
  314. /*Sidebar Form*/
  315. .myform{
  316.     margin: 0 auto 0 0px;
  317.     width: 280px;
  318.     padding-left: 10px;
  319.     padding-right: 10px;
  320.     padding-top: 20px;
  321.     padding-bottom: 20px;
  322.     color: #FFF;
  323. }
  324.  
  325. /* ----------- stylized ----------- */
  326. #stylized{
  327.     background: #fff;
  328.     border: 1px solid #000000;
  329.     margin-top: 40px;
  330. }
  331. #stylized h1 {
  332. font-size:14px;
  333. font-weight:bold;
  334. margin-bottom:8px;
  335. }
  336. #stylized p{
  337. font-size:11px;
  338. color:#666666;
  339. margin-bottom:20px;
  340. border-bottom:solid 1px #b7ddf2;
  341. padding-bottom:10px;
  342. }
  343. #stylized label{
  344.     display: block;
  345.     font-weight: bold;
  346.     text-align: right;
  347.     width: 110px;
  348.     float: left;
  349. }
  350. #stylized .small{
  351.     color: #666666;
  352.     display: block;
  353.     font-size: 11px;
  354.     font-weight: normal;
  355.     text-align: right;
  356.     width: 110px;
  357. }
  358. #stylized input{
  359.     float: left;
  360.     font-size: 12px;
  361.     padding: 4px 2px;
  362.     border: solid 1px #aacfe4;
  363.     width: 280px;
  364.     margin: 2px 0 20px 20px;
  365. }
  366. #stylized button{
  367.     clear: both;
  368.     margin-left: 80px;
  369.     width: 140px;
  370.     height: 31px;
  371.     background: #666666 url(img/button.png) no-repeat;    /*!!!!!Check on this one later!!!!!!!*/
  372.     text-align: center;
  373.     line-height: 22px;
  374.     color: #FFFFFF;
  375.     font-size: 14px;
  376.     font-weight: bold;
  377. }
  378.  
  379.  
  380. /* ++++++++++ aside INDEX styles END ++++++++++++ */
  381.  
  382. /* ++++++++++ aside PACKAGES styles START ++++++++++++ */
  383. #index-aside-packages{
  384.     float: left;
  385.     width: 390px;
  386. }
  387.  
  388. #index-aside-packages h4{
  389.     font: 11pt arial, helvetica, sans-serif;
  390.     color: #ce0f0f;
  391.     height: 34px;
  392.     width: 335px;
  393.     padding: 45px 0px 0px 40px;
  394.     font-size: 1.4em;
  395.     font-weight: 900;
  396.     }
  397.  
  398. #a5-column-left-text-sl-packages {
  399.     margin: 35px 0px 0px 40px;
  400.     border: 0px solid #000;
  401.         }
  402.  
  403. /* ++++++++++ aside PACKAGES styles END ++++++++++++ */
  404.  
  405. #column-left{
  406.     width: 330px;
  407.     margin-left: 40px;
  408.     text-align: justify;
  409.     padding-top: 10px;
  410. }
  411.  
  412. .contact-para {
  413.     font-weight: 400;
  414.     font-size: 1em;
  415.     padding-bottom: 25px;
  416.    
  417. }
  418.  
  419. .contactList{
  420.     color:#000;
  421.     padding-bottom:10px;
  422. }
  423.  
  424. /* ++++++++++ footer styles START ++++++++++++ */
  425. #a5-footer {
  426.     clear:both;
  427.     font: 8pt arial, helvetica, sans-serif;    
  428.     height:27px;
  429.     margin:0px 0px 0px 0px;
  430.     padding:13px 20px 10px 0px;
  431.     text-align:right;
  432.     color:#999999;
  433.     background:url("images/bg-footer.png") no-repeat 0px 0px;
  434.     border-top:0px solid #ffffff;  
  435.     }
  436. /* ++++++++++ footer styles END ++++++++++++++ */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement