Style of edit blog and article and adjusts on compatibility of search page style definition

Melissa Wen
1 parent 3b0e9f00
Showing 2 changed files with 183 additions and 35 deletions Show diff stats
css/edition-pages.css
css/search-pages.css
@@ -2,7 +2,7 @@
 /*** Edit Blog and Articles ***/
-.controller-cms #content .main-block h1{
+.controller-cms #content .main-content h1{
   margin: 0 0 10px 0;
   padding: 0;
   color: #172738;
@@ -13,19 +13,19 @@
   font-variant: normal;
 }
-.controller-cms #content .main-block form{
+.controller-cms #content .main-content form{
   font-size: 14px;
   font-family: Arial;
 }
-.controller-cms #content .main-block form .required-field .pseudoformlabel,
-.controller-cms #content .main-block form .required-field label.formlabel:after {
+.controller-cms #content .main-content form .required-field .pseudoformlabel,
+.controller-cms #content .main-content form .required-field label.formlabel:after {
   color: #FF0366;
   font-size: 14px;
   font-weight: 500;
 }
-.controller-cms #content .main-block .formlabel{
+.controller-cms #content .main-content .formlabel{
   display: inline-block;
   max-width: 100%;
   margin-bottom: 5px;
@@ -34,7 +34,7 @@
   font-size: 14px;
 }
-.controller-cms #content .main-block .formfieldline .formfield code{
+.controller-cms #content .main-content .formfieldline .formfield code{
   display: block;
   width: auto;
   height: 30px;
@@ -45,21 +45,21 @@
   font-family: Arial, helvetica;
 }
-.controller-cms #content .main-block .formfieldline .formfield code *{
+.controller-cms #content .main-content .formfieldline .formfield code *{
   display: inline;
 }
-.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]{
+.controller-cms #content .main-content .formfieldline .formfield input[type="text"]{
   padding: 6px;
   color: #585858;
-  background: none;
+  background: #FFF;
   border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 15px;
   font-family: Arial, helvetica;
 }
-.controller-cms #content .main-block .formfieldline textarea{
+.controller-cms #content .main-content .formfieldline textarea{
   padding: 6px;
   color: #585858;
   background: none;
@@ -69,18 +69,18 @@
   font-size: 15px;
 }
-.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]:hover,
-.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]:focus,
-.controller-cms #content .main-block .formfieldline textarea:hover,
-.controller-cms #content .main-block .formfieldline textarea:focus{
+.controller-cms #content .main-content .formfieldline .formfield code input[type="text"]:hover,
+.controller-cms #content .main-content .formfieldline .formfield code input[type="text"]:focus,
+.controller-cms #content .main-content .formfieldline textarea:hover,
+.controller-cms #content .main-content .formfieldline textarea:focus{
   border: 1px solid #172738;
 }
-.controller-cms #content .main-block .formfieldline .type-file .type-file .formlabel{
+.controller-cms #content .main-content .formfieldline .type-file .type-file .formlabel{
   display: none;
 }
-.controller-cms #content .main-block .formfieldline .type-file .type-file .type-text .formlabel{
+.controller-cms #content .main-content .formfieldline .type-file .type-file .type-text .formlabel{
   display: block;
 }
@@ -136,25 +136,27 @@
   margin-bottom: 15px;
 }
-.controller-cms #content .main-block form .button-bar input{
-  min-width: 100px;
+.controller-cms #content .main-content form .button-bar input{
+  height: 30px;
+  padding: 2px 15px;
   margin-right: 10px;
-  padding: 2px 5px;
   color: #FFF;
   background: #3E67B1;
   font-size: 15px;
-  border: none;
 }
-.controller-cms #content .main-block form .button-bar input:hover{
+.controller-cms #content .main-content form .button-bar input:hover{
   background: #5E82C6;
   border: none;
 }
-.controller-cms #content .main-block form .button-bar a.button{
-  height: 29px;
-  min-width: 100px;
-  padding: 1px 0 0 0;
+.controller-cms #content .main-content form .button-bar input.button.with-text{
+  height: 36px;
+}
+
+.controller-cms #content .main-content form .button-bar a.button{
+  height: 30px;
+  padding: 2px 15px;
   color: #3E67B1;
   background: #FFF;
   border: 1px solid #3E67B1;
@@ -162,48 +164,48 @@
   text-align: center;
 }
-.controller-cms #content .main-block form .button-bar a.button:hover{
+.controller-cms #content .main-content form .button-bar a.button:hover{
   background: none;
   color: #3E67B1;
   border-color: #3E67B1;
 }
-.controller-cms #content .main-block form .box-title{
+.controller-cms #content .main-content form .box-title{
   font-size: 15px;
   font-family: Arial, helvetica;
 }
-.controller-cms #content .main-block #category-ajax-selector{
+.controller-cms #content .main-content #category-ajax-selector{
   border-style: dotted;
 }
-.controller-cms #content .main-block #category-ajax-selector label{
+.controller-cms #content .main-content #category-ajax-selector label{
   font-size: 14px;
 }
-.controller-cms #content .main-block #category-ajax-selector .select-subcategory-link{
+.controller-cms #content .main-content #category-ajax-selector .select-subcategory-link{
   background: #FFF;
   border: 1px solid #2C66CE;
   color: #2C66CE;
   padding: 3px;
 }
-.controller-cms #content .main-block #category-ajax-selector .select-subcategory-link:hover{
+.controller-cms #content .main-content #category-ajax-selector .select-subcategory-link:hover{
   background: #2C66CE;
   color: #FFF;
 }
-.controller-cms #content .main-block .inputosaurus-required{
+.controller-cms #content .main-content .inputosaurus-required{
   background: none;
   border: 1px solid #ccc;
 }
-.controller-cms #content .main-block .inputosaurus-required:hover,
-.controller-cms #content .main-block .inputosaurus-required:focus{
+.controller-cms #content .main-content .inputosaurus-required:hover,
+.controller-cms #content .main-content .inputosaurus-required:focus{
   border: 1px solid #172738;
 }
-.controller-cms #content .main-block .inputosaurus-required input:hover{
+.controller-cms #content .main-content .inputosaurus-required input:hover{
   background: none;
 }
@@ -216,3 +218,34 @@
   margin-top: 13px;
   margin-bottom: 13px;
 }
+
+/*** Article's edition page ***/
+
+#content .text-editor-sidebar .header{
+  padding: 13px 10px;
+  color: #172738;
+  background: #D3D6DE;
+  border-radius: 4px;
+  font-size: 14px;
+  font-weight: 300;
+  font-family: Arial;
+}
+
+#content .text-editor-sidebar .header a.button.icon-vertical-toggle{
+  padding: 0 15px;
+  background: #3E67B1;
+  color: #FFF;
+  font-size: 14px;
+  font-weight: 300;
+  font-family: Arial;
+}
+
+#content .text-editor-sidebar .header a.button.icon-vertical-toggle:hover{
+  background: #5E82C6;
+}
+
+#content .text-editor-sidebar-box{
+  background: #ECEDF1;
+  border-radius: 4px;
+  border: 1px solid #D3D6DE;
+}
@@ -0,0 +1,115 @@
+/*** Search Community ***/
+
+.action-search-index #content form #search-header,
+.action-search-people #content form #search-header,
+.action-search-communities #content form #search-header{
+  margin-top: 5px;
+  float: right;
+  border: none;
+}
+
+.action-search-people #content form #search-header #search-filters .sod_select,
+.action-search-communities #content form #search-header #search-filters .sod_select{
+  color: #3E67B1;
+  border: 1px solid #3E67B1;
+  border-radius: 4px;
+  font-family: Arial;
+  font-variant: normal;
+  font-weight: 300;
+  box-shadow: none;
+}
+
+.action-search-people #content form #search-header #search-filters .sod_select .sod_list,
+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list{
+  margin: -2px 0 0 -1px;
+  color: #3E67B1;
+  border: 1px solid #3E67B1;
+  border-top: none;
+  border-radius: 0px 0px 4px 4px;
+  font-family: Arial;
+  font-variant: normal;
+  font-weight: 300;
+}
+
+.action-search-people #content form #search-header #search-filters .sod_select .sod_list .active,
+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .active{
+  border-radius: 0px 0px 4px 4px;
+}
+
+.action-search-people #content form #search-header #search-filters .sod_select .sod_list .selected,
+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .selected{
+  padding-right: 21px;
+}
+
+.action-search-people #content form #search-subheader .sod_select,
+.action-search-communities #content form #search-subheader .sod_select{
+  line-height: 15px;
+}
+
+.action-search-index #content form .search-field,
+.action-search-people #content form .search-field,
+.action-search-communities #content form .search-field{
+  margin-bottom: 30px;
+}
+
+.action-search-index #content form .search-field .formfield,
+.action-search-people #content form .search-field .formfield,
+.action-search-communities #content form .search-field .formfield{
+  float: left;
+  width: 99%;
+}
+.action-search-index #content form .search-field .formfield input,
+.action-search-people #content form .search-field .formfield input,
+.action-search-communities #content form .search-field .formfield input{
+  margin-top: 0px;
+  padding: 6px;
+  height: 19px;
+  max-height: 19px;
+  max-width: 98%;
+  background: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+.action-search-index #content form input.button.submit,
+.action-search-people #content form input.button.submit,
+.action-search-communities #content form input.button.submit{
+  height: 32px;
+  margin-top: 8px;
+  padding: 5px 15px;
+  background: #3E67B1 none;
+  color: #FFF;
+  border-radius: 4px;
+  border: 1px solid #3E67B1;
+  font-size: 14px;
+  line-height: 14px;
+  text-transform: uppercase;
+}
+
+.action-search-index #content form input.button.submit:hover,
+.action-search-people #content form input.button.submit:hover,
+.action-search-communities #content form input.button.submit:hover{
+  background: #5E82C6;
+}
+
+.action-search-people #search-results .search-results-type-people,
+.action-search-communities #search-results .search-results-type-community{
+  background: none;
+  border: 1px solid #ccc;
+  border-radius: 10px;
+}
+
+.action-search-index #search-results h3{
+  margin: 20px 0 10px 0;
+  color: #172738;
+  font-size:18px;
+  line-height: 21px;
+  font-family: Arial;
+  font-weight: 700;
+  font-variant: normal;
+}
+
+.action-search-index #search-results .search-results-innerbox{
+  background: none;
+  border: 1px solid #ccc;
+}
@@ -0,0 +1,115 @@		@@ -0,0 +1,115 @@
	1	+/* Search Community */
	2	+
	3	+.action-search-index #content form #search-header,
	4	+.action-search-people #content form #search-header,
	5	+.action-search-communities #content form #search-header{
	6	+ margin-top: 5px;
	7	+ float: right;
	8	+ border: none;
	9	+}
	10	+
	11	+.action-search-people #content form #search-header #search-filters .sod_select,
	12	+.action-search-communities #content form #search-header #search-filters .sod_select{
	13	+ color: #3E67B1;
	14	+ border: 1px solid #3E67B1;
	15	+ border-radius: 4px;
	16	+ font-family: Arial;
	17	+ font-variant: normal;
	18	+ font-weight: 300;
	19	+ box-shadow: none;
	20	+}
	21	+
	22	+.action-search-people #content form #search-header #search-filters .sod_select .sod_list,
	23	+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list{
	24	+ margin: -2px 0 0 -1px;
	25	+ color: #3E67B1;
	26	+ border: 1px solid #3E67B1;
	27	+ border-top: none;
	28	+ border-radius: 0px 0px 4px 4px;
	29	+ font-family: Arial;
	30	+ font-variant: normal;
	31	+ font-weight: 300;
	32	+}
	33	+
	34	+.action-search-people #content form #search-header #search-filters .sod_select .sod_list .active,
	35	+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .active{
	36	+ border-radius: 0px 0px 4px 4px;
	37	+}
	38	+
	39	+.action-search-people #content form #search-header #search-filters .sod_select .sod_list .selected,
	40	+.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .selected{
	41	+ padding-right: 21px;
	42	+}
	43	+
	44	+.action-search-people #content form #search-subheader .sod_select,
	45	+.action-search-communities #content form #search-subheader .sod_select{
	46	+ line-height: 15px;
	47	+}
	48	+
	49	+.action-search-index #content form .search-field,
	50	+.action-search-people #content form .search-field,
	51	+.action-search-communities #content form .search-field{
	52	+ margin-bottom: 30px;
	53	+}
	54	+
	55	+.action-search-index #content form .search-field .formfield,
	56	+.action-search-people #content form .search-field .formfield,
	57	+.action-search-communities #content form .search-field .formfield{
	58	+ float: left;
	59	+ width: 99%;
	60	+}
	61	+.action-search-index #content form .search-field .formfield input,
	62	+.action-search-people #content form .search-field .formfield input,
	63	+.action-search-communities #content form .search-field .formfield input{
	64	+ margin-top: 0px;
	65	+ padding: 6px;
	66	+ height: 19px;
	67	+ max-height: 19px;
	68	+ max-width: 98%;
	69	+ background: none;
	70	+ border: 1px solid #ccc;
	71	+ border-radius: 4px;
	72	+}
	73	+
	74	+.action-search-index #content form input.button.submit,
	75	+.action-search-people #content form input.button.submit,
	76	+.action-search-communities #content form input.button.submit{
	77	+ height: 32px;
	78	+ margin-top: 8px;
	79	+ padding: 5px 15px;
	80	+ background: #3E67B1 none;
	81	+ color: #FFF;
	82	+ border-radius: 4px;
	83	+ border: 1px solid #3E67B1;
	84	+ font-size: 14px;
	85	+ line-height: 14px;
	86	+ text-transform: uppercase;
	87	+}
	88	+
	89	+.action-search-index #content form input.button.submit:hover,
	90	+.action-search-people #content form input.button.submit:hover,
	91	+.action-search-communities #content form input.button.submit:hover{
	92	+ background: #5E82C6;
	93	+}
	94	+
	95	+.action-search-people #search-results .search-results-type-people,
	96	+.action-search-communities #search-results .search-results-type-community{
	97	+ background: none;
	98	+ border: 1px solid #ccc;
	99	+ border-radius: 10px;
	100	+}
	101	+
	102	+.action-search-index #search-results h3{
	103	+ margin: 20px 0 10px 0;
	104	+ color: #172738;
	105	+ font-size:18px;
	106	+ line-height: 21px;
	107	+ font-family: Arial;
	108	+ font-weight: 700;
	109	+ font-variant: normal;
	110	+}
	111	+
	112	+.action-search-index #search-results .search-results-innerbox{
	113	+ background: none;
	114	+ border: 1px solid #ccc;
	115	+}