Adding Edit Article/Blog pages style

Melissa Wen
1 parent 8599fd78
Showing 1 changed file with 222 additions and 0 deletions Show diff stats
css/edition-pages.css
@@ -0,0 +1,222 @@
+/*** General Form Fields ***/
+
+/*** Edit Blog and Articles ***/
+
+.controller-cms #content .main-block h1{
+  margin: 0 0 10px 0;
+  padding: 0;
+  color: #172738;
+  border-bottom: none;
+  font-family: Arial;
+  font-size: 32px;
+  font-weight: bold;
+  font-variant: normal;
+}
+
+.controller-cms #content .main-block 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 {
+  color: #FF0366;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.controller-cms #content .main-block .formlabel {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+  padding: 10px 0 5px 0;
+  color: #231f20;
+  font-size: 14px;
+}
+
+.controller-cms #content .main-block .formfieldline .formfield code {
+  display: block;
+  width: auto;
+  height: 30px;
+  padding: 2px 0px 2px 0px;
+  border: none;
+  border-radius: 4px;
+  font-size: 15px;
+  font-family: Arial, helvetica;
+}
+
+.controller-cms #content .main-block .formfieldline .formfield code * {
+  display: inline;
+}
+
+.controller-cms #content .main-block .formfieldline .formfield code input[type="text"] {
+  padding: 6px;
+  color: #585858;
+  background: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: 15px;
+  font-family: Arial, helvetica;
+}
+
+.controller-cms #content .main-block .formfieldline textarea{
+  padding: 6px;
+  color: #585858;
+  background: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-family: Arial, helvetica;
+  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{
+  border: 1px solid #172738;
+}
+
+.controller-cms #content .main-block .formfieldline .type-file .type-file .formlabel{
+  display: none;
+}
+
+.controller-cms #content .main-block .formfieldline .type-file .type-file .type-text .formlabel{
+  display: block;
+}
+
+.controller-cms #content .formfield #article_image_builder_uploaded_data,
+.controller-cms #content .formfield #article_image_builder_label{
+  height: 19px;
+  padding: 6px;
+  background: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: 12px;
+  text-indent: 0px;
+}
+
+.controller-cms #content .formfield #article_image_builder_uploaded_data:hover,
+.controller-cms #content .formfield #article_image_builder_label:hover,
+.controller-cms #content .formfield #article_image_builder_uploaded_data:focus,
+.controller-cms #content .formfield #article_image_builder_label:focus{
+  border: 1px solid #172738;
+}
+
+.controller-cms #content .formfield #fetch-external-feed {
+  padding-left: 20px;
+  border-radius: 4px;
+}
+
+.controller-cms #content .formfield #fetch-external-feed > input {
+  height: 13px;
+  margin: 8px 8px 8px 0px;
+  vertical-align: middle;
+  width: 13px;
+}
+
+.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once input {
+  margin-right: 3px;
+  width: 13px;
+  vertical-align: middle;
+}
+
+.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once label {
+  margin-right: 250px;
+}
+
+.controller-cms #content .main-content form label.formlabel,
+.controller-cms #content .main-content form .article-translation-field {
+  font-size: 14px;
+  margin-bottom: 5px;
+  color: #231f20;
+}
+
+.controller-cms #content .main-content form .article-translation-field {
+  margin-top: 25px;
+  margin-bottom: 15px;
+}
+
+.controller-cms #content .main-block form .button-bar input{
+  min-width: 100px;
+  margin-right: 10px;
+  padding: 2px 5px;
+  color: #FFF;
+  background: #2C66CE;
+  font-size: 15px;
+  border: none;
+}
+
+.controller-cms #content .main-block 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;
+  color: #2C66CE;
+  background: #FFF;
+  border: 1px solid #2C66CE;
+  font-size: 14px;
+  text-align: center;
+}
+
+.controller-cms #content .main-block form .button-bar a.button:hover{
+  background: none;
+  color: #5E82C6;
+  border-color: #5E82C6;
+}
+
+.controller-cms #content .main-block form .box-title{
+  font-size: 15px;
+  font-family: Arial, helvetica;
+}
+
+.controller-cms #content .main-block #category-ajax-selector{
+  border-style: dotted;
+}
+
+.controller-cms #content .main-block #category-ajax-selector label{
+  font-size: 14px;
+}
+
+.controller-cms #content .main-block #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{
+  background: #2C66CE;
+  color: #FFF;
+}
+
+.controller-cms #content .main-block .inputosaurus-required{
+  background: none;
+  border: 1px solid #ccc;
+}
+
+.controller-cms #content .main-block .inputosaurus-required:hover,
+.controller-cms #content .main-block .inputosaurus-required:focus{
+  border: 1px solid #172738;
+}
+
+.controller-cms #content .main-block .inputosaurus-required input:hover{
+  background: none;
+}
+
+#content #edit-article-options h4 {
+  font-family: "open_sansbold", Arial, Helvetica, sans-serif;
+  font-size: 14px;
+}
+
+#content #edit-article-options div div {
+  margin-top: 13px;
+  margin-bottom: 13px;
+}
+
+
+/*** Edit Organizations ***/
+
...	...	@@ -0,0 +1,222 @@
	1	+/* General Form Fields */
	2	+
	3	+/* Edit Blog and Articles */
	4	+
	5	+.controller-cms #content .main-block h1{
	6	+ margin: 0 0 10px 0;
	7	+ padding: 0;
	8	+ color: #172738;
	9	+ border-bottom: none;
	10	+ font-family: Arial;
	11	+ font-size: 32px;
	12	+ font-weight: bold;
	13	+ font-variant: normal;
	14	+}
	15	+
	16	+.controller-cms #content .main-block form{
	17	+ font-size: 14px;
	18	+ font-family: Arial;
	19	+}
	20	+
	21	+.controller-cms #content .main-block form .required-field .pseudoformlabel,
	22	+.controller-cms #content .main-block form .required-field label.formlabel:after {
	23	+ color: #FF0366;
	24	+ font-size: 14px;
	25	+ font-weight: 500;
	26	+}
	27	+
	28	+.controller-cms #content .main-block .formlabel {
	29	+ display: inline-block;
	30	+ max-width: 100%;
	31	+ margin-bottom: 5px;
	32	+ padding: 10px 0 5px 0;
	33	+ color: #231f20;
	34	+ font-size: 14px;
	35	+}
	36	+
	37	+.controller-cms #content .main-block .formfieldline .formfield code {
	38	+ display: block;
	39	+ width: auto;
	40	+ height: 30px;
	41	+ padding: 2px 0px 2px 0px;
	42	+ border: none;
	43	+ border-radius: 4px;
	44	+ font-size: 15px;
	45	+ font-family: Arial, helvetica;
	46	+}
	47	+
	48	+.controller-cms #content .main-block .formfieldline .formfield code * {
	49	+ display: inline;
	50	+}
	51	+
	52	+.controller-cms #content .main-block .formfieldline .formfield code input[type="text"] {
	53	+ padding: 6px;
	54	+ color: #585858;
	55	+ background: none;
	56	+ border: 1px solid #ccc;
	57	+ border-radius: 4px;
	58	+ font-size: 15px;
	59	+ font-family: Arial, helvetica;
	60	+}
	61	+
	62	+.controller-cms #content .main-block .formfieldline textarea{
	63	+ padding: 6px;
	64	+ color: #585858;
	65	+ background: none;
	66	+ border: 1px solid #ccc;
	67	+ border-radius: 4px;
	68	+ font-family: Arial, helvetica;
	69	+ font-size: 15px;
	70	+}
	71	+
	72	+.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]:hover,
	73	+.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]:focus,
	74	+.controller-cms #content .main-block .formfieldline textarea:hover,
	75	+.controller-cms #content .main-block .formfieldline textarea:focus{
	76	+ border: 1px solid #172738;
	77	+}
	78	+
	79	+.controller-cms #content .main-block .formfieldline .type-file .type-file .formlabel{
	80	+ display: none;
	81	+}
	82	+
	83	+.controller-cms #content .main-block .formfieldline .type-file .type-file .type-text .formlabel{
	84	+ display: block;
	85	+}
	86	+
	87	+.controller-cms #content .formfield #article_image_builder_uploaded_data,
	88	+.controller-cms #content .formfield #article_image_builder_label{
	89	+ height: 19px;
	90	+ padding: 6px;
	91	+ background: none;
	92	+ border: 1px solid #ccc;
	93	+ border-radius: 4px;
	94	+ font-size: 12px;
	95	+ text-indent: 0px;
	96	+}
	97	+
	98	+.controller-cms #content .formfield #article_image_builder_uploaded_data:hover,
	99	+.controller-cms #content .formfield #article_image_builder_label:hover,
	100	+.controller-cms #content .formfield #article_image_builder_uploaded_data:focus,
	101	+.controller-cms #content .formfield #article_image_builder_label:focus{
	102	+ border: 1px solid #172738;
	103	+}
	104	+
	105	+.controller-cms #content .formfield #fetch-external-feed {
	106	+ padding-left: 20px;
	107	+ border-radius: 4px;
	108	+}
	109	+
	110	+.controller-cms #content .formfield #fetch-external-feed > input {
	111	+ height: 13px;
	112	+ margin: 8px 8px 8px 0px;
	113	+ vertical-align: middle;
	114	+ width: 13px;
	115	+}
	116	+
	117	+.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once input {
	118	+ margin-right: 3px;
	119	+ width: 13px;
	120	+ vertical-align: middle;
	121	+}
	122	+
	123	+.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once label {
	124	+ margin-right: 250px;
	125	+}
	126	+
	127	+.controller-cms #content .main-content form label.formlabel,
	128	+.controller-cms #content .main-content form .article-translation-field {
	129	+ font-size: 14px;
	130	+ margin-bottom: 5px;
	131	+ color: #231f20;
	132	+}
	133	+
	134	+.controller-cms #content .main-content form .article-translation-field {
	135	+ margin-top: 25px;
	136	+ margin-bottom: 15px;
	137	+}
	138	+
	139	+.controller-cms #content .main-block form .button-bar input{
	140	+ min-width: 100px;
	141	+ margin-right: 10px;
	142	+ padding: 2px 5px;
	143	+ color: #FFF;
	144	+ background: #2C66CE;
	145	+ font-size: 15px;
	146	+ border: none;
	147	+}
	148	+
	149	+.controller-cms #content .main-block form .button-bar input:hover {
	150	+ background: #5E82C6;
	151	+ border: none;
	152	+}
	153	+
	154	+.controller-cms #content .main-block form .button-bar a.button{
	155	+ height: 29px;
	156	+ min-width: 100px;
	157	+ padding: 1px 0 0 0;
	158	+ color: #2C66CE;
	159	+ background: #FFF;
	160	+ border: 1px solid #2C66CE;
	161	+ font-size: 14px;
	162	+ text-align: center;
	163	+}
	164	+
	165	+.controller-cms #content .main-block form .button-bar a.button:hover{
	166	+ background: none;
	167	+ color: #5E82C6;
	168	+ border-color: #5E82C6;
	169	+}
	170	+
	171	+.controller-cms #content .main-block form .box-title{
	172	+ font-size: 15px;
	173	+ font-family: Arial, helvetica;
	174	+}
	175	+
	176	+.controller-cms #content .main-block #category-ajax-selector{
	177	+ border-style: dotted;
	178	+}
	179	+
	180	+.controller-cms #content .main-block #category-ajax-selector label{
	181	+ font-size: 14px;
	182	+}
	183	+
	184	+.controller-cms #content .main-block #category-ajax-selector .select-subcategory-link{
	185	+ background: #FFF;
	186	+ border: 1px solid #2C66CE;
	187	+ color: #2C66CE;
	188	+ padding: 3px;
	189	+}
	190	+
	191	+.controller-cms #content .main-block #category-ajax-selector .select-subcategory-link:hover{
	192	+ background: #2C66CE;
	193	+ color: #FFF;
	194	+}
	195	+
	196	+.controller-cms #content .main-block .inputosaurus-required{
	197	+ background: none;
	198	+ border: 1px solid #ccc;
	199	+}
	200	+
	201	+.controller-cms #content .main-block .inputosaurus-required:hover,
	202	+.controller-cms #content .main-block .inputosaurus-required:focus{
	203	+ border: 1px solid #172738;
	204	+}
	205	+
	206	+.controller-cms #content .main-block .inputosaurus-required input:hover{
	207	+ background: none;
	208	+}
	209	+
	210	+#content #edit-article-options h4 {
	211	+ font-family: "open_sansbold", Arial, Helvetica, sans-serif;
	212	+ font-size: 14px;
	213	+}
	214	+
	215	+#content #edit-article-options div div {
	216	+ margin-top: 13px;
	217	+ margin-bottom: 13px;
	218	+}
	219	+
	220	+
	221	+/* Edit Organizations */
	222	+
...	...