This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!

Initial style.css

By: scottwebtechbydesign on Nov 18th, 2012  |  syntax: CSS  |  size: 7.61 KB  |  views: 31  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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 ++++++++++++++ */
clone this paste RAW Paste Data