Home Explore Help
Sign In
RevolvingCow
/
revolvingcow-website
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 2 Releases 0 Wiki
Browse Source

updates style sheets and layout

bmallred 11 years ago
parent
9642e17842
commit
07368bcfef
6 changed files with 75 additions and 78 deletions
Split View Show Diff Stats
  1. BIN
      images/background.gif
  2. BIN
      images/container.gif
  3. BIN
      images/separator.gif
  4. BIN
      images/social.gif
  5. 19 21
      index.html
  6. 56 57
      styles/site.css

BIN
images/background.gif
View File


BIN
images/container.gif
View File


BIN
images/separator.gif
View File


BIN
images/social.gif
View File


+ 19 - 21
index.html
View File 

@ -2,8 +2,8 @@
2 2 
<html ng-app="farm">
3 3 
	<head>
4 4 
		<meta charset="utf-8" />
5 
	    <meta name="description" content="" />
6 5 
	    <meta name="author" content="Revolving Cow, LLC" />
6 
	    <meta name="description" content="" />
7 7
8 8 
    	<title>Revolving Cow</title>
9 9 
		<link href="https://plus.google.com/114406518580005058024" rel="publisher" />
 
@ -26,24 +26,28 @@
26 26 
			<p>We recommend upgrading to the latest <a href="//ie.microsoft.com" title="Microsoft Internet Explorer">Internet Explorer</a>, <a href="//chrome.google.com" title="Google Chrome">Google Chrome</a>, or <a href="//mozilla.org/firefox" title="Firefox">Firefox</a>. If you are using IE 9 or later, make sure you turn off "Compatibility View".</p>
27 27 
		</div>
28 28
29 
		<div id="logo"><a href="#/" title="Revolving Cow"><img src="" /></a></div>
30
31 29 
		<header id="menu">
32 30 
			<!-- Basic navigation menu -->
33 31 
			<nav>
34 
				<a class="first" href="#/services" title="Services">Services</a>
32 
				<a class="first" href="/" title="Home">Home</a>
35 33 
				<a href="#/company" title="Company">Company</a>
36 
				<a href="http://blog.revolvingcow.com" title="Blog">The Pasture</a>
34 
				<a href="#/services" title="Services">Services</a>
35 
				<a href="http://blog.revolvingcow.com" title="Blog">Blog</a>
36 
				<a href="mailto:info@revolvingcow.com" title="Contact Us">Contact</a>
37 37 
			</nav>
38 38 
		</header>
39 39
40 40 
		<div id="container">
41 
			<!-- Where the magic happens -->
42 
			<div ng-view></div>
41 
			<div id="header">
42 
				<div id="logo"><a href="#/" title="Revolving Cow"><img src="blank.gif" alt="Revolving Cow" /></a></div>
43 
			</div>
44 
			<div id="content">
45 
				<div ng-view></div>
46 
			</div>
43 47 
		</div>
44 48
45 49 
		<footer>
46 
			<div id="columns">
50 
			<!--<div id="columns">
47 51 
				<div class="col">
48 52 
					<h4>Products</h4>
49 53 
@ -55,23 +59,17 @@
55 59 
					<h4><a href="#/company" title="Company">Company</a></h4>
56 60
57 61 
					<ul>
58 
						<li><a href="#/company" title="Overview">Overview</a></li>
59 62 
						<li><a href="#/about" title="About Us">About Us</a></li>
60 
						<li><a href="#/services" title="Services">Services</a></li>
61 
						<li><a href="http://blog.revolvingcow.com" title="Press">Press</a></li>
62 
						<li><a href="#/contact" title="Contact">Contact</a></li>
63 63 
					</ul>
64 64 
				</div>
65 
				<div class="col">
66 
					<h4>Connect</h4>
65 
			</div>-->
67 66
68 
					<ul>
69 
						<li><a href="//plus.google.com/114406518580005058024" title="Google&#43;" rel="publisher">Google&#43;</a></li>
70 
						<li><a href="//twitter.com/RevolvingCow" title="&#64;RevolvingCow">Twitter</a></li>
71 
			            <li><a href="http://blog.revolvingcow.com" title="Blog">Blog</a></li>
72 
			            <li><a href="mailto:info@revolvingcow.com" title="Email me">Email</a></li>
73 
		        	</ul>
74 
				</div>
67 
			<div id="social">
68 
				<ul>
69 
					<li><a href="//plus.google.com/114406518580005058024" title="Google&#43;" rel="publisher">Google&#43;</a></li>
70 
					<li><a href="//twitter.com/RevolvingCow" title="&#64;RevolvingCow">Twitter</a></li>
71 
					<li><a href="" title="LinkedIn">LinkedIn</a></li>
72 
				</ul>
75 73 
			</div>
76 74
77 75 
			<!-- Copyright information -->

+ 56 - 57
styles/site.css
View File 

@ -4,74 +4,50 @@ body
4 4 
{
5 5 
	margin: 0;
6 6 
	padding: 0;
7 
	color: #fff;
8 
	background-color: #171814;
9 
	font-family: 'Architects Daughter', cursive;
7 
	/*font-family: 'Architects Daughter', cursive;*/
8 
	background: url("../images/background.gif") repeat 0px 0px;
10 9 
}
11 10
12 11 
header
13 12 
{
14 
	text-align: left;
15 
	margin: 3em 0 0 0;
16 
	padding: 1em;
17 
	background-color: #464643;
18 
	border: 1px solid #666;
13 
	text-align: center;
14 
	margin: 0 auto;
15 
	padding: 1em 0;
16 
	border-bottom: 1px solid #000;
19 17 
}
20 18
21 19 
header nav
22 20 
{
23 21 
	display: inline-block;
24 
	padding-left: 12em;
25 22 
}
26 23
27 
header nav a
24 
header nav a,
25 
header nav a:link,
26 
header nav a:visited
28 27 
{
29 
	border-left: 1px solid #eee;
28 
	background: url("../images/separator.gif") repeat-y 0px 0px;
30 29 
	padding-left: 1em;
31 30 
	padding-right: 1em;
31 
	color: #fcf7f0;
32 32 
}
33 33
34 34 
header nav a.first
35 35 
{
36 
	border-left: none;
36 
	background: transparent;
37 37 
}
38 38
39 39 
footer
40 40 
{
41 
	padding: 0.5em 1em;
42 
}
43
44 
footer div#columns
45 
{
46 
	padding: 0 25%;
47 
}
48
49 
footer .col
50 
{
51 
	text-align: left;
52 
	vertical-align: text-top;
53 
	display: inline-block;
54 
	width: 30%;
55 
	padding: 0 0.65em 0 0.35em;
56 
}
57
58 
footer .col h4
59 
{
60 
	border-bottom: 1px dotted #eee;
41 
	padding: 1em 0;
42 
	border-top: 6px solid #d0c7be;
61 43 
}
62 44
63
64 
footer ul,
65 
footer li
45 
footer a,
46 
footer a:link,
47 
footer a:visited
66 48 
{
67 
	margin: 0;
68 
	padding: 0;
69 
	list-style: none;
70 
}
71
72 
footer .col.last
73 
{
74 
	border-right: none;
49 
	color: #b4aaa1;
50 
	text-decoration: none;
75 51 
}
76 52
77 53 
a,
 
@ -79,25 +55,29 @@ a:link,
79 55 
a:visited
80 56 
{
81 57 
	text-decoration: none;
82 
	color: #fff;
83 58 
}
84 59
85 60 
a:hover
86 61 
{
87 62 
	text-decoration: none;
88 
	font-weight: bolder;
89 
	color: #eb6335;
90 63 
}
91 64
92 
#logo
65 
/*#logo
93 66 
{
94 67 
	position: absolute;
95 68 
	top: 1.35em;
96 69 
	left: 5em;
97 70 
	height: 7em;
98 71 
	width: 7em;
99 
	background-color: #000;
72 
	/ *background-color: #000;* /
100 73 
	z-index: 100;
74 
}*/
75
76 
#header
77 
{
78 
	text-align: center;
79 
	border-top: 6px solid #d0c7be;
80 
	padding: 1em 0;
101 81 
}
102 82
103 83 
#logo a
 
@ -109,34 +89,53 @@ a:hover
109 89 
{
110 90 
	width: 7em;
111 91 
	height: 7em;
112 
	border: 0;
92 
	border: none;
113 93 
}
114 94
115 95 
#browser
116 96 
{
117 97 
	display: none;
118 98 
	visibility: hidden;
119 
	padding: 1em 15%;
120 
	background-color: #fae692;
121 
	border-bottom: 1px solid #000;
99 
	padding: 1em ;
100 
	background-color: #fbf0c1;
122 101 
}
123 102
124 103 
#container
125 104 
{
126 
	margin: 0;
105 
	margin: 0 auto;
106 
	/*box-shadow: 0 5px 10px #000 inset;*/
107 
	background: url("../images/container.gif") repeat 0px 0px;
108 
}
109
110 
#content
111 
{
112 
	width: 700px;
127 113 
	padding: 2em;
128 114 
	min-height: 12em;
129 
	background-color: #272822;
130 
	border: 1px solid #666;
131 
	box-shadow: 0 5px 10px #000 inset;
115 
}
116
117 
#social
118 
{
119 
	background: url("../images/social.gif") repeat-x 0px 0px;
120 
	padding: 1em 0;
121 
	text-align: center;
122 
}
123
124 
#social ul li
125 
{
126 
	margin: 0;
127 
	padding: 0;
128 
	display: inline-block;
129 
	list-style: none;
132 130 
}
133 131
134 132 
.copyright
135 133 
{
136 
	padding: 5em 1em 1em 1em;
134 
	padding-top: 2em;
137 135 
	text-align: center;
138 136 
	width: 100%;
139 137 
	font-size: 9pt;
138 
	color: #fff;
140 139 
}
141 140
142 141 
.center