software home page release

Melissa Wen
1 parent e6ebae3e
Showing 1 changed file with 195 additions and 0 deletions Show diff stats
css/software-pages.css
@@ -0,0 +1,195 @@
+/*** Software Header ***/
+#content .software-information-block{
+	margin-bottom: 60px;
+}
+
+#content #software-information-block-table{
+  width: auto;
+  margin: 0px 15px;
+}
+
+#content #software-information-block-table td{
+	display: table-cell;
+}
+
+#content #software-information-block-table #col-software-name {
+  font-style: normal;
+  vertical-align: top;
+}
+
+#content #software-information-block-table #col-software-name h1{
+  line-height: 37px;
+  font-size: 34px;
+  font-family: Arial, open_sansbold, Helvetica, sans-serif;
+  font-weight: 700;
+  text-align: left;
+}
+
+#content #software-information-block-table #col-software-name b{
+  line-height: 21px;
+  font-weight: normal;
+  font-family: Arial, open_sansregular, Helvetica, sans-serif;
+  font-size: 15px;
+}
+	
+/*** end of Software Header ***/
+
+/*** Software Homepage ***/
+
+/* Software Download Block*/
+
+#content .download-block #download-block-2{
+  margin: 0px 15px;
+  border:1px solid #D3D6DE;
+  border-radius: 10px;
+}
+
+#content .download-block #download-block-2 #download_spb-2{
+  padding: 5px 10px;
+  background-color: #D3D6DE;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  font-family: Arial;
+}
+
+#content .download-block #download-block-2 #download_spb-2 h3{
+  margin: 6px 0px 2px 10px;
+  font-size: 18px;
+}
+
+#content .download-block #download-block-2 #download-info-1,
+#content .download-block #download-block-2 #download-info-2,
+#content .download-block #download-block-2 #download-info-3{
+  padding: 30px 10px 30px 10px;
+  clear: both;
+  border-top: 1px solid #D3D6DE;
+}
+
+#content .download-block #download-block-2 #download-info-2{
+  background: #ECEDF1;
+}
+
+#content .download-block #download-block-2 #version01{
+  width: 80px;
+  float: left;
+  margin-right: 20px;
+  margin-left: 15px;
+  clear: both;
+}
+
+#content .download-block #download-block-2 #version01 #image-download{
+  display: block;
+  height: 18px; /*fix when display file size*/
+  padding: 50px 0px 8px 0px;
+  background-color: #2c66ce;
+  background-image: url("../images/download-icon.png");
+  background-repeat: no-repeat;
+  background-position: center;
+  border: 1px solid #2c66ce;
+  border-radius: 8px; /*fix when display file size*/
+}
+
+#content .download-block #download-block-2 #version01 #size-download{
+  display: none; /*fix when display file size*/
+  color: #ffffff;
+  background-color: #1a397d;
+  border: 1px solid #1a397d;
+  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+  font-size: 12px;
+  text-align: center;
+}
+
+#content .download-block #download-block-2 #info-software-download{
+  position: relative;
+  margin: 5px 0px 0px 100px;
+  font-size: 16px;
+}
+
+#content .download-block #download-block-2 #info-software-download .download-name{
+  display: block;
+  font-weight: bold;
+}
+
+#content .download-block #download-block-2 #info-software-download .download-system{
+  display: block;
+  font-size: 14px;
+}
+
+#content .download-block #download-block-2 #info-software-download .req_min_spb{
+  font-size: 12px;
+}
+
+#content .download-block #download-block-2 #info-software-download .req_min_spb a{
+  color: #3E67B1;
+  line-height: 40px;
+  text-decoration: underline;
+}
+
+#content .download-block #download-block-2 #licensed-software{
+  padding:14px;
+  background-color: #D3D6DE;
+  border-top: 1px solid #D3D6DE;
+  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+  font-size: 12px;
+  text-align: right;
+}
+
+#content .download-block #download-block-2 #licensed-software a{
+  color: #3e67b1;
+  text-decoration: underline;
+}
+
+/* About Software - Article on homepage */
+
+.profile-homepage #article h1{
+  padding: 0;
+  margin: 0 0 10px;
+  color: #172738;
+  font-family: Arial, open_sansbold, Helvetica, sans-serif;
+  font-variant: normal;
+  font-weight: bold;
+  font-size: 22px;
+  line-height: 1.3em;
+}
+
+.profile-homepage #article #article-header h1.title{
+  border: none;  
+}
+
+.profile-homepage #article #article-header .publishing-info{
+  display: none;
+}
+
+.profile-homepage #article .article-body h1{
+  padding-top: 25px;
+  border-top: 1px solid #ECEDF1;
+  border-bottom: none;
+}
+
+.profile-homepage #article .article-body p{
+	text-align: left;
+	font-size: 15px;
+	line-height: 21px;
+	margin-bottom: 20px;
+}
+
+.profile-homepage #article .article-body hr{
+  display: none;
+}
+
+.profile-homepage #article .article-body ul {
+  list-style-position: inside;
+  list-style-type: disc;
+  background-repeat: no-repeat;
+}
+
+.profile-homepage #article .article-body ul li{
+  list-style: inherit;
+  text-align: left;
+	font-size: 15px;
+	line-height: 21px;
+}
+
+/*** end of Software Homepage ***/
...	...	@@ -0,0 +1,195 @@
	1	+/* Software Header */
	2	+#content .software-information-block{
	3	+ margin-bottom: 60px;
	4	+}
	5	+
	6	+#content #software-information-block-table{
	7	+ width: auto;
	8	+ margin: 0px 15px;
	9	+}
	10	+
	11	+#content #software-information-block-table td{
	12	+ display: table-cell;
	13	+}
	14	+
	15	+#content #software-information-block-table #col-software-name {
	16	+ font-style: normal;
	17	+ vertical-align: top;
	18	+}
	19	+
	20	+#content #software-information-block-table #col-software-name h1{
	21	+ line-height: 37px;
	22	+ font-size: 34px;
	23	+ font-family: Arial, open_sansbold, Helvetica, sans-serif;
	24	+ font-weight: 700;
	25	+ text-align: left;
	26	+}
	27	+
	28	+#content #software-information-block-table #col-software-name b{
	29	+ line-height: 21px;
	30	+ font-weight: normal;
	31	+ font-family: Arial, open_sansregular, Helvetica, sans-serif;
	32	+ font-size: 15px;
	33	+}
	34	+
	35	+/* end of Software Header */
	36	+
	37	+/* Software Homepage */
	38	+
	39	+/* Software Download Block*/
	40	+
	41	+#content .download-block #download-block-2{
	42	+ margin: 0px 15px;
	43	+ border:1px solid #D3D6DE;
	44	+ border-radius: 10px;
	45	+}
	46	+
	47	+#content .download-block #download-block-2 #download_spb-2{
	48	+ padding: 5px 10px;
	49	+ background-color: #D3D6DE;
	50	+ border-top-left-radius: 8px;
	51	+ border-top-right-radius: 8px;
	52	+ font-family: Arial;
	53	+}
	54	+
	55	+#content .download-block #download-block-2 #download_spb-2 h3{
	56	+ margin: 6px 0px 2px 10px;
	57	+ font-size: 18px;
	58	+}
	59	+
	60	+#content .download-block #download-block-2 #download-info-1,
	61	+#content .download-block #download-block-2 #download-info-2,
	62	+#content .download-block #download-block-2 #download-info-3{
	63	+ padding: 30px 10px 30px 10px;
	64	+ clear: both;
	65	+ border-top: 1px solid #D3D6DE;
	66	+}
	67	+
	68	+#content .download-block #download-block-2 #download-info-2{
	69	+ background: #ECEDF1;
	70	+}
	71	+
	72	+#content .download-block #download-block-2 #version01{
	73	+ width: 80px;
	74	+ float: left;
	75	+ margin-right: 20px;
	76	+ margin-left: 15px;
	77	+ clear: both;
	78	+}
	79	+
	80	+#content .download-block #download-block-2 #version01 #image-download{
	81	+ display: block;
	82	+ height: 18px; /fix when display file size/
	83	+ padding: 50px 0px 8px 0px;
	84	+ background-color: #2c66ce;
	85	+ background-image: url("../images/download-icon.png");
	86	+ background-repeat: no-repeat;
	87	+ background-position: center;
	88	+ border: 1px solid #2c66ce;
	89	+ border-radius: 8px; /fix when display file size/
	90	+}
	91	+
	92	+#content .download-block #download-block-2 #version01 #size-download{
	93	+ display: none; /fix when display file size/
	94	+ color: #ffffff;
	95	+ background-color: #1a397d;
	96	+ border: 1px solid #1a397d;
	97	+ border-bottom-right-radius: 8px;
	98	+ border-bottom-left-radius: 8px;
	99	+ font-size: 12px;
	100	+ text-align: center;
	101	+}
	102	+
	103	+#content .download-block #download-block-2 #info-software-download{
	104	+ position: relative;
	105	+ margin: 5px 0px 0px 100px;
	106	+ font-size: 16px;
	107	+}
	108	+
	109	+#content .download-block #download-block-2 #info-software-download .download-name{
	110	+ display: block;
	111	+ font-weight: bold;
	112	+}
	113	+
	114	+#content .download-block #download-block-2 #info-software-download .download-system{
	115	+ display: block;
	116	+ font-size: 14px;
	117	+}
	118	+
	119	+#content .download-block #download-block-2 #info-software-download .req_min_spb{
	120	+ font-size: 12px;
	121	+}
	122	+
	123	+#content .download-block #download-block-2 #info-software-download .req_min_spb a{
	124	+ color: #3E67B1;
	125	+ line-height: 40px;
	126	+ text-decoration: underline;
	127	+}
	128	+
	129	+#content .download-block #download-block-2 #licensed-software{
	130	+ padding:14px;
	131	+ background-color: #D3D6DE;
	132	+ border-top: 1px solid #D3D6DE;
	133	+ border-bottom-right-radius: 8px;
	134	+ border-bottom-left-radius: 8px;
	135	+ font-size: 12px;
	136	+ text-align: right;
	137	+}
	138	+
	139	+#content .download-block #download-block-2 #licensed-software a{
	140	+ color: #3e67b1;
	141	+ text-decoration: underline;
	142	+}
	143	+
	144	+/* About Software - Article on homepage */
	145	+
	146	+.profile-homepage #article h1{
	147	+ padding: 0;
	148	+ margin: 0 0 10px;
	149	+ color: #172738;
	150	+ font-family: Arial, open_sansbold, Helvetica, sans-serif;
	151	+ font-variant: normal;
	152	+ font-weight: bold;
	153	+ font-size: 22px;
	154	+ line-height: 1.3em;
	155	+}
	156	+
	157	+.profile-homepage #article #article-header h1.title{
	158	+ border: none;
	159	+}
	160	+
	161	+.profile-homepage #article #article-header .publishing-info{
	162	+ display: none;
	163	+}
	164	+
	165	+.profile-homepage #article .article-body h1{
	166	+ padding-top: 25px;
	167	+ border-top: 1px solid #ECEDF1;
	168	+ border-bottom: none;
	169	+}
	170	+
	171	+.profile-homepage #article .article-body p{
	172	+ text-align: left;
	173	+ font-size: 15px;
	174	+ line-height: 21px;
	175	+ margin-bottom: 20px;
	176	+}
	177	+
	178	+.profile-homepage #article .article-body hr{
	179	+ display: none;
	180	+}
	181	+
	182	+.profile-homepage #article .article-body ul {
	183	+ list-style-position: inside;
	184	+ list-style-type: disc;
	185	+ background-repeat: no-repeat;
	186	+}
	187	+
	188	+.profile-homepage #article .article-body ul li{
	189	+ list-style: inherit;
	190	+ text-align: left;
	191	+ font-size: 15px;
	192	+ line-height: 21px;
	193	+}
	194	+
	195	+/* end of Software Homepage */
...	...