From 6ed8d3f7c8b98f73ac461a7a45798b8f1ffb173b Mon Sep 17 00:00:00 2001 From: cash Date: Thu, 2 Dec 2010 00:49:20 +0000 Subject: Refs #2317 pulled a few sections of CSS out to try out granular CSS git-svn-id: http://code.elgg.org/elgg/trunk@7491 36083f99-b078-4883-b0ff-0f9b5a30f544 --- views/default/css/components/forms.php | 258 +++++++++++++++++++++++++++++++++ 1 file changed, 258 insertions(+) create mode 100644 views/default/css/components/forms.php (limited to 'views/default/css/components/forms.php') diff --git a/views/default/css/components/forms.php b/views/default/css/components/forms.php new file mode 100644 index 000000000..344ae7d86 --- /dev/null +++ b/views/default/css/components/forms.php @@ -0,0 +1,258 @@ + +/* *************************************** + Form Elements +*************************************** */ +/* default elgg core input field classes */ +.input_text, +.input_tags, +.input_url, +.input_textarea { + width:98%; +} +.input_access { + margin:5px 0 0 0; +} +.input_password { + width:200px; +} +.input_textarea { + height: 200px; + width:718px; +} +input[type="checkbox"], +input.input_radio { + margin:0 3px 0 0; + padding:0; + border:none; +} +label { + font-weight: bold; + color:#333333; + font-size: 110%; +} +input { + font: 120% Arial, Helvetica, sans-serif; + padding: 5px; + border: 1px solid #cccccc; + color:#666666; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +textarea { + font: 120% Arial, Helvetica, sans-serif; + border: solid 1px #cccccc; + padding: 5px; + color:#666666; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +textarea:focus, +input[type="text"]:focus { + border: solid 1px #4690d6; + background: #e4ecf5; + color:#333333; +} +.input_textarea.monospace { + font-family:Monaco,"Courier New",Courier,monospace; + font-size:13px; +} +a.longtext_control { + float:right; + margin-left:14px; +} +.submit_button { + font-size: 14px; + font-weight: bold; + color: white; + text-shadow:1px 1px 0px black; + text-decoration:none; + border: 1px solid #4690d6; + background-color:#4690d6; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + width: auto; + padding: 2px 4px; + margin:0 10px 10px 0; + cursor: pointer; + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); +} +.submit_button:hover { + color: white; + border-color: #0054a7; + text-decoration:none; + background-color:#0054a7; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; +} +.submit_button.disabled { + background-color:#999999; + border-color:#999999; + color:#dedede; +} +.submit_button.disabled:hover { + background-color:#999999; + border-color:#999999; + color:#dedede; +} +input[type="password"]:focus { + border: solid 1px #4690d6; + background-color: #e4ecf5; + color:#333333; +} +input[type="submit"] { + font-size: 14px; + font-weight: bold; + color: white; + text-shadow:1px 1px 0px black; + text-decoration:none; + border: 1px solid #4690d6; + background-color:#4690d6; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + width: auto; + padding: 2px 4px; + margin:10px 0 10px 0; + cursor: pointer; + -moz-outline-style: none; + outline: none; + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); +} +input[type="submit"]:hover { + border-color: #0054a7; + text-decoration:none; + background-color:#0054a7; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; +} +.cancel_button { + font-size: 14px; + font-weight: bold; + text-decoration:none; + color: #333333; + background-color:#dddddd; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + border: 1px solid #999999; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + width: auto; + padding: 2px 4px; + margin:10px 0 10px 10px; + cursor: pointer; +} +.cancel_button:hover { + background-color: #999999; + background-position: left 10px; + text-decoration:none; + color:white; +} +input.action_button, +a.action_button { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + background-color:#cccccc; + background-image: url(_graphics/button_background.gif); + background-repeat: repeat-x; + background-position: 0 0; + border:1px solid #999999; + color:#333333; + padding:2px 15px 2px 15px; + text-align:center; + font-weight:bold; + text-decoration:none; + text-shadow:0 1px 0 white; + cursor:pointer; + -webkit-box-shadow: none; + -moz-box-shadow: none; +} +input.action_button:hover, +a.action_button:hover, +input.action_button:focus, +a.action_button:focus { + background-position:0 -15px; + background-image: url(_graphics/button_background.gif); + background-repeat: repeat-x; + color:#111111; + text-decoration: none; + background-color:#cccccc; + border:1px solid #999999; +} +.action_button:active { + background-image:none; +} +.action_button.disabled { + color:#999999; + padding:2px 7px 2px 7px; +} +.action_button.disabled:hover { + background-position:0 -15px; + color:#111111; + border:1px solid #999999; +} +.action_button.disabled:active { + background-image:none; +} +.action_button.download { + padding: 5px 9px 5px 6px; +} +.action_button.download:hover { + +} +.action_button.download img { + margin-right:6px; + position:relative; + top:5px; +} +.action_button.small { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + width: auto; + height:8px; + padding: 4px; + font-size: 0.9em; + line-height: 0.6em; +} +.action_button.small:hover { + background-color: #4690d6; + background-image: none; + border-color: #4690d6; + color:white; + text-shadow:0 -1px 0 black; +} +/* small round delete button */ +.delete_button { + width:14px; + height:14px; + margin:0; + float:right; +} +.delete_button a { + display:block; + cursor: pointer; + width:14px; + height:14px; + background: url("_graphics/elgg_sprites.png") no-repeat -200px top; + text-indent: -9000px; + text-align: left; +} +.delete_button a:hover { + background-position: -200px -16px; +} -- cgit v1.2.3